@tipp/ui 1.5.2 → 1.5.4

package/dist/app/platform/coaching-customer-info/coaching-customer-info.js

@@ -1,200 +0,0 @@
-import "../../../chunk-KTVZ4KLX.js";
-import "../../../chunk-DWCPI2UN.js";
-import {
-  toast
-} from "../../../chunk-CYYWMYE7.js";
-import "../../../chunk-5H3YPCZK.js";
-import "../../../chunk-FR2GDOU2.js";
-import "../../../chunk-74DX4CU7.js";
-import "../../../chunk-OYM4XCHQ.js";
-import "../../../chunk-YJ7ZFOYL.js";
-import "../../../chunk-5ZITU5L7.js";
-import "../../../chunk-EW6OPYEW.js";
-import "../../../chunk-VOQU7ZOV.js";
-import "../../../chunk-6IVCARWS.js";
-import "../../../chunk-6DJOIRMF.js";
-import "../../../chunk-FPD73OHW.js";
-import "../../../chunk-ZKZDVS7G.js";
-import "../../../chunk-MUNMDHRF.js";
-import "../../../chunk-TVDKGMBI.js";
-import "../../../chunk-ZZYFULUQ.js";
-import {
-  Separator
-} from "../../../chunk-HYITAA4J.js";
-import "../../../chunk-XQOL7UBI.js";
-import "../../../chunk-TULWX7D6.js";
-import "../../../chunk-SIM6HKVI.js";
-import "../../../chunk-FYIO3EDH.js";
-import "../../../chunk-5AVBYDPB.js";
-import "../../../chunk-365QMK4D.js";
-import "../../../chunk-YO3BQW6S.js";
-import "../../../chunk-WKFZ5MMN.js";
-import "../../../chunk-ACVANQJ4.js";
-import "../../../chunk-2DZ2Y3JI.js";
-import "../../../chunk-QDZS4B6A.js";
-import {
-  Typo
-} from "../../../chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "../../../chunk-25HMMI7R.js";
-import {
-  Grid
-} from "../../../chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "../../../chunk-HK224ADT.js";
-import "../../../chunk-O3T3TM3V.js";
-import "../../../chunk-O3DNDMV3.js";
-import "../../../chunk-LHCDPZ5E.js";
-import "../../../chunk-OHMOP5PV.js";
-import "../../../chunk-LZJR77Q2.js";
-import "../../../chunk-Q37G2GS6.js";
-import {
-  DataList
-} from "../../../chunk-VTJZMOSP.js";
-import "../../../chunk-ETVHBG7M.js";
-import "../../../chunk-OEQBOFUT.js";
-import "../../../chunk-4WFMOFN2.js";
-import "../../../chunk-YGL6SWKN.js";
-import {
-  Box
-} from "../../../chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "../../../chunk-U7JPP7WJ.js";
-import "../../../chunk-LQY4RKWI.js";
-import "../../../chunk-ZD7MNMED.js";
-import "../../../chunk-B6XJN6EC.js";
-import {
-  Card
-} from "../../../chunk-2ZQK7NTN.js";
-import "../../../chunk-MIMJ7LON.js";
-import "../../../chunk-IQEEPHOY.js";
-import "../../../chunk-UAN5JXP3.js";
-import "../../../chunk-J242TTFH.js";
-import "../../../chunk-EAXUQEO5.js";
-import "../../../chunk-YJCCE5WP.js";
-import "../../../chunk-3SSSCLJ5.js";
-import {
-  Badge
-} from "../../../chunk-EWD4AO5N.js";
-import "../../../chunk-N552FDTV.js";
-
-// src/app/platform/coaching-customer-info/coaching-customer-info.tsx
-import { useMemo } from "react";
-import {
-  getColorFromProjectState,
-  getTextFromProjectState
-} from "@tipp/biz-utils";
-import { format } from "date-fns";
-import { CopyIcon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var infoList = [
-  { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
-  { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.email },
-  {
-    label: "\uC0DD\uB144\uC6D4\uC77C",
-    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && format(customer.birthdate, "yyyy.MM.dd")
-  },
-  { label: "\uBD80\uC11C", getValue: (customer) => customer == null ? void 0 : customer.team },
-  { label: "\uC9C1\uCC45", getValue: (customer) => customer == null ? void 0 : customer.position },
-  { label: "\uC9C1\uAE09", getValue: (customer) => customer == null ? void 0 : customer.level },
-  { label: "\uC774\uBA54\uC77C", getValue: (customer) => customer == null ? void 0 : customer.email, copyable: true },
-  {
-    label: "\uC804\uD654\uBC88\uD638",
-    getValue: (customer) => customer == null ? void 0 : customer.phone,
-    copyable: true
-  }
-];
-var sessionList = [
-  {
-    label: "\uC9C4\uD589\uC911\uC778 \uC138\uC158",
-    getValue: (session) => `${(session == null ? void 0 : session.restSession) || "-"}\uD68C\uCC28/${(session == null ? void 0 : session.totalSession) || "-"}\uD68C\uCC28`
-  },
-  {
-    label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
-    getValue: (session) => (session == null ? void 0 : session.nextSessionDate) ? format(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-"
-  },
-  {
-    label: "\uB2E4\uC74C \uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD",
-    getValue: (session) => (session == null ? void 0 : session.nextSessionType) || "-"
-  },
-  {
-    label: "\uCF54\uCE6D \uB9CC\uB8CC \uAE30\uD55C",
-    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? format(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
-  }
-];
-var renderDataListItem = (info, data) => {
-  const value = info.getValue(data);
-  return /* @__PURE__ */ jsxs(DataList.Item, { children: [
-    /* @__PURE__ */ jsx(DataList.Label, { children: info.label }),
-    /* @__PURE__ */ jsxs(DataList.Value, { children: [
-      info.getValue(data) || "-",
-      info.copyable && value ? /* @__PURE__ */ jsx(CopyButton, { value }) : null
-    ] })
-  ] }, info.label);
-};
-function CopyButton(props) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      color: "gray",
-      onClick: () => {
-        void navigator.clipboard.writeText(props.value);
-        toast.success("\uBCF5\uC0AC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-      },
-      style: { marginLeft: "0", marginTop: "0" },
-      variant: "transparent",
-      children: /* @__PURE__ */ jsx(CopyIcon, {})
-    }
-  );
-}
-function CoachingCustomerInfo({
-  customer,
-  session,
-  breakpoint = "sm",
-  children
-}) {
-  const badgeColor = useMemo(() => {
-    return getColorFromProjectState(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = useMemo(() => {
-    return getTextFromProjectState(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ jsx(Heading, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-        /* @__PURE__ */ jsx(Badge, { color: badgeColor, children: sessionText })
-      ] }),
-      /* @__PURE__ */ jsx(Heading, { variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
-    ] }),
-    children,
-    /* @__PURE__ */ jsxs(Card, { size: "2", children: [
-      /* @__PURE__ */ jsx(Box, { display: { initial: "block", [breakpoint]: "none" }, children: /* @__PURE__ */ jsx(DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
-      /* @__PURE__ */ jsx(Box, { display: { initial: "none", [breakpoint]: "block" }, children: /* @__PURE__ */ jsx(DataList.Root, { orientation: "horizontal", children: sessionList.map((el) => renderDataListItem(el, session)) }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { display: { initial: "none", [breakpoint]: "block" }, children: [
-      /* @__PURE__ */ jsx(Separator, { mb: "5", size: "4" }),
-      /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { display: { initial: "block", [breakpoint]: "none" }, children: [
-      /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gapX: "3", mb: "5", children: [
-        /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
-        /* @__PURE__ */ jsx(Separator, { size: "4" })
-      ] }),
-      /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: infoList.map((info) => {
-        const value = info.getValue(customer);
-        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Typo, { children: [
-          info.getValue(customer) || "-",
-          info.copyable && value ? /* @__PURE__ */ jsx(CopyButton, { value }) : null
-        ] }) }, info.label);
-      }) })
-    ] })
-  ] });
-}
-export {
-  CoachingCustomerInfo
-};
-//# sourceMappingURL=coaching-customer-info.js.map

package/dist/app/platform/coaching-customer-info/coaching-customer-info.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/app/platform/coaching-customer-info/coaching-customer-info.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport {\n  Badge,\n  Box,\n  Button,\n  Card,\n  DataList,\n  Flex,\n  Grid,\n  Heading,\n  Separator,\n  toast,\n  Typo,\n} from '../../../atoms';\n\ninterface Customer {\n  username: string;\n  email: string;\n  gender: string;\n  birthdate: Date;\n  phone: string;\n  company: string;\n  team: string;\n  position: string;\n  level: string;\n}\n\ninterface Session {\n  state: ProjectStatus;\n  totalSession: number;\n  restSession: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt: Date;\n}\n\ninterface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n}\nconst infoList: DataListItems<Customer>[] = [\n  { label: '이름', getValue: (customer) => customer?.username },\n  { label: '성별', getValue: (customer) => customer?.email },\n  {\n    label: '생년월일',\n    getValue: (customer) =>\n      customer?.birthdate && format(customer.birthdate, 'yyyy.MM.dd'),\n  },\n  { label: '부서', getValue: (customer) => customer?.team },\n  { label: '직책', getValue: (customer) => customer?.position },\n  { label: '직급', getValue: (customer) => customer?.level },\n  { label: '이메일', getValue: (customer) => customer?.email, copyable: true },\n  {\n    label: '전화번호',\n    getValue: (customer) => customer?.phone,\n    copyable: true,\n  },\n];\n\nconst sessionList: DataListItems<Session>[] = [\n  {\n    label: '진행중인 세션',\n    getValue: (session) =>\n      `${session?.restSession || '-'}회차/${session?.totalSession || '-'}회차`,\n  },\n  {\n    label: '다음 세션 일시',\n    getValue: (session) =>\n      session?.nextSessionDate\n        ? format(session.nextSessionDate, 'yyyy년 MM월 dd일 HH시 mm분')\n        : '-',\n  },\n  {\n    label: '다음 세션 참여 방식',\n    getValue: (session) => session?.nextSessionType || '-',\n  },\n  {\n    label: '코칭 만료 기한',\n    getValue: (session) =>\n      session?.expiredAt ? format(session.expiredAt, 'yyyy년 MM월 dd일') : '-',\n  },\n];\n\nconst renderDataListItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): React.ReactElement => {\n  const value = info.getValue(data);\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>\n        {info.getValue(data) || '-'}\n        {info.copyable && value ? <CopyButton value={value} /> : null}\n      </DataList.Value>\n    </DataList.Item>\n  );\n};\n\nfunction CopyButton(props: { value: string }): JSX.Element {\n  return (\n    <Button\n      color=\"gray\"\n      onClick={() => {\n        void navigator.clipboard.writeText(props.value);\n        toast.success('복사되었습니다.');\n      }}\n      style={{ marginLeft: '0', marginTop: '0' }}\n      variant=\"transparent\"\n    >\n      <CopyIcon />\n    </Button>\n  );\n}\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  breakpoint?: 'sm' | 'md' | 'lg';\n  children?: React.ReactElement;\n}\n\nexport function CoachingCustomerInfo({\n  customer,\n  session,\n  breakpoint = 'sm',\n  children,\n}: CoachingCustomerInfoProps): React.ReactElement {\n  const badgeColor = useMemo(() => {\n    return getColorFromProjectState(session?.state);\n  }, [session?.state]);\n\n  const sessionText = useMemo(() => {\n    return getTextFromProjectState(session?.state);\n  }, [session?.state]);\n\n  return (\n    <Flex direction=\"column\" gap=\"5\">\n      {/* 이름, 사명 */}\n      <Box>\n        <Flex align=\"center\" justify=\"between\" mb=\"1\" width=\"100%\">\n          <Heading variant=\"heading2\">\n            {customer?.username || '이름 없음'}\n          </Heading>\n          <Badge color={badgeColor}>{sessionText}</Badge>\n        </Flex>\n        <Heading variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <Box display={{ initial: 'block', [breakpoint]: 'none' }}>\n          <DataList.Root orientation={'vertical'}>\n            {sessionList.map((el) => renderDataListItem(el, session))}\n          </DataList.Root>\n        </Box>\n        <Box display={{ initial: 'none', [breakpoint]: 'block' }}>\n          <DataList.Root orientation={'horizontal'}>\n            {sessionList.map((el) => renderDataListItem(el, session))}\n          </DataList.Root>\n        </Box>\n      </Card>\n\n      {/* 회원 정보 */}\n\n      <Box display={{ initial: 'none', [breakpoint]: 'block' }}>\n        <Separator mb=\"5\" size=\"4\" />\n        <DataList.Root>\n          {infoList.map((info) => renderDataListItem(info, customer))}\n        </DataList.Root>\n      </Box>\n      <Box display={{ initial: 'block', [breakpoint]: 'none' }}>\n        <Grid align=\"center\" columns=\"auto 1fr\" gapX=\"3\" mb=\"5\">\n          <Heading variant=\"heading5\">고객 정보</Heading>\n          <Separator size=\"4\" />\n        </Grid>\n        <Flex direction=\"column\" gap=\"2\">\n          {infoList.map((info) => {\n            const value = info.getValue(customer);\n            return (\n              <Box key={info.label}>\n                <Typo>\n                  {info.getValue(customer) || '-'}\n                  {info.copyable && value ? <CopyButton value={value} /> : null}\n                </Typo>\n              </Box>\n            );\n          })}\n        </Flex>\n      </Box>\n    </Flex>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/app/platform/coaching-customer-info/index.cjs

@@ -1,450 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/app/platform/coaching-customer-info/index.tsx
-var coaching_customer_info_exports = {};
-__export(coaching_customer_info_exports, {
-  CoachingCustomerInfo: () => CoachingCustomerInfo
-});
-module.exports = __toCommonJS(coaching_customer_info_exports);
-
-// src/atoms/badge.tsx
-var import_themes = require("@radix-ui/themes");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Badge = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
-    const radixSize = (0, import_react.useMemo)(() => {
-      switch (size) {
-        case "small":
-          return "1";
-        case "medium":
-          return "2";
-        case "large":
-          return "3";
-        default:
-          return "1";
-      }
-    }, [size]);
-    const radixColor = (0, import_react.useMemo)(() => {
-      switch (color) {
-        case "error":
-          return "red";
-        case "neutral":
-          return "gray";
-        case "success":
-          return "green";
-        case "accent":
-        default:
-          return void 0;
-      }
-    }, [color]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
-  }
-);
-Badge.displayName = "Badge";
-
-// src/atoms/box.tsx
-var import_themes2 = require("@radix-ui/themes");
-
-// src/atoms/button.tsx
-var import_react2 = require("react");
-var import_themes3 = require("@radix-ui/themes");
-
-// src/utils/convert-button-size.ts
-var convertSizeStr = (size) => {
-  switch (size) {
-    case "small":
-      return "1";
-    case "medium":
-      return "2";
-    case "large":
-      return "3";
-    default:
-      return "2";
-  }
-};
-var convertSizeResponse = (size) => {
-  if (typeof size === "string" || typeof size === "undefined") {
-    return convertSizeStr(size);
-  }
-  const radixSize = {};
-  let key = "initial";
-  for (key in size) {
-    radixSize[key] = convertSizeStr(size[key]);
-  }
-  return radixSize;
-};
-var convertSize = (size) => {
-  if (typeof size === "string") {
-    return convertSizeStr(size);
-  }
-  return convertSizeResponse(size);
-};
-
-// src/atoms/button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Button = (0, import_react2.forwardRef)(
-  (props, ref) => {
-    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
-    const radixSize = (0, import_react2.useMemo)(() => {
-      return convertSize(size);
-    }, [size]);
-    const mergedStyle = (0, import_react2.useMemo)(() => {
-      const baseStyle = {
-        background: variant === "transparent" ? "transparent" : void 0,
-        fontWeight: 400
-      };
-      return __spreadValues(__spreadValues({}, baseStyle), style);
-    }, [style, variant]);
-    const radixVariant = (0, import_react2.useMemo)(() => {
-      if (variant === "transparent")
-        return "ghost";
-      return variant;
-    }, [variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_themes3.Button,
-      __spreadProps(__spreadValues({
-        style: mergedStyle,
-        variant: radixVariant
-      }, restProps), {
-        ref,
-        size: radixSize
-      })
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/atoms/card.tsx
-var import_react3 = require("react");
-var import_themes4 = require("@radix-ui/themes");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Card = (0, import_react3.forwardRef)(
-  (props, forwardedRef) => {
-    const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
-    const borderInsetClassName = (0, import_react3.useMemo)(() => {
-      if (!borderDisable)
-        return "";
-      const { left, right, top, bottom } = borderDisable;
-      return [
-        left && "disable-inset-left",
-        right && "disable-inset-right",
-        top && "disable-inset-top",
-        bottom && "disable-inset-bottom"
-      ].filter(Boolean).join(" ");
-    }, [borderDisable]);
-    const errorClsName = (0, import_react3.useMemo)(() => {
-      return error ? " error" : "";
-    }, [error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_themes4.Card,
-      __spreadProps(__spreadValues({
-        variant: "surface"
-      }, rest), {
-        className: `${borderInsetClassName}${errorClsName} ${rest.className || ""}`,
-        "data-radius": borderRadius,
-        ref: forwardedRef
-      })
-    );
-  }
-);
-Card.displayName = "Card";
-
-// src/atoms/data-list.tsx
-var import_themes5 = require("@radix-ui/themes");
-
-// src/atoms/flex.tsx
-var import_themes6 = require("@radix-ui/themes");
-
-// src/atoms/grid.tsx
-var import_themes7 = require("@radix-ui/themes");
-
-// src/atoms/heading.tsx
-var import_themes8 = require("@radix-ui/themes");
-var import_react4 = require("react");
-var import_themes9 = require("@radix-ui/themes");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function Heading2(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
-  const radixSize = (0, import_react4.useMemo)(() => {
-    switch (variant) {
-      case "heading1":
-        return "7";
-      case "heading2":
-        return "6";
-      case "heading3":
-        return "5";
-      case "heading4":
-        return "4";
-      case "heading5":
-        return "3";
-      default:
-        return size;
-    }
-  }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
-}
-
-// src/atoms/separator.tsx
-var import_themes10 = require("@radix-ui/themes");
-
-// src/atoms/typo.tsx
-var import_themes11 = require("@radix-ui/themes");
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Typo = (0, import_react5.forwardRef)(
-  (props, ref) => {
-    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
-    const radixSize = (0, import_react5.useMemo)(() => {
-      if (size !== void 0)
-        return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
-    }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes11.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
-  }
-);
-Typo.displayName = "Typo";
-
-// src/atoms/toast.tsx
-var import_react_icons = require("@radix-ui/react-icons");
-var import_react_toastify = require("react-toastify");
-var import_react_toastify2 = require("react-toastify");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// src/app/platform/coaching-customer-info/small.tsx
-var import_react6 = require("react");
-var import_biz_utils = require("@tipp/biz-utils");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function CoachingCustomerInfoSmall({
-  customer,
-  session,
-  children
-}) {
-  const badgeColor = (0, import_react6.useMemo)(() => {
-    return (0, import_biz_utils.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react6.useMemo)(() => {
-    return (0, import_biz_utils.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    import_themes6.Flex,
-    {
-      direction: { initial: "column", xs: "row" },
-      gap: "3",
-      justify: "between",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_themes2.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes7.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { color: badgeColor, children: sessionText })
-        ] }) }),
-        children
-      ]
-    }
-  );
-}
-
-// src/app/platform/coaching-customer-info/medium.tsx
-var import_react7 = require("react");
-var import_biz_utils2 = require("@tipp/biz-utils");
-
-// src/app/platform/coaching-customer-info/utils.tsx
-var import_date_fns = require("date-fns");
-var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var infoList = [
-  { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
-  { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.email },
-  {
-    label: "\uC0DD\uB144\uC6D4\uC77C",
-    getValue: (customer) => (customer == null ? void 0 : customer.birthdate) && (0, import_date_fns.format)(customer.birthdate, "yyyy.MM.dd")
-  },
-  { label: "\uBD80\uC11C", getValue: (customer) => customer == null ? void 0 : customer.team },
-  { label: "\uC9C1\uCC45", getValue: (customer) => customer == null ? void 0 : customer.position },
-  { label: "\uC9C1\uAE09", getValue: (customer) => customer == null ? void 0 : customer.level },
-  { label: "\uC774\uBA54\uC77C", getValue: (customer) => customer == null ? void 0 : customer.email, copyable: true },
-  {
-    label: "\uC804\uD654\uBC88\uD638",
-    getValue: (customer) => customer == null ? void 0 : customer.phone,
-    copyable: true
-  }
-];
-var sessionList = [
-  {
-    label: "\uC9C4\uD589\uC911\uC778 \uC138\uC158",
-    getValue: (session) => `${(session == null ? void 0 : session.restSession) || "-"}\uD68C\uCC28/${(session == null ? void 0 : session.totalSession) || "-"}\uD68C\uCC28`
-  },
-  {
-    label: "\uB2E4\uC74C \uC138\uC158 \uC77C\uC2DC",
-    getValue: (session) => (session == null ? void 0 : session.nextSessionDate) ? (0, import_date_fns.format)(session.nextSessionDate, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84") : "-"
-  },
-  {
-    label: "\uB2E4\uC74C \uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD",
-    getValue: (session) => (session == null ? void 0 : session.nextSessionType) || "-"
-  },
-  {
-    label: "\uCF54\uCE6D \uB9CC\uB8CC \uAE30\uD55C",
-    getValue: (session) => (session == null ? void 0 : session.expiredAt) ? (0, import_date_fns.format)(session.expiredAt, "yyyy\uB144 MM\uC6D4 dd\uC77C") : "-"
-  }
-];
-var renderItem = (info, data) => {
-  const value = info.getValue(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    value || "-",
-    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopyButton, { value }) : null
-  ] });
-};
-var renderDataListItem = (info, data) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes5.DataList.Item, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.DataList.Label, { children: info.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.DataList.Value, { children: renderItem(info, data) })
-  ] }, info.label);
-};
-function CopyButton(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    Button,
-    {
-      color: "gray",
-      onClick: () => {
-        void navigator.clipboard.writeText(props.value);
-        import_react_toastify2.toast.success("\uBCF5\uC0AC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-      },
-      style: { marginLeft: "0", marginTop: "0" },
-      variant: "transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons2.CopyIcon, {})
-    }
-  );
-}
-
-// src/app/platform/coaching-customer-info/medium.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function CoachingCustomerInfoMedium({
-  customer,
-  session,
-  children
-}) {
-  const badgeColor = (0, import_react7.useMemo)(() => {
-    return (0, import_biz_utils2.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react7.useMemo)(() => {
-    return (0, import_biz_utils2.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes6.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes6.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { color: badgeColor, children: sessionText })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
-    ] }),
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes5.DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes7.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes10.Separator, { size: "4" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes6.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Typo, { children: renderItem(el, customer) }, el.label);
-    }) })
-  ] });
-}
-
-// src/app/platform/coaching-customer-info/large.tsx
-var import_react8 = require("react");
-var import_biz_utils3 = require("@tipp/biz-utils");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function CoachingCustomerInfoLarge({
-  customer,
-  session,
-  children
-}) {
-  const badgeColor = (0, import_react8.useMemo)(() => {
-    return (0, import_biz_utils3.getColorFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  const sessionText = (0, import_react8.useMemo)(() => {
-    return (0, import_biz_utils3.getTextFromProjectState)(session == null ? void 0 : session.state);
-  }, [session == null ? void 0 : session.state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_themes6.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_themes2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_themes6.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Badge, { color: badgeColor, children: sessionText })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
-    ] }),
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes5.DataList.Root, { children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes10.Separator, { mb: "5", size: "4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_themes5.DataList.Root, { children: infoList.map((info) => renderDataListItem(info, customer)) })
-  ] });
-}
-
-// src/app/platform/coaching-customer-info/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function CoachingCustomerInfo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes2.Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes2.Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes2.Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CoachingCustomerInfo
-});
-//# sourceMappingURL=index.cjs.map