@tipp/ui 1.5.0 → 1.5.1

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

@@ -209,16 +209,10 @@ var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 
-// 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_themes6 = require("@radix-ui/themes");
 var import_react4 = require("react");
-var import_themes9 = require("@radix-ui/themes");
+var import_themes7 = require("@radix-ui/themes");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function Heading2(props) {
   const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
@@ -238,9 +232,15 @@ function Heading2(props) {
         return size;
     }
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes6.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
+// src/atoms/flex.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/atoms/grid.tsx
+var import_themes9 = require("@radix-ui/themes");
+
 // src/atoms/separator.tsx
 var import_themes10 = require("@radix-ui/themes");
 
@@ -285,13 +285,13 @@ function CoachingCustomerInfoSmall({
     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,
+    import_themes8.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)(import_themes2.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes9.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 })
@@ -387,9 +387,9 @@ function CoachingCustomerInfoMedium({
   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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_themes8.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.jsxs)(import_themes8.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 })
       ] }),
@@ -397,11 +397,11 @@ function CoachingCustomerInfoMedium({
     ] }),
     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.jsxs)(import_themes9.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) => {
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes8.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Typo, { children: renderItem(el, customer) }, el.label);
     }) })
   ] });
@@ -422,9 +422,9 @@ function CoachingCustomerInfoLarge({
   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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_themes8.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.jsxs)(import_themes8.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 })
       ] }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/app/platform/userInfos/coaching-customer-info/index.tsx","../../../../../src/atoms/badge.tsx","../../../../../src/atoms/box.tsx","../../../../../src/atoms/button.tsx","../../../../../src/utils/convert-button-size.ts","../../../../../src/atoms/card.tsx","../../../../../src/atoms/data-list.tsx","../../../../../src/atoms/toast.tsx","../../../../../src/atoms/flex.tsx","../../../../../src/atoms/grid.tsx","../../../../../src/atoms/heading.tsx","../../../../../src/atoms/separator.tsx","../../../../../src/atoms/typo.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/small.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/medium.tsx","../../../../../src/app/platform/userInfos/utils.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/large.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n  CoachingCustomerInfoLarge,\n  CoachingCustomerInfoMedium,\n  CoachingCustomerInfoSmall,\n};\n\nexport function CoachingCustomerInfo(\n  props: CoachingCustomerInfoProps\n): React.ReactElement {\n  return (\n    <>\n      <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n        <CoachingCustomerInfoSmall {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n        <CoachingCustomerInfoMedium {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n        <CoachingCustomerInfoLarge {...props} />\n      </Box>\n    </>\n  );\n}\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactElement => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const mergedStyle = useMemo<ButtonProps['style']>(() => {\n      const baseStyle = {\n        background: variant === 'transparent' ? 'transparent' : undefined,\n        fontWeight: 400,\n      };\n      return { ...baseStyle, ...style };\n    }, [style, variant]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    return (\n      <RadixButton\n        style={mergedStyle}\n        variant={radixVariant}\n        {...restProps}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { forwardRef, useMemo } from 'react';\nimport {\n  Card as RadixCard,\n  type CardProps as RadixCardProps,\n} from '@radix-ui/themes';\n\nexport type CardProps = RadixCardProps & {\n  borderRadius?: 'none';\n  borderDisable?: {\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    bottom?: boolean;\n  };\n  error?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (props, forwardedRef) => {\n    const { borderDisable, borderRadius, error, ...rest } = props;\n\n    const borderInsetClassName = useMemo(() => {\n      if (!borderDisable) return '';\n      const { left, right, top, bottom } = borderDisable;\n      return [\n        left && 'disable-inset-left',\n        right && 'disable-inset-right',\n        top && 'disable-inset-top',\n        bottom && 'disable-inset-bottom',\n      ]\n        .filter(Boolean)\n        .join(' ');\n    }, [borderDisable]);\n\n    const errorClsName = useMemo(() => {\n      return error ? ' error' : '';\n    }, [error]);\n\n    return (\n      <RadixCard\n        variant=\"surface\"\n        {...rest}\n        className={`${borderInsetClassName}${errorClsName} ${rest.className || ''}`}\n        data-radius={borderRadius}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nCard.displayName = 'Card';\n","export { DataList } from '@radix-ui/themes';\n","import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n  ToastContainer as ToastifyContainer,\n  type ToastContainerProps,\n} from 'react-toastify';\n\nexport { toast } from 'react-toastify';\n\nfunction CloseButton(): React.ReactNode {\n  return null;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n  return (\n    <ToastifyContainer\n      autoClose={5000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      icon={<InfoCircledIcon />}\n      newestOnTop\n      pauseOnFocusLoss\n      pauseOnHover\n      position=\"bottom-right\"\n      rtl={false}\n      style={{ zIndex: 999999 }}\n      {...props}\n    />\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5';\n};\n\nexport function Heading(props: HeadingProps): React.ReactElement {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      case 'heading4':\n        return '4';\n      case 'heading5':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactElement => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport { Badge, Box, Flex, Grid, Heading, Typo } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\n\nexport function CoachingCustomerInfoSmall({\n  customer,\n  session,\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\n      direction={{ initial: 'column', xs: 'row' }}\n      gap=\"3\"\n      justify=\"between\"\n    >\n      {/* 이름, 사명 */}\n      <Box>\n        <Grid align=\"center\" columns=\"auto auto 1fr\" gapX=\"3\">\n          <Heading variant=\"heading3\">\n            {customer?.username || '이름 없음'}\n          </Heading>\n          <Typo color=\"gray\" truncate variant=\"body\">\n            {customer?.company}\n          </Typo>\n          <Badge color={badgeColor}>{sessionText}</Badge>\n        </Grid>\n      </Box>\n      {children}\n    </Flex>\n  );\n}\n","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Grid,\n  Heading,\n  Separator,\n  Typo,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport {\n  infoList,\n  renderDataListItem,\n  renderItem,\n  sessionList,\n} from '../utils';\n\nexport function CoachingCustomerInfoMedium({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root orientation=\"vertical\">\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Grid align=\"center\" columns=\"auto 1fr\" gap=\"3\">\n        <Heading variant=\"heading5\">고객 정보</Heading>\n        <Separator size=\"4\" />\n      </Grid>\n      <Flex direction=\"column\" gap=\"4\">\n        {infoList.map((el) => {\n          return <Typo key={el.label}>{renderItem(el, customer)}</Typo>;\n        })}\n      </Flex>\n    </Flex>\n  );\n}\n","import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList, toast } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactElement;\n}\n\nexport interface 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\nexport interface Session {\n  state: ProjectStatus;\n  totalSession: number;\n  restSession: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n}\n\nexport const 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\nexport const 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\nexport const renderItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): JSX.Element => {\n  const value = info.getValue(data);\n  return (\n    <>\n      {value || '-'}\n      {info.copyable && value ? <CopyButton value={value} /> : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): React.ReactElement => {\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem(info, data)}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function 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","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) => renderDataListItem(info, customer))}\n      </DataList.Root>\n    </Flex>\n  );\n}\n"],"mappings":"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","names":["RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_react","import_themes","import_jsx_runtime","RadixCard","import_themes","import_react_toastify","import_jsx_runtime","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_react","import_jsx_runtime","Heading","import_react","import_biz_utils","import_react_icons","import_jsx_runtime","import_jsx_runtime","Heading","import_react","import_biz_utils","import_jsx_runtime","Heading","import_jsx_runtime"]}
+{"version":3,"sources":["../../../../../src/app/platform/userInfos/coaching-customer-info/index.tsx","../../../../../src/atoms/badge.tsx","../../../../../src/atoms/box.tsx","../../../../../src/atoms/button.tsx","../../../../../src/utils/convert-button-size.ts","../../../../../src/atoms/card.tsx","../../../../../src/atoms/data-list.tsx","../../../../../src/atoms/toast.tsx","../../../../../src/atoms/heading.tsx","../../../../../src/atoms/flex.tsx","../../../../../src/atoms/grid.tsx","../../../../../src/atoms/separator.tsx","../../../../../src/atoms/typo.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/small.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/medium.tsx","../../../../../src/app/platform/userInfos/utils.tsx","../../../../../src/app/platform/userInfos/coaching-customer-info/large.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n  CoachingCustomerInfoLarge,\n  CoachingCustomerInfoMedium,\n  CoachingCustomerInfoSmall,\n};\n\nexport function CoachingCustomerInfo(\n  props: CoachingCustomerInfoProps\n): React.ReactElement {\n  return (\n    <>\n      <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n        <CoachingCustomerInfoSmall {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n        <CoachingCustomerInfoMedium {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n        <CoachingCustomerInfoLarge {...props} />\n      </Box>\n    </>\n  );\n}\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactElement => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const mergedStyle = useMemo<ButtonProps['style']>(() => {\n      const baseStyle = {\n        background: variant === 'transparent' ? 'transparent' : undefined,\n        fontWeight: 400,\n      };\n      return { ...baseStyle, ...style };\n    }, [style, variant]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    return (\n      <RadixButton\n        style={mergedStyle}\n        variant={radixVariant}\n        {...restProps}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { forwardRef, useMemo } from 'react';\nimport {\n  Card as RadixCard,\n  type CardProps as RadixCardProps,\n} from '@radix-ui/themes';\n\nexport type CardProps = RadixCardProps & {\n  borderRadius?: 'none';\n  borderDisable?: {\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    bottom?: boolean;\n  };\n  error?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (props, forwardedRef) => {\n    const { borderDisable, borderRadius, error, ...rest } = props;\n\n    const borderInsetClassName = useMemo(() => {\n      if (!borderDisable) return '';\n      const { left, right, top, bottom } = borderDisable;\n      return [\n        left && 'disable-inset-left',\n        right && 'disable-inset-right',\n        top && 'disable-inset-top',\n        bottom && 'disable-inset-bottom',\n      ]\n        .filter(Boolean)\n        .join(' ');\n    }, [borderDisable]);\n\n    const errorClsName = useMemo(() => {\n      return error ? ' error' : '';\n    }, [error]);\n\n    return (\n      <RadixCard\n        variant=\"surface\"\n        {...rest}\n        className={`${borderInsetClassName}${errorClsName} ${rest.className || ''}`}\n        data-radius={borderRadius}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nCard.displayName = 'Card';\n","export { DataList } from '@radix-ui/themes';\n","import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n  ToastContainer as ToastifyContainer,\n  type ToastContainerProps,\n} from 'react-toastify';\n\nexport { toast } from 'react-toastify';\n\nfunction CloseButton(): React.ReactNode {\n  return null;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n  return (\n    <ToastifyContainer\n      autoClose={5000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      icon={<InfoCircledIcon />}\n      newestOnTop\n      pauseOnFocusLoss\n      pauseOnHover\n      position=\"bottom-right\"\n      rtl={false}\n      style={{ zIndex: 999999 }}\n      {...props}\n    />\n  );\n}\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5';\n};\n\nexport function Heading(props: HeadingProps): React.ReactElement {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      case 'heading4':\n        return '4';\n      case 'heading5':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Grid, type GridProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactElement => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport { Badge, Box, Flex, Grid, Heading, Typo } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\n\nexport function CoachingCustomerInfoSmall({\n  customer,\n  session,\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\n      direction={{ initial: 'column', xs: 'row' }}\n      gap=\"3\"\n      justify=\"between\"\n    >\n      {/* 이름, 사명 */}\n      <Box>\n        <Grid align=\"center\" columns=\"auto auto 1fr\" gapX=\"3\">\n          <Heading variant=\"heading3\">\n            {customer?.username || '이름 없음'}\n          </Heading>\n          <Typo color=\"gray\" truncate variant=\"body\">\n            {customer?.company}\n          </Typo>\n          <Badge color={badgeColor}>{sessionText}</Badge>\n        </Grid>\n      </Box>\n      {children}\n    </Flex>\n  );\n}\n","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Grid,\n  Heading,\n  Separator,\n  Typo,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport {\n  infoList,\n  renderDataListItem,\n  renderItem,\n  sessionList,\n} from '../utils';\n\nexport function CoachingCustomerInfoMedium({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root orientation=\"vertical\">\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Grid align=\"center\" columns=\"auto 1fr\" gap=\"3\">\n        <Heading variant=\"heading5\">고객 정보</Heading>\n        <Separator size=\"4\" />\n      </Grid>\n      <Flex direction=\"column\" gap=\"4\">\n        {infoList.map((el) => {\n          return <Typo key={el.label}>{renderItem(el, customer)}</Typo>;\n        })}\n      </Flex>\n    </Flex>\n  );\n}\n","import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList, toast } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactElement;\n}\n\nexport interface 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\nexport interface Session {\n  state: ProjectStatus;\n  totalSession: number;\n  restSession: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n}\n\nexport const 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\nexport const 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\nexport const renderItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): JSX.Element => {\n  const value = info.getValue(data);\n  return (\n    <>\n      {value || '-'}\n      {info.copyable && value ? <CopyButton value={value} /> : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): React.ReactElement => {\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem(info, data)}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function 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","import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) => renderDataListItem(info, customer))}\n      </DataList.Root>\n    </Flex>\n  );\n}\n"],"mappings":"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","names":["RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_react","import_themes","import_jsx_runtime","RadixCard","import_themes","import_react_toastify","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_themes","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_react","import_jsx_runtime","Heading","import_react","import_biz_utils","import_react_icons","import_jsx_runtime","import_jsx_runtime","Heading","import_react","import_biz_utils","import_jsx_runtime","Heading","import_jsx_runtime"]}

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

@@ -1,18 +1,19 @@
 import {
   CoachingCustomerInfo
-} from "../../../../chunk-ZQMPVUZQ.js";
+} from "../../../../chunk-ZAQQ6H6W.js";
 import {
   CoachingCustomerInfoLarge
-} from "../../../../chunk-AVQLAFO2.js";
+} from "../../../../chunk-UVJASJN4.js";
 import {
   CoachingCustomerInfoMedium
-} from "../../../../chunk-NPJ7KUYC.js";
+} from "../../../../chunk-QJ4FYN6G.js";
 import "../../../../chunk-JDY5555T.js";
 import {
   CoachingCustomerInfoSmall
 } from "../../../../chunk-TXQPIRH3.js";
 import "../../../../chunk-A6W2ZWYA.js";
 import "../../../../chunk-SRZ6X74X.js";
+import "../../../../chunk-VOQU7ZOV.js";
 import "../../../../chunk-5H3YPCZK.js";
 import "../../../../chunk-FR2GDOU2.js";
 import "../../../../chunk-74DX4CU7.js";
@@ -20,7 +21,7 @@ import "../../../../chunk-OYM4XCHQ.js";
 import "../../../../chunk-YJ7ZFOYL.js";
 import "../../../../chunk-5ZITU5L7.js";
 import "../../../../chunk-EW6OPYEW.js";
-import "../../../../chunk-VOQU7ZOV.js";
+import "../../../../chunk-YO3BQW6S.js";
 import "../../../../chunk-6IVCARWS.js";
 import "../../../../chunk-6DJOIRMF.js";
 import "../../../../chunk-FPD73OHW.js";
@@ -34,25 +35,27 @@ import "../../../../chunk-SIM6HKVI.js";
 import "../../../../chunk-RKHPVH2G.js";
 import "../../../../chunk-5AVBYDPB.js";
 import "../../../../chunk-365QMK4D.js";
-import "../../../../chunk-YO3BQW6S.js";
+import "../../../../chunk-4WFMOFN2.js";
 import "../../../../chunk-WKFZ5MMN.js";
 import "../../../../chunk-ACVANQJ4.js";
 import "../../../../chunk-2DZ2Y3JI.js";
 import "../../../../chunk-QDZS4B6A.js";
 import "../../../../chunk-EGEQY3KT.js";
-import "../../../../chunk-HK224ADT.js";
 import "../../../../chunk-O3T3TM3V.js";
+import "../../../../chunk-IQEEPHOY.js";
 import "../../../../chunk-LHCDPZ5E.js";
 import "../../../../chunk-OHMOP5PV.js";
 import "../../../../chunk-LZJR77Q2.js";
 import "../../../../chunk-Q37G2GS6.js";
 import "../../../../chunk-VTJZMOSP.js";
-import "../../../../chunk-XZRRRMPQ.js";
+import "../../../../chunk-CEMVFONQ.js";
 import "../../../../chunk-CYYWMYE7.js";
-import "../../../../chunk-ODNY3R6A.js";
+import "../../../../chunk-HK224ADT.js";
+import "../../../../chunk-7SM2C75W.js";
+import "../../../../chunk-UNTA4JJU.js";
 import "../../../../chunk-HYITAA4J.js";
 import "../../../../chunk-O3DNDMV3.js";
-import "../../../../chunk-4WFMOFN2.js";
+import "../../../../chunk-YGL6SWKN.js";
 import "../../../../chunk-4Y5BEXVN.js";
 import "../../../../chunk-NAL2USH5.js";
 import "../../../../chunk-52MVZ6AN.js";
@@ -63,15 +66,12 @@ import "../../../../chunk-ZD7MNMED.js";
 import "../../../../chunk-B6XJN6EC.js";
 import "../../../../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 "../../../../chunk-EWD4AO5N.js";
-import "../../../../chunk-YGL6SWKN.js";
-import "../../../../chunk-UAN5JXP3.js";
-import "../../../../chunk-UNTA4JJU.js";
 import "../../../../chunk-N552FDTV.js";
 export {
   CoachingCustomerInfo,

package/dist/app/platform/userInfos/coaching-customer-info/large.cjs

@@ -208,13 +208,10 @@ var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 
-// src/atoms/flex.tsx
-var import_themes6 = require("@radix-ui/themes");
-
 // src/atoms/heading.tsx
-var import_themes7 = require("@radix-ui/themes");
+var import_themes6 = require("@radix-ui/themes");
 var import_react4 = require("react");
-var import_themes8 = require("@radix-ui/themes");
+var import_themes7 = require("@radix-ui/themes");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function Heading2(props) {
   const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
@@ -234,9 +231,12 @@ function Heading2(props) {
         return size;
     }
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes7.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes6.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
+// src/atoms/flex.tsx
+var import_themes8 = require("@radix-ui/themes");
+
 // src/atoms/separator.tsx
 var import_themes9 = require("@radix-ui/themes");
 
@@ -321,9 +321,9 @@ function CoachingCustomerInfoLarge({
   const sessionText = (0, import_react5.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: "column", gap: "5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes8.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes6.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes8.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { color: badgeColor, children: sessionText })
       ] }),

package/dist/app/platform/userInfos/coaching-customer-info/large.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/app/platform/userInfos/coaching-customer-info/large.tsx","../../../../../src/atoms/badge.tsx","../../../../../src/atoms/box.tsx","../../../../../src/atoms/button.tsx","../../../../../src/utils/convert-button-size.ts","../../../../../src/atoms/card.tsx","../../../../../src/atoms/data-list.tsx","../../../../../src/atoms/toast.tsx","../../../../../src/atoms/flex.tsx","../../../../../src/atoms/heading.tsx","../../../../../src/atoms/separator.tsx","../../../../../src/app/platform/userInfos/utils.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) => renderDataListItem(info, customer))}\n      </DataList.Root>\n    </Flex>\n  );\n}\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactElement => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const mergedStyle = useMemo<ButtonProps['style']>(() => {\n      const baseStyle = {\n        background: variant === 'transparent' ? 'transparent' : undefined,\n        fontWeight: 400,\n      };\n      return { ...baseStyle, ...style };\n    }, [style, variant]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    return (\n      <RadixButton\n        style={mergedStyle}\n        variant={radixVariant}\n        {...restProps}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { forwardRef, useMemo } from 'react';\nimport {\n  Card as RadixCard,\n  type CardProps as RadixCardProps,\n} from '@radix-ui/themes';\n\nexport type CardProps = RadixCardProps & {\n  borderRadius?: 'none';\n  borderDisable?: {\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    bottom?: boolean;\n  };\n  error?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (props, forwardedRef) => {\n    const { borderDisable, borderRadius, error, ...rest } = props;\n\n    const borderInsetClassName = useMemo(() => {\n      if (!borderDisable) return '';\n      const { left, right, top, bottom } = borderDisable;\n      return [\n        left && 'disable-inset-left',\n        right && 'disable-inset-right',\n        top && 'disable-inset-top',\n        bottom && 'disable-inset-bottom',\n      ]\n        .filter(Boolean)\n        .join(' ');\n    }, [borderDisable]);\n\n    const errorClsName = useMemo(() => {\n      return error ? ' error' : '';\n    }, [error]);\n\n    return (\n      <RadixCard\n        variant=\"surface\"\n        {...rest}\n        className={`${borderInsetClassName}${errorClsName} ${rest.className || ''}`}\n        data-radius={borderRadius}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nCard.displayName = 'Card';\n","export { DataList } from '@radix-ui/themes';\n","import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n  ToastContainer as ToastifyContainer,\n  type ToastContainerProps,\n} from 'react-toastify';\n\nexport { toast } from 'react-toastify';\n\nfunction CloseButton(): React.ReactNode {\n  return null;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n  return (\n    <ToastifyContainer\n      autoClose={5000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      icon={<InfoCircledIcon />}\n      newestOnTop\n      pauseOnFocusLoss\n      pauseOnHover\n      position=\"bottom-right\"\n      rtl={false}\n      style={{ zIndex: 999999 }}\n      {...props}\n    />\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5';\n};\n\nexport function Heading(props: HeadingProps): React.ReactElement {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      case 'heading4':\n        return '4';\n      case 'heading5':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList, toast } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactElement;\n}\n\nexport interface 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\nexport interface Session {\n  state: ProjectStatus;\n  totalSession: number;\n  restSession: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n}\n\nexport const 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\nexport const 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\nexport const renderItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): JSX.Element => {\n  const value = info.getValue(data);\n  return (\n    <>\n      {value || '-'}\n      {info.copyable && value ? <CopyButton value={value} /> : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): React.ReactElement => {\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem(info, data)}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function 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"],"mappings":"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","names":["import_react","RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_react","import_themes","import_jsx_runtime","RadixCard","import_themes","import_react_toastify","import_jsx_runtime","import_themes","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_react_icons","import_jsx_runtime","import_jsx_runtime","Heading"]}
+{"version":3,"sources":["../../../../../src/app/platform/userInfos/coaching-customer-info/large.tsx","../../../../../src/atoms/badge.tsx","../../../../../src/atoms/box.tsx","../../../../../src/atoms/button.tsx","../../../../../src/utils/convert-button-size.ts","../../../../../src/atoms/card.tsx","../../../../../src/atoms/data-list.tsx","../../../../../src/atoms/toast.tsx","../../../../../src/atoms/heading.tsx","../../../../../src/atoms/flex.tsx","../../../../../src/atoms/separator.tsx","../../../../../src/app/platform/userInfos/utils.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  getColorFromProjectState,\n  getTextFromProjectState,\n} from '@tipp/biz-utils';\nimport {\n  Badge,\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Heading,\n  Separator,\n} from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { infoList, renderDataListItem, sessionList } from '../utils';\n\nexport function CoachingCustomerInfoLarge({\n  customer,\n  session,\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 truncate variant=\"heading4\" weight=\"regular\">\n          {customer?.company}\n        </Heading>\n      </Box>\n\n      {children}\n\n      {/* 세션 정보 */}\n      <Card size=\"2\">\n        <DataList.Root>\n          {sessionList.map((el) => renderDataListItem(el, session))}\n        </DataList.Root>\n      </Card>\n\n      {/* 회원 정보 */}\n      <Separator size=\"4\" />\n      <DataList.Root>\n        {infoList.map((info) => renderDataListItem(info, customer))}\n      </DataList.Root>\n    </Flex>\n  );\n}\n","import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactElement => {\n    const { size = 'small', color = 'accent', ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n","export { Box, type BoxProps } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const mergedStyle = useMemo<ButtonProps['style']>(() => {\n      const baseStyle = {\n        background: variant === 'transparent' ? 'transparent' : undefined,\n        fontWeight: 400,\n      };\n      return { ...baseStyle, ...style };\n    }, [style, variant]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    return (\n      <RadixButton\n        style={mergedStyle}\n        variant={radixVariant}\n        {...restProps}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { forwardRef, useMemo } from 'react';\nimport {\n  Card as RadixCard,\n  type CardProps as RadixCardProps,\n} from '@radix-ui/themes';\n\nexport type CardProps = RadixCardProps & {\n  borderRadius?: 'none';\n  borderDisable?: {\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    bottom?: boolean;\n  };\n  error?: boolean;\n};\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (props, forwardedRef) => {\n    const { borderDisable, borderRadius, error, ...rest } = props;\n\n    const borderInsetClassName = useMemo(() => {\n      if (!borderDisable) return '';\n      const { left, right, top, bottom } = borderDisable;\n      return [\n        left && 'disable-inset-left',\n        right && 'disable-inset-right',\n        top && 'disable-inset-top',\n        bottom && 'disable-inset-bottom',\n      ]\n        .filter(Boolean)\n        .join(' ');\n    }, [borderDisable]);\n\n    const errorClsName = useMemo(() => {\n      return error ? ' error' : '';\n    }, [error]);\n\n    return (\n      <RadixCard\n        variant=\"surface\"\n        {...rest}\n        className={`${borderInsetClassName}${errorClsName} ${rest.className || ''}`}\n        data-radius={borderRadius}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nCard.displayName = 'Card';\n","export { DataList } from '@radix-ui/themes';\n","import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport {\n  ToastContainer as ToastifyContainer,\n  type ToastContainerProps,\n} from 'react-toastify';\n\nexport { toast } from 'react-toastify';\n\nfunction CloseButton(): React.ReactNode {\n  return null;\n}\n\nexport function ToastContainer(props: ToastContainerProps): React.ReactElement {\n  return (\n    <ToastifyContainer\n      autoClose={5000}\n      closeButton={CloseButton}\n      closeOnClick\n      draggable\n      hideProgressBar\n      icon={<InfoCircledIcon />}\n      newestOnTop\n      pauseOnFocusLoss\n      pauseOnHover\n      position=\"bottom-right\"\n      rtl={false}\n      style={{ zIndex: 999999 }}\n      {...props}\n    />\n  );\n}\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5';\n};\n\nexport function Heading(props: HeadingProps): React.ReactElement {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      case 'heading4':\n        return '4';\n      case 'heading5':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","export { Separator, type SeparatorProps } from '@radix-ui/themes';\n","import type { ProjectStatus } from '@tipp/biz-utils';\nimport { format } from 'date-fns';\nimport { CopyIcon } from '@radix-ui/react-icons';\nimport { Button, DataList, toast } from '../../../atoms';\n\nexport interface CoachingCustomerInfoProps {\n  customer?: Customer;\n  session?: Session;\n  children?: React.ReactElement;\n}\n\nexport interface 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\nexport interface Session {\n  state: ProjectStatus;\n  totalSession: number;\n  restSession: number;\n  nextSessionDate?: Date;\n  nextSessionType?: string;\n  expiredAt: Date;\n}\n\nexport interface DataListItems<T> {\n  label: string;\n  getValue: (original?: T) => string | undefined;\n  copyable?: boolean;\n}\n\nexport const 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\nexport const 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\nexport const renderItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): JSX.Element => {\n  const value = info.getValue(data);\n  return (\n    <>\n      {value || '-'}\n      {info.copyable && value ? <CopyButton value={value} /> : null}\n    </>\n  );\n};\n\nexport const renderDataListItem = <T extends object>(\n  info: DataListItems<T>,\n  data?: T\n): React.ReactElement => {\n  return (\n    <DataList.Item key={info.label}>\n      <DataList.Label>{info.label}</DataList.Label>\n      <DataList.Value>{renderItem(info, data)}</DataList.Value>\n    </DataList.Item>\n  );\n};\n\nexport function 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"],"mappings":"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","names":["import_react","RadixBadge","import_themes","import_react","import_themes","import_jsx_runtime","RadixButton","import_react","import_themes","import_jsx_runtime","RadixCard","import_themes","import_react_toastify","import_jsx_runtime","import_themes","import_react","import_jsx_runtime","Heading","RadixHeading","import_themes","import_themes","import_react_icons","import_jsx_runtime","import_jsx_runtime","Heading"]}

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

@@ -1,9 +1,10 @@
 import {
   CoachingCustomerInfoLarge
-} from "../../../../chunk-AVQLAFO2.js";
+} from "../../../../chunk-UVJASJN4.js";
 import "../../../../chunk-JDY5555T.js";
 import "../../../../chunk-A6W2ZWYA.js";
 import "../../../../chunk-SRZ6X74X.js";
+import "../../../../chunk-VOQU7ZOV.js";
 import "../../../../chunk-5H3YPCZK.js";
 import "../../../../chunk-FR2GDOU2.js";
 import "../../../../chunk-74DX4CU7.js";
@@ -11,7 +12,7 @@ import "../../../../chunk-OYM4XCHQ.js";
 import "../../../../chunk-YJ7ZFOYL.js";
 import "../../../../chunk-5ZITU5L7.js";
 import "../../../../chunk-EW6OPYEW.js";
-import "../../../../chunk-VOQU7ZOV.js";
+import "../../../../chunk-YO3BQW6S.js";
 import "../../../../chunk-6IVCARWS.js";
 import "../../../../chunk-6DJOIRMF.js";
 import "../../../../chunk-FPD73OHW.js";
@@ -25,25 +26,27 @@ import "../../../../chunk-SIM6HKVI.js";
 import "../../../../chunk-RKHPVH2G.js";
 import "../../../../chunk-5AVBYDPB.js";
 import "../../../../chunk-365QMK4D.js";
-import "../../../../chunk-YO3BQW6S.js";
+import "../../../../chunk-4WFMOFN2.js";
 import "../../../../chunk-WKFZ5MMN.js";
 import "../../../../chunk-ACVANQJ4.js";
 import "../../../../chunk-2DZ2Y3JI.js";
 import "../../../../chunk-QDZS4B6A.js";
 import "../../../../chunk-EGEQY3KT.js";
-import "../../../../chunk-HK224ADT.js";
 import "../../../../chunk-O3T3TM3V.js";
+import "../../../../chunk-IQEEPHOY.js";
 import "../../../../chunk-LHCDPZ5E.js";
 import "../../../../chunk-OHMOP5PV.js";
 import "../../../../chunk-LZJR77Q2.js";
 import "../../../../chunk-Q37G2GS6.js";
 import "../../../../chunk-VTJZMOSP.js";
-import "../../../../chunk-XZRRRMPQ.js";
+import "../../../../chunk-CEMVFONQ.js";
 import "../../../../chunk-CYYWMYE7.js";
-import "../../../../chunk-ODNY3R6A.js";
+import "../../../../chunk-HK224ADT.js";
+import "../../../../chunk-7SM2C75W.js";
+import "../../../../chunk-UNTA4JJU.js";
 import "../../../../chunk-HYITAA4J.js";
 import "../../../../chunk-O3DNDMV3.js";
-import "../../../../chunk-4WFMOFN2.js";
+import "../../../../chunk-YGL6SWKN.js";
 import "../../../../chunk-4Y5BEXVN.js";
 import "../../../../chunk-NAL2USH5.js";
 import "../../../../chunk-52MVZ6AN.js";
@@ -54,15 +57,12 @@ import "../../../../chunk-ZD7MNMED.js";
 import "../../../../chunk-B6XJN6EC.js";
 import "../../../../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 "../../../../chunk-EWD4AO5N.js";
-import "../../../../chunk-YGL6SWKN.js";
-import "../../../../chunk-UAN5JXP3.js";
-import "../../../../chunk-UNTA4JJU.js";
 import "../../../../chunk-N552FDTV.js";
 export {
   CoachingCustomerInfoLarge

package/dist/app/platform/userInfos/coaching-customer-info/medium.cjs

@@ -208,16 +208,10 @@ var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 
-// 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_themes6 = require("@radix-ui/themes");
 var import_react4 = require("react");
-var import_themes9 = require("@radix-ui/themes");
+var import_themes7 = require("@radix-ui/themes");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function Heading2(props) {
   const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
@@ -237,9 +231,15 @@ function Heading2(props) {
         return size;
     }
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes8.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes6.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
+// src/atoms/flex.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/atoms/grid.tsx
+var import_themes9 = require("@radix-ui/themes");
+
 // src/atoms/separator.tsx
 var import_themes10 = require("@radix-ui/themes");
 
@@ -349,9 +349,9 @@ function CoachingCustomerInfoMedium({
   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_runtime8.jsxs)(import_themes6.Flex, { direction: "column", gap: "5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes8.Flex, { direction: "column", gap: "5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes6.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes8.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { color: badgeColor, children: sessionText })
       ] }),
@@ -359,11 +359,11 @@ function CoachingCustomerInfoMedium({
     ] }),
     children,
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes5.DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes7.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_themes9.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes10.Separator, { size: "4" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes6.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_themes8.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
       return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Typo, { children: renderItem(el, customer) }, el.label);
     }) })
   ] });