첫 커밋

src/entities/additional-service/api/use-extansion-alimtalk-detail-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionAlimtalkDetailParams,
+  ExtensionAlimtalkDetailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionAlimtalkDetail = (params: ExtensionAlimtalkDetailParams) => {
+  return resultify(
+    axios.post<ExtensionAlimtalkDetailResponse>(API_URL.extensionArsDetail(), params),
+  );
+};
+
+export const useExtensionAlimtalkDetailMutation = (options?: UseMutationOptions<ExtensionAlimtalkDetailResponse, CBDCAxiosError, ExtensionAlimtalkDetailParams>) => {
+  const mutation = useMutation<ExtensionAlimtalkDetailResponse, CBDCAxiosError, ExtensionAlimtalkDetailParams>({
+    ...options,
+    mutationFn: (params: ExtensionAlimtalkDetailParams) => extensionAlimtalkDetail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extansion-alimtalk-download-excel-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionAlimtalkDownloadExcelParams,
+  ExtensionAlimtalkDownloadExcelResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionAlimtalkDownloadExcel = (params: ExtensionAlimtalkDownloadExcelParams) => {
+  return resultify(
+    axios.post<ExtensionAlimtalkDownloadExcelResponse>(API_URL.extensionAlimtalkDownloadExcel(), params),
+  );
+};
+
+export const useExtensionAlimtalkDownloadExcelMutation = (options?: UseMutationOptions<ExtensionAlimtalkDownloadExcelResponse, CBDCAxiosError, ExtensionAlimtalkDownloadExcelParams>) => {
+  const mutation = useMutation<ExtensionAlimtalkDownloadExcelResponse, CBDCAxiosError, ExtensionAlimtalkDownloadExcelParams>({
+    ...options,
+    mutationFn: (params: ExtensionAlimtalkDownloadExcelParams) => extensionAlimtalkDownloadExcel(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extansion-alimtalk-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionAlimtalkListParams,
+  ExtensionAlimtalkListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionAlimtalkList = (params: ExtensionAlimtalkListParams) => {
+  return resultify(
+    axios.post<ExtensionAlimtalkListResponse>(API_URL.extensionAlimtalkList(), params),
+  );
+};
+
+export const useExtensionAlimtalkListMutation = (options?: UseMutationOptions<ExtensionAlimtalkListResponse, CBDCAxiosError, ExtensionAlimtalkListParams>) => {
+  const mutation = useMutation<ExtensionAlimtalkListResponse, CBDCAxiosError, ExtensionAlimtalkListParams>({
+    ...options,
+    mutationFn: (params: ExtensionAlimtalkListParams) => extensionAlimtalkList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extansion-alimtalk-setting-detail-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionAlimtalkSettingDetailParams,
+  ExtensionAlimtalkSettingDetailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionAlimtalkSettingDetail = (params: ExtensionAlimtalkSettingDetailParams) => {
+  return resultify(
+    axios.post<ExtensionAlimtalkSettingDetailResponse>(API_URL.extensionAlimtalkSettingDetail(), params),
+  );
+};
+
+export const useExtensionAlimtalkSettingSaveMutation = (options?: UseMutationOptions<ExtensionAlimtalkSettingDetailResponse, CBDCAxiosError, ExtensionAlimtalkSettingDetailParams>) => {
+  const mutation = useMutation<ExtensionAlimtalkSettingDetailResponse, CBDCAxiosError, ExtensionAlimtalkSettingDetailParams>({
+    ...options,
+    mutationFn: (params: ExtensionAlimtalkSettingDetailParams) => extensionAlimtalkSettingDetail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extansion-alimtalk-setting-save-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionAlimtalkSettingSaveParams,
+  ExtensionAlimtalkSettingSaveResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionAlimtalkSettingSave = (params: ExtensionAlimtalkSettingSaveParams) => {
+  return resultify(
+    axios.post<ExtensionAlimtalkSettingSaveResponse>(API_URL.extensionAlimtalkSettingSave(), params),
+  );
+};
+
+export const useExtensionAlimtalkSettingSaveMutation = (options?: UseMutationOptions<ExtensionAlimtalkSettingSaveResponse, CBDCAxiosError, ExtensionAlimtalkSettingSaveParams>) => {
+  const mutation = useMutation<ExtensionAlimtalkSettingSaveResponse, CBDCAxiosError, ExtensionAlimtalkSettingSaveParams>({
+    ...options,
+    mutationFn: (params: ExtensionAlimtalkSettingSaveParams) => extensionAlimtalkSettingSave(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-ars-apply-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionArsApplyParams,
+  ExtensionArsApplyResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionArsApply = (params: ExtensionArsApplyParams) => {
+  return resultify(
+    axios.post<ExtensionArsApplyResponse>(API_URL.extensionArsApply(), params),
+  );
+};
+
+export const useExtensionArsApplyMutation = (options?: UseMutationOptions<ExtensionArsApplyResponse, CBDCAxiosError, ExtensionArsApplyParams>) => {
+  const mutation = useMutation<ExtensionArsApplyResponse, CBDCAxiosError, ExtensionArsApplyParams>({
+    ...options,
+    mutationFn: (params: ExtensionArsApplyParams) => extensionArsApply(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-ars-detail-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionArsDetailParams,
+  ExtensionArsDetailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionArsDetail = (params: ExtensionArsDetailParams) => {
+  return resultify(
+    axios.post<ExtensionArsDetailResponse>(API_URL.extensionArsDetail(), params),
+  );
+};
+
+export const useExtensionArsDetailMutation = (options?: UseMutationOptions<ExtensionArsDetailResponse, CBDCAxiosError, ExtensionArsDetailParams>) => {
+  const mutation = useMutation<ExtensionArsDetailResponse, CBDCAxiosError, ExtensionArsDetailParams>({
+    ...options,
+    mutationFn: (params: ExtensionArsDetailParams) => extensionArsDetail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-ars-download-excel-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionArsDownloadExcelParams,
+  ExtensionArsDownloadExcelResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionArsDownloadExcel = (params: ExtensionArsDownloadExcelParams) => {
+  return resultify(
+    axios.post<ExtensionArsDownloadExcelResponse>(API_URL.extensionArsDownloadExcel(), params),
+  );
+};
+
+export const useExtensionArsDownloadExcelMutation = (options?: UseMutationOptions<ExtensionArsDownloadExcelResponse, CBDCAxiosError, ExtensionArsDownloadExcelParams>) => {
+  const mutation = useMutation<ExtensionArsDownloadExcelResponse, CBDCAxiosError, ExtensionArsDownloadExcelParams>({
+    ...options,
+    mutationFn: (params: ExtensionArsDownloadExcelParams) => extensionArsDownloadExcel(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-ars-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionArsListParams,
+  ExtensionArsListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionArsList = (params: ExtensionArsListParams) => {
+  return resultify(
+    axios.post<ExtensionArsListResponse>(API_URL.extensionArsList(), params),
+  );
+};
+
+export const useExtensionArsListMutation = (options?: UseMutationOptions<ExtensionArsListResponse, CBDCAxiosError, ExtensionArsListParams>) => {
+  const mutation = useMutation<ExtensionArsListResponse, CBDCAxiosError, ExtensionArsListParams>({
+    ...options,
+    mutationFn: (params: ExtensionArsListParams) => extensionArsList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-ars-resend-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionArsResendParams,
+  ExtensionArsResendResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionArsResend = (params: ExtensionArsResendParams) => {
+  return resultify(
+    axios.post<ExtensionArsResendResponse>(API_URL.extensionArsResend(), params),
+  );
+};
+
+export const useExtensionArsResendMutation = (options?: UseMutationOptions<ExtensionArsResendResponse, CBDCAxiosError, ExtensionArsResendParams>) => {
+  const mutation = useMutation<ExtensionArsResendResponse, CBDCAxiosError, ExtensionArsResendParams>({
+    ...options,
+    mutationFn: (params: ExtensionArsResendParams) => extensionArsResend(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-keyin-apply-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionKeyinApplyParams,
+  ExtensionKeyinApplyResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionKeyinApply = (params: ExtensionKeyinApplyParams) => {
+  return resultify(
+    axios.post<ExtensionKeyinApplyResponse>(API_URL.extensionKeyinApply(), params),
+  );
+};
+
+export const useExtensionKeyinListMutation = (options?: UseMutationOptions<ExtensionKeyinApplyResponse, CBDCAxiosError, ExtensionKeyinApplyParams>) => {
+  const mutation = useMutation<ExtensionKeyinApplyResponse, CBDCAxiosError, ExtensionKeyinApplyParams>({
+    ...options,
+    mutationFn: (params: ExtensionKeyinApplyParams) => extensionKeyinApply(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-keyin-download-excel-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionKeyinDownloadExcelParams,
+  ExtensionKeyinDownloadExcelResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionKeyinDownloadExcel = (params: ExtensionKeyinDownloadExcelParams) => {
+  return resultify(
+    axios.post<ExtensionKeyinDownloadExcelResponse>(API_URL.extensionKeyinDownloadExcel(), params),
+  );
+};
+
+export const useExtensionKeyinDownloadExcelMutation = (options?: UseMutationOptions<ExtensionKeyinDownloadExcelResponse, CBDCAxiosError, ExtensionKeyinDownloadExcelParams>) => {
+  const mutation = useMutation<ExtensionKeyinDownloadExcelResponse, CBDCAxiosError, ExtensionKeyinDownloadExcelParams>({
+    ...options,
+    mutationFn: (params: ExtensionKeyinDownloadExcelParams) => extensionKeyinDownloadExcel(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-keyin-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionKeyinListParams,
+  ExtensionKeyinListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionKeyinList = (params: ExtensionKeyinListParams) => {
+  return resultify(
+    axios.post<ExtensionKeyinListResponse>(API_URL.extensionKeyinList(), params),
+  );
+};
+
+export const useExtensionKeyinListMutation = (options?: UseMutationOptions<ExtensionKeyinListResponse, CBDCAxiosError, ExtensionKeyinListParams>) => {
+  const mutation = useMutation<ExtensionKeyinListResponse, CBDCAxiosError, ExtensionKeyinListParams>({
+    ...options,
+    mutationFn: (params: ExtensionKeyinListParams) => extensionKeyinList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionListParams,
+  ExtensionListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionList = (params: ExtensionListParams) => {
+  return resultify(
+    axios.post<ExtensionListResponse>(API_URL.extensionList(), params),
+  );
+};
+
+export const useExtensionListMutation = (options?: UseMutationOptions<ExtensionListResponse, CBDCAxiosError, ExtensionListParams>) => {
+  const mutation = useMutation<ExtensionListResponse, CBDCAxiosError, ExtensionListParams>({
+    ...options,
+    mutationFn: (params: ExtensionListParams) => extensionList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-sms-detail-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionSmsDetailParams,
+  ExtensionSmsDetailResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionSmsDetail = (params: ExtensionSmsDetailParams) => {
+  return resultify(
+    axios.post<ExtensionSmsDetailResponse>(API_URL.extensionSmsDetail(), params),
+  );
+};
+
+export const useExtensionSmsListMutation = (options?: UseMutationOptions<ExtensionSmsDetailResponse, CBDCAxiosError, ExtensionSmsDetailParams>) => {
+  const mutation = useMutation<ExtensionSmsDetailResponse, CBDCAxiosError, ExtensionSmsDetailParams>({
+    ...options,
+    mutationFn: (params: ExtensionSmsDetailParams) => extensionSmsDetail(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-sms-download-excel-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionSmsDownloadExcelParams,
+  ExtensionSmsDownloadExcelResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionSmsDownloadExcel = (params: ExtensionSmsDownloadExcelParams) => {
+  return resultify(
+    axios.post<ExtensionSmsDownloadExcelResponse>(API_URL.extensionSmsDownloadExcel(), params),
+  );
+};
+
+export const useExtensionSmsDownloadExcelMutation = (options?: UseMutationOptions<ExtensionSmsDownloadExcelResponse, CBDCAxiosError, ExtensionSmsDownloadExcelParams>) => {
+  const mutation = useMutation<ExtensionSmsDownloadExcelResponse, CBDCAxiosError, ExtensionSmsDownloadExcelParams>({
+    ...options,
+    mutationFn: (params: ExtensionSmsDownloadExcelParams) => extensionSmsDownloadExcel(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-sms-list-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionSmsListParams,
+  ExtensionSmsListResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionSmsList = (params: ExtensionSmsListParams) => {
+  return resultify(
+    axios.post<ExtensionSmsListResponse>(API_URL.extensionSmsList(), params),
+  );
+};
+
+export const useExtensionSmsListMutation = (options?: UseMutationOptions<ExtensionSmsListResponse, CBDCAxiosError, ExtensionSmsListParams>) => {
+  const mutation = useMutation<ExtensionSmsListResponse, CBDCAxiosError, ExtensionSmsListParams>({
+    ...options,
+    mutationFn: (params: ExtensionSmsListParams) => extensionSmsList(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/api/use-extension-sms-resend-mutation.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { API_URL } from '@/shared/api/urls';
+import { resultify } from '@/shared/lib/resultify';
+import { CBDCAxiosError } from '@/shared/@types/error';
+import { 
+  ExtensionSmsResendParams,
+  ExtensionSmsResendResponse
+} from '../model/types';
+import { 
+  useMutation,
+  UseMutationOptions
+} from '@tanstack/react-query';
+
+export const extensionSmsResend = (params: ExtensionSmsResendParams) => {
+  return resultify(
+    axios.post<ExtensionSmsResendResponse>(API_URL.extensionSmsResend(), params),
+  );
+};
+
+export const useExtensionSmsResendMutation = (options?: UseMutationOptions<ExtensionSmsResendResponse, CBDCAxiosError, ExtensionSmsResendParams>) => {
+  const mutation = useMutation<ExtensionSmsResendResponse, CBDCAxiosError, ExtensionSmsResendParams>({
+    ...options,
+    mutationFn: (params: ExtensionSmsResendParams) => extensionSmsResend(params),
+  });
+
+  return {
+    ...mutation,
+  };
+};

src/entities/additional-service/model/types.ts

@@ -0,0 +1,279 @@
+import { DefaulResponsePagination } from '@/entities/common/model/types';
+
+export interface ExtensionRequestParams {
+  mid: string;
+};
+export interface ExtensionSmsResendParams extends ExtensionRequestParams {
+  tid: string;
+};
+export interface ExtensionSmsResendResponse {
+
+};
+export interface ExtensionSmsListParams extends ExtensionRequestParams {
+  tid: string;
+  searchCl: string;
+  searchValue: string;
+  fromDate: string;
+  toDate: string;
+  smsCl: string;
+};
+export interface ExtensionSmsListItemProps {
+  mid: string;
+  tid: string;
+  paymentDate: string;
+  paymentStatus: string;
+  smsCl: string;
+};
+export interface ExtensionSmsListResponse extends DefaulResponsePagination {
+  content: Array<ExtensionSmsListItemProps>
+};
+export interface ExtensionSmsDownloadExcelParams extends ExtensionRequestParams {
+  searchCl: string;
+  searchValue: string;
+  fromDate: string;
+  toDate: string;
+  smsCl: string;
+};
+export interface ExtensionSmsDownloadExcelResponse {
+
+};
+export interface ExtensionSmsDetailParams extends ExtensionRequestParams {
+  tid: string;
+};
+export interface ExtensionSmsDetailResponse {
+  senderNumber: string;
+  senderName: string;
+  receiverNumber: string;
+  receiverName: string;
+  sendMessage: string;
+};
+export interface ExtensionListParams extends ExtensionRequestParams {
+
+};
+export interface activeExtensionListItem {
+  extensionCode: string;
+  extensionName: string;
+  extensionInformation: string;
+};
+export interface availableExtensionListItem {
+  extensionCode: string;
+  extensionName: string;
+  extensionInformation: string;
+};
+export interface ExtensionListItemProps {
+  activeExtensionList: Array<activeExtensionListItem>;
+  availableExtensionList: Array<availableExtensionListItem>;
+};
+export interface ExtensionListResponse extends DefaulResponsePagination {
+  content: Array<ExtensionListItemProps>
+};
+export interface ExtensionKeyinListParams extends ExtensionRequestParams {
+  fromDate: string;
+  toDate: string;
+  paymentStatus: string;
+  minAmount: number;
+  maxAmount: number;
+};
+export interface ExtensionKeyinListItemProps {
+  tid: string;
+  paymentDate: string;
+  paymentStatus: string;
+  amount: number;
+};
+export interface ExtensionKeyinListResponse extends DefaulResponsePagination {
+  content: Array<ExtensionKeyinListItemProps>
+};
+export interface ExtensionKeyinDownloadExcelParams extends ExtensionRequestParams {
+  fromDate: string;
+  toDate: string;
+  paymentStatus: string;
+  minAmount: number;
+  maxAmount: number;
+};
+export interface ExtensionKeyinDownloadExcelResponse {
+
+};
+export interface ExtensionKeyinApplyParams extends ExtensionRequestParams {
+  goodsName: string;
+  amount: number;
+  buyerName: string;
+  email: string;
+  phoneNumber: string;
+  cardNo: string;
+  cardExpirationDate: string;
+  instmntMonth: string;
+  moid: string;
+};
+export interface ExtensionKeyinApplyResponse {
+
+};
+export interface ExtensionArsResendParams extends ExtensionRequestParams {
+  tid: string;
+};
+export interface ExtensionArsResendResponse {
+
+};
+export interface ExtensionArsListParams extends ExtensionRequestParams {
+  moid: string;
+  fromDate: string;
+  toDate: string;
+  paymentStatus: string;
+  orderStatus: string;
+  minAmount: number;
+  maxAmount: number;
+};
+export interface ExtensionArsListItemProps {
+  tid: string;
+  paymentDate: string;
+  paymentStatus: string;
+  orderStatus: string;
+  arsPaymentMethod: string;
+  amount: number;
+};
+export interface ExtensionArsListResponse extends DefaulResponsePagination {
+  content: Array<ExtensionArsListItemProps>
+};
+export interface ExtensionArsDownloadExcelParams extends ExtensionRequestParams {
+  moid: string;
+  fromDate: string;
+  toDate: string;
+  paymentStatus: string;
+  orderStatus: string;
+  minAmount: number;
+  maxAmount: number;
+};
+export interface ExtensionArsDownloadExcelResponse {
+
+};
+export interface ExtensionArsDetailParams extends ExtensionRequestParams {
+  tid: string;
+};
+export interface ExtensionArsDetailResponse {
+  corpName: string;
+  mid: string;
+  arsPaymentMethod: string;
+  paymentStatus: string;
+  orderStatus: string;
+  paymentDate: string;
+  goodsName: string;
+  tid: string;
+  buyerName: string;
+  phoneNumber: string;
+  maskPhoneNumber: string;
+  email: string;
+  smsVerificationCode: string;
+};
+export interface ExtensionArsApplyParams extends ExtensionRequestParams {
+  moid: string;
+  goodsName: string;
+  amount: number;
+  instmntMonth: string;
+  buyerName: string;
+  phoneNumber: string;
+  email: string;
+  arsPaymentMethod: string;
+};
+export interface ExtensionArsApplyResponse {
+
+};
+export interface SendMerchantInfoItem {
+  cardApprovalFlag: boolean;
+  cardCancelFlag: boolean;
+  bankApprovalFlag: boolean;
+  bankCancelFlag: boolean;
+  virtureAccountDepositRequestFlag: boolean;
+  virtureAccountDepositCompleteFlag: boolean;
+  virtureAccountRefundFlag: boolean;
+};
+export interface SendUserInfoItem {
+  cardApprovalFlag: boolean;
+  cardCancelFlag: boolean;
+  bankApprovalFlag: boolean;
+  bankCancelFlag: boolean;
+  virtureAccountDepositRequestFlag: boolean;
+  virtureAccountDepositCompleteFlag: boolean;
+  virtureAccountRefundFlag: boolean;
+};
+export interface ExtensionAlimtalkSettingSaveParams extends ExtensionRequestParams {
+  sendMerchantInfo: SendMerchantInfoItem;
+  sendUserInfo: SendUserInfoItem;
+};
+export interface ExtensionAlimtalkSettingSaveResponse {
+
+};
+export interface ExtensionAlimtalkSettingDetailParams extends ExtensionRequestParams {
+  
+};
+export interface ExtensionAlimtalkSettingDetailItem {
+  sendMerchantInfo: SendMerchantInfoItem;
+  sendUserInfo: SendUserInfoItem;
+};
+export interface ExtensionAlimtalkSettingDetailResponse extends DefaulResponsePagination {
+  content: Array<ExtensionAlimtalkSettingDetailItem>
+};
+export interface ExtensionAlimtalkListParams extends ExtensionRequestParams {
+  searchCl: string;
+  searchValue: string;
+  paymentMethod: string;
+  alimCl: string;
+  fromDate: string;
+  toDate: string;
+  sendType: string;
+  sendCl: string;
+};
+export interface ExtensionAlimtalkListItem {
+  tid: string;
+  sendDate: string;
+  alimCl: string;
+  sendType: string;
+  sendCl: string;
+  paymentMethod: string;
+  receiverName: string;
+};
+export interface ExtensionAlimtalkListResponse extends DefaulResponsePagination {
+  content: Array<ExtensionAlimtalkListItem>
+};
+export interface ExtensionAlimtalkDownloadExcelParams extends ExtensionRequestParams {
+  searchCl: string;
+  searchValue: string;
+  paymentMethod: string;
+  alimCl: string;
+  fromDate: string;
+  toDate: string;
+  sendType: string;
+  sendCl: string;
+};
+export interface ExtensionAlimtalkDownloadExcelResponse {
+
+};
+export interface ExtensionAlimtalkDetailParams extends ExtensionRequestParams {
+  tid: string;
+};
+export interface ExtensionAlimtalkDetailResponse {
+  receiverName: string;
+  merchantName: string;
+  sendDate: string;
+  mid: string;
+  tid: string;
+  serviceName: string;
+  sendType: string;
+  senderName: string;
+  paymentMethod: string;
+  alimCl: string;
+  sendCl: string;
+};
+export interface IntroListItemProps {
+  className?: string;
+  serviceName?: string;
+  serviceDesc?: string;
+  icon?: string;
+  path?: string;
+};
+export interface ArsCardPaymentFinishProps {
+  requestSuccess: boolean;
+  setRequestSuccess: (requestSuccess: boolean) => void;
+};
+export interface SmsPaymentDetailResendProps {
+  bottomSmsPaymentDetailResendOn: boolean;
+  setBottomSmsPaymentDetailResendOn: (bottomSmsPaymentDetailResendOn: boolean) => void;
+};

src/entities/additional-service/ui/intro-list-item.tsx

@@ -0,0 +1,35 @@
+import { IntroListItemProps } from '../model/types';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+
+export const IntroListItem = ({
+  className,
+  serviceName,
+  serviceDesc,
+  icon,
+  path
+}: IntroListItemProps) => {
+  const { navigate } = useNavigate();
+  
+  const onClickToNavigate = () => {
+    if(!!path){
+      navigate(path);
+    }
+  };
+  return (
+    <>
+      <div 
+        className={ className }
+        onClick={ () => onClickToNavigate() }
+      >
+        <div>
+          <div className="service-name">{ serviceName }</div>
+          <p className="service-desc">{ serviceDesc }</p>
+        </div>
+        <img 
+          src={ icon } 
+          alt={ serviceName }
+        />
+      </div>
+    </>
+  )
+};

src/entities/additional-service/ui/sms-payment-detail-resend.tsx

@@ -0,0 +1,59 @@
+import { motion } from 'framer-motion';
+import { IMAGE_ROOT } from '@/shared/constants/common';
+import { SmsPaymentDetailResendProps } from '../model/types';
+
+export const SmsPaymentDetailResend = ({
+  bottomSmsPaymentDetailResendOn,
+  setBottomSmsPaymentDetailResendOn
+}: SmsPaymentDetailResendProps) => {
+  
+  const variants = {
+    hidden: { y: '100%' },
+    visible: { y: '0%' },
+  };
+  const onClickToClose = () => {
+    // close
+    setBottomSmsPaymentDetailResendOn(false);
+  };
+
+  return (
+    <>
+      { bottomSmsPaymentDetailResendOn &&
+        <div className="bg-dim"></div>
+      }
+      <motion.div 
+        className="bottomsheet"
+        initial="hidden"
+        animate={ (bottomSmsPaymentDetailResendOn)? 'visible': 'hidden' }
+        variants={ variants }
+        transition={{ duration: 0.5 }}
+      >
+        <div className="bottomsheet-header">
+          <div className="bottomsheet-title">
+            <h2>SMS 상세 & 재발송</h2>
+            <button 
+              className="close-btn" 
+              type="button"
+            >
+              <img 
+                src={ IMAGE_ROOT + '/ico_close.svg' }
+                alt="닫기"
+                onClick={ () => onClickToClose() }
+              />
+            </button>
+          </div>
+        </div>
+        <div className="resend-info">
+          <div className="resend-row">발신자(번호) : 유앤아이피부과(16610808)</div>
+          <div className="resend-row">수신자(번호) : 김*환(010****7000)</div>
+        </div>
+        <div className="resend-box">
+          <p className="resend-text">[유앤아이피부과]김*환님, 신한은행 110322141414 (300원 06/08 입금완료)</p>
+        </div>
+        <div className="bottomsheet-footer">
+          <button className="btn-50 btn-blue flex-1" type="button">신청</button>
+        </div>
+      </motion.div>
+    </>
+  );
+};