@tipp/ui 1.5.2 → 1.5.4

package/dist/chunk-RGHRMD55.js

@@ -1,80 +0,0 @@
-import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
-import {
-  Radio
-} from "./chunk-FPD73OHW.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/molecules/radio-button-card.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useState,
-  Fragment
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var RadioCardContext = createContext({});
-function Root(props) {
-  const [value, setValue] = useState(props.value || props.defaultValue);
-  const onValueChange = useCallback(
-    (v) => {
-      var _a;
-      setValue(v);
-      (_a = props.onValueChange) == null ? void 0 : _a.call(props, v);
-    },
-    [props]
-  );
-  return /* @__PURE__ */ jsx(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ jsx(
-    RadioCards.Root,
-    __spreadProps(__spreadValues({
-      color: "yellow"
-    }, props), {
-      onValueChange
-    })
-  ) });
-}
-function Item(_a) {
-  var _b = _a, {
-    children
-  } = _b, itemRest = __objRest(_b, [
-    "children"
-  ]);
-  const _a2 = useContext(RadioCardContext), {
-    value,
-    justify,
-    RadioWrapper = Fragment
-  } = _a2, rootRest = __objRest(_a2, [
-    "value",
-    "justify",
-    "RadioWrapper"
-  ]);
-  return /* @__PURE__ */ jsx(RadioCards.Item, __spreadProps(__spreadValues({}, itemRest), { children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: justify || "between", width: "100%", children: [
-    children,
-    /* @__PURE__ */ jsx(RadioWrapper, { children: /* @__PURE__ */ jsx(
-      Radio,
-      {
-        checked: itemRest.value === value,
-        disabled: rootRest.disabled,
-        value: itemRest.value
-      }
-    ) })
-  ] }) }));
-}
-var RadioButtonCard = {
-  Root,
-  Item
-};
-
-export {
-  RadioButtonCard
-};
-//# sourceMappingURL=chunk-RGHRMD55.js.map

package/dist/chunk-RGHRMD55.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/radio-button-card.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useState,\n  Fragment,\n} from 'react';\nimport { Flex, FlexProps, Radio, RadioCards } from '../atoms';\n\ntype RadioButtonCardRootProps = RadioCards.RootProps & {\n  justify?: FlexProps['justify'];\n  RadioWrapper?: React.FC;\n};\nconst RadioCardContext = createContext<RadioButtonCardRootProps>({});\n\nfunction Root(props: RadioCards.RootProps): React.ReactElement {\n  const [value, setValue] = useState(props.value || props.defaultValue);\n\n  const onValueChange = useCallback(\n    (v: string) => {\n      setValue(v);\n      props.onValueChange?.(v);\n    },\n    [props]\n  );\n\n  return (\n    <RadioCardContext.Provider value={{ ...props, value }}>\n      <RadioCards.Root\n        color=\"yellow\"\n        {...props}\n        onValueChange={onValueChange}\n      />\n    </RadioCardContext.Provider>\n  );\n}\n\ntype RadioButtonCardItemProps = RadioCards.ItemProps;\nfunction Item({\n  children,\n  ...itemRest\n}: RadioCards.ItemProps): React.ReactElement {\n  const {\n    value,\n    justify,\n    RadioWrapper = Fragment,\n    ...rootRest\n  } = useContext(RadioCardContext);\n\n  return (\n    <RadioCards.Item {...itemRest}>\n      <Flex align=\"center\" justify={justify || 'between'} width=\"100%\">\n        {children}\n        <RadioWrapper>\n          <Radio\n            checked={itemRest.value === value}\n            disabled={rootRest.disabled}\n            value={itemRest.value}\n          />\n        </RadioWrapper>\n      </Flex>\n    </RadioCards.Item>\n  );\n}\n\nexport const RadioButtonCard = {\n  Root,\n  Item,\n};\n\nexport type { RadioButtonCardItemProps, RadioButtonCardRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsBD,cAuBA,YAvBA;AAfN,IAAM,mBAAmB,cAAwC,CAAC,CAAC;AAEnE,SAAS,KAAK,OAAiD;AAC7D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,SAAS,MAAM,YAAY;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc;AAnBnB;AAoBM,eAAS,CAAC;AACV,kBAAM,kBAAN,+BAAsB;AAAA,IACxB;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,iCAAK,QAAL,EAAY,MAAM,IAClD;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,OAAM;AAAA,OACF,QAFL;AAAA,MAGC;AAAA;AAAA,EACF,GACF;AAEJ;AAGA,SAAS,KAAK,IAG+B;AAH/B,eACZ;AAAA;AAAA,EAvCF,IAsCc,IAET,qBAFS,IAET;AAAA,IADH;AAAA;AAGA,QAKIA,MAAA,WAAW,gBAAgB,GAJ7B;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EA7CnB,IA+CMA,KADC,qBACDA,KADC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oBAAC,WAAW,MAAX,iCAAoB,WAApB,EACC,+BAAC,QAAK,OAAM,UAAS,SAAS,WAAW,WAAW,OAAM,QACvD;AAAA;AAAA,IACD,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,SAAS,UAAU;AAAA,QAC5B,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA;AAAA,IAClB,GACF;AAAA,KACF,IACF;AAEJ;AAEO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AACF;","names":["_a"]}

package/dist/chunk-RHMYQVIR.js

@@ -1,122 +0,0 @@
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HK224ADT.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Collapse
-} from "./chunk-LZJR77Q2.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-U7JPP7WJ.js";
-import {
-  ChevronDownIcon,
-  ChevronUpIcon,
-  Pencil1Icon,
-  RocketIcon,
-  TrashIcon
-} from "./chunk-UAN5JXP3.js";
-
-// src/app/platform/goal-manage-card-read.tsx
-import { useCallback, useMemo, useState } from "react";
-import { format } from "date-fns";
-import { jsx, jsxs } from "react/jsx-runtime";
-function GoalManageCardRead(props) {
-  const {
-    title,
-    dueDate,
-    completed,
-    expectedEffect,
-    huddle,
-    onClickDelete,
-    onClickEdit,
-    defaultOpen
-  } = props;
-  const [open, setOpen] = useState(Boolean(defaultOpen));
-  const onClickOpen = useCallback(() => {
-    setOpen((p) => !p);
-  }, []);
-  const icon = open ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {});
-  const status = useMemo(() => {
-    if (completed)
-      return;
-    if (!dueDate)
-      return "\uBBF8\uC815";
-    if (dueDate < /* @__PURE__ */ new Date())
-      return "\uBBF8\uB2EC\uC131";
-    return "\uC9C4\uD589 \uC911";
-  }, [completed, dueDate]);
-  const statusColor = useMemo(() => {
-    if (status === "\uC9C4\uD589 \uC911")
-      return "success";
-    if (status === "\uBBF8\uB2EC\uC131")
-      return "error";
-  }, [status]);
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(Grid, { columns: "auto 1fr", gap: "3", children: [
-      /* @__PURE__ */ jsx(Button, { onClick: onClickOpen, variant: "transparent", children: icon }),
-      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
-      /* @__PURE__ */ jsx("div", {}),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", children: [
-        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
-          /* @__PURE__ */ jsx(Badge, { color: statusColor, children: status }),
-          /* @__PURE__ */ jsx(Typo, { color: "gray", children: dueDate ? format(dueDate, "yyyy\uB144 MM\uC6D4 dd\uC77C") : null })
-        ] }),
-        /* @__PURE__ */ jsxs(Popover.Root, { children: [
-          /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(Button, { size: "small", children: [
-            /* @__PURE__ */ jsx(RocketIcon, {}),
-            "\uB2EC\uC131\uD558\uAE30"
-          ] }) }),
-          /* @__PURE__ */ jsxs(Popover.Content, { children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uBAA9\uD45C\uB97C \uB2EC\uC131\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
-            /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", mt: "3", children: [
-              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { color: "gray", size: "small", variant: "outline", children: "\uC544\uB2C8\uC694" }) }),
-              /* @__PURE__ */ jsx(Popover.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: props.onClickComplete, size: "small", children: "\uC608" }) })
-            ] })
-          ] })
-        ] })
-      ] })
-    ] }),
-    completed ? /* @__PURE__ */ jsx(Button, { children: "\uB2EC\uC131\uD558\uAE30" }) : null,
-    /* @__PURE__ */ jsx(Box, { p: "0", children: /* @__PURE__ */ jsxs(Collapse, { open, children: [
-      /* @__PURE__ */ jsx(Heading, { mb: "2", mt: "5", variant: "heading5", weight: "regular", children: "\uAE30\uB300\uD6A8\uACFC" }),
-      /* @__PURE__ */ jsx(Card, { mb: "5", size: "1", children: /* @__PURE__ */ jsx(Typo, { as: "p", children: expectedEffect }) }),
-      /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uBC29\uD574\uC694\uC18C" }),
-      /* @__PURE__ */ jsx(Card, { mb: "5", size: "1", children: /* @__PURE__ */ jsx(Typo, { as: "p", children: huddle }) }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", children: [
-        /* @__PURE__ */ jsxs(Button, { color: "gray", onClick: onClickEdit, variant: "ghost", children: [
-          /* @__PURE__ */ jsx(TrashIcon, {}),
-          "\uC0AD\uC81C\uD558\uAE30"
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { onClick: onClickDelete, variant: "surface", children: [
-          /* @__PURE__ */ jsx(Pencil1Icon, {}),
-          "\uC218\uC815\uD558\uAE30"
-        ] })
-      ] })
-    ] }) })
-  ] });
-}
-
-export {
-  GoalManageCardRead
-};
-//# sourceMappingURL=chunk-RHMYQVIR.js.map

package/dist/chunk-RHMYQVIR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/goal-manage-card-read.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { format } from 'date-fns';\nimport {\n  Box,\n  Button,\n  Card,\n  Collapse,\n  Flex,\n  Heading,\n  Badge,\n  Typo,\n  Popover,\n  Grid,\n} from '../../atoms';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  Pencil1Icon,\n  RocketIcon,\n  TrashIcon,\n} from '../../icon';\n\nexport interface GoalManageCardProps {\n  defaultOpen?: boolean;\n  title?: string;\n  dueDate?: Date;\n  completed?: boolean;\n  expectedEffect?: string;\n  huddle?: string;\n  onClickDelete?: () => void;\n  onClickEdit?: () => void;\n  onClickComplete?: () => void;\n}\n\nexport function GoalManageCardRead(\n  props: GoalManageCardProps\n): React.ReactElement {\n  const {\n    title,\n    dueDate,\n    completed,\n    expectedEffect,\n    huddle,\n    onClickDelete,\n    onClickEdit,\n    defaultOpen,\n  } = props;\n  const [open, setOpen] = useState<boolean>(Boolean(defaultOpen));\n  const onClickOpen = useCallback(() => {\n    setOpen((p) => !p);\n  }, []);\n\n  const icon = open ? <ChevronUpIcon /> : <ChevronDownIcon />;\n\n  const status = useMemo<string | undefined>(() => {\n    if (completed) return;\n    if (!dueDate) return '미정';\n    if (dueDate < new Date()) return '미달성';\n    return '진행 중';\n  }, [completed, dueDate]);\n\n  const statusColor = useMemo(() => {\n    if (status === '진행 중') return 'success';\n    if (status === '미달성') return 'error';\n  }, [status]);\n\n  return (\n    <Card>\n      <Grid columns=\"auto 1fr\" gap=\"3\">\n        <Button onClick={onClickOpen} variant=\"transparent\">\n          {icon}\n        </Button>\n        <Heading variant=\"heading4\">{title}</Heading>\n        <div />\n        <Flex align=\"center\" justify=\"between\">\n          <Flex align=\"center\" gap=\"3\">\n            <Badge color={statusColor}>{status}</Badge>\n            <Typo color=\"gray\">\n              {dueDate ? format(dueDate, 'yyyy년 MM월 dd일') : null}\n            </Typo>\n          </Flex>\n          <Popover.Root>\n            <Popover.Trigger>\n              <Button size=\"small\">\n                <RocketIcon />\n                달성하기\n              </Button>\n            </Popover.Trigger>\n            <Popover.Content>\n              <Typo color=\"gray\">목표를 달성하시겠습니까?</Typo>\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\">\n                <Popover.Close>\n                  <Button color=\"gray\" size=\"small\" variant=\"outline\">\n                    아니요\n                  </Button>\n                </Popover.Close>\n                <Popover.Close>\n                  <Button onClick={props.onClickComplete} size=\"small\">\n                    예\n                  </Button>\n                </Popover.Close>\n              </Flex>\n            </Popover.Content>\n          </Popover.Root>\n        </Flex>\n      </Grid>\n\n      {completed ? <Button>달성하기</Button> : null}\n      <Box p=\"0\">\n        <Collapse open={open}>\n          <Heading mb=\"2\" mt=\"5\" variant=\"heading5\" weight=\"regular\">\n            기대효과\n          </Heading>\n          <Card mb=\"5\" size=\"1\">\n            <Typo as=\"p\">{expectedEffect}</Typo>\n          </Card>\n          <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n            방해요소\n          </Heading>\n          <Card mb=\"5\" size=\"1\">\n            <Typo as=\"p\">{huddle}</Typo>\n          </Card>\n          <Flex align=\"center\" gap=\"3\" justify=\"end\">\n            <Button color=\"gray\" onClick={onClickEdit} variant=\"ghost\">\n              <TrashIcon />\n              삭제하기\n            </Button>\n            <Button onClick={onClickDelete} variant=\"surface\">\n              <Pencil1Icon />\n              수정하기\n            </Button>\n          </Flex>\n        </Collapse>\n      </Box>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-RHOFB5PK.js

@@ -1,31 +0,0 @@
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-
-// src/layouts/response-display.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-var breakpoints = ["initial", "xs", "sm", "md", "lg", "xl"];
-var getDisplay = (breakpoint) => {
-  const index = breakpoints.indexOf(breakpoint);
-  const prevBreakpoint = breakpoint === "initial" ? void 0 : "initial";
-  const nextBreakpoint = breakpoints[index + 1];
-  const result = {
-    [breakpoint]: "block"
-  };
-  [prevBreakpoint, nextBreakpoint].forEach((bp) => {
-    if (bp) {
-      result[bp] = "none";
-    }
-  });
-  return result;
-};
-function ResponseDisplay(props) {
-  return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(props).map(([key, value]) => {
-    return /* @__PURE__ */ jsx(Box, { display: getDisplay(key), children: value }, key);
-  }) });
-}
-
-export {
-  ResponseDisplay
-};
-//# sourceMappingURL=chunk-RHOFB5PK.js.map

package/dist/chunk-RHOFB5PK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/layouts/response-display.tsx"],"sourcesContent":["import type { Breakpoint, Responsive } from '@radix-ui/themes/props';\nimport React from 'react';\nimport type { BoxProps } from '../atoms';\nimport { Box } from '../atoms';\n\nexport type ResponseDisplayProps = Responsive<React.ReactElement>;\n\nconst breakpoints: Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nconst getDisplay = (breakpoint: Breakpoint): BoxProps['display'] => {\n  const index = breakpoints.indexOf(breakpoint);\n  const prevBreakpoint = breakpoint === 'initial' ? undefined : 'initial';\n  const nextBreakpoint = breakpoints[index + 1];\n\n  const result = {\n    [breakpoint]: 'block',\n  };\n  [prevBreakpoint, nextBreakpoint].forEach((bp) => {\n    if (bp) {\n      result[bp] = 'none';\n    }\n  });\n  return result;\n};\n\nexport function ResponseDisplay(\n  props: ResponseDisplayProps\n): React.ReactElement {\n  return (\n    <>\n      {Object.entries(props).map(([key, value]) => {\n        return (\n          <Box display={getDisplay(key as Breakpoint)} key={key}>\n            {value}\n          </Box>\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":";;;;;AA6BI,mBAGM,WAHN;AAtBJ,IAAM,cAA4B,CAAC,WAAW,MAAM,MAAM,MAAM,MAAM,IAAI;AAE1E,IAAM,aAAa,CAAC,eAAgD;AAClE,QAAM,QAAQ,YAAY,QAAQ,UAAU;AAC5C,QAAM,iBAAiB,eAAe,YAAY,SAAY;AAC9D,QAAM,iBAAiB,YAAY,QAAQ,CAAC;AAE5C,QAAM,SAAS;AAAA,IACb,CAAC,UAAU,GAAG;AAAA,EAChB;AACA,GAAC,gBAAgB,cAAc,EAAE,QAAQ,CAAC,OAAO;AAC/C,QAAI,IAAI;AACN,aAAO,EAAE,IAAI;AAAA,IACf;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,SAAS,gBACd,OACoB;AACpB,SACE,gCACG,iBAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC3C,WACE,oBAAC,OAAI,SAAS,WAAW,GAAiB,GACvC,mBAD+C,GAElD;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/chunk-RHTDSHNP.js

@@ -1,76 +0,0 @@
-import {
-  infoList,
-  renderDataListItem,
-  renderItem,
-  sessionList
-} from "./chunk-JDY5555T.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HK224ADT.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-
-// src/app/platform/userInfos/coaching-customer-info/medium.tsx
-import { useMemo } from "react";
-import {
-  getColorFromProjectState,
-  getTextFromProjectState
-} from "@tipp/biz-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CoachingCustomerInfoMedium({
-  customer,
-  session,
-  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, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
-    ] }),
-    children,
-    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(DataList.Root, { orientation: "vertical", children: sessionList.map((el) => renderDataListItem(el, session)) }) }),
-    /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
-      /* @__PURE__ */ jsx(Separator, { size: "4" })
-    ] }),
-    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
-      return /* @__PURE__ */ jsx(Typo, { children: renderItem(el, customer) }, el.label);
-    }) })
-  ] });
-}
-
-export {
-  CoachingCustomerInfoMedium
-};
-//# sourceMappingURL=chunk-RHTDSHNP.js.map

package/dist/chunk-RHTDSHNP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/medium.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  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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAqCC,SACE,KADF;AAjBD,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,yBAAyB,mCAAS,KAAK;AAAA,EAChD,GAAG,CAAC,mCAAS,KAAK,CAAC;AAEnB,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,wBAAwB,mCAAS,KAAK;AAAA,EAC/C,GAAG,CAAC,mCAAS,KAAK,CAAC;AAEnB,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,yBAAC,OACC;AAAA,2BAAC,QAAK,OAAM,UAAS,SAAQ,WAAU,IAAG,KAAI,OAAM,QAClD;AAAA,4BAAC,WAAQ,SAAQ,YACd,gDAAU,aAAY,6BACzB;AAAA,QACA,oBAAC,SAAM,OAAO,YAAa,uBAAY;AAAA,SACzC;AAAA,MACA,oBAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,+CAAU,SACb;AAAA,OACF;AAAA,IAEC;AAAA,IAGD,oBAAC,QAAK,MAAK,KACT,8BAAC,SAAS,MAAT,EAAc,aAAY,YACxB,sBAAY,IAAI,CAAC,OAAO,mBAAmB,IAAI,OAAO,CAAC,GAC1D,GACF;AAAA,IAGA,qBAAC,QAAK,OAAM,UAAS,SAAQ,YAAW,KAAI,KAC1C;AAAA,0BAAC,WAAQ,SAAQ,YAAW,uCAAK;AAAA,MACjC,oBAAC,aAAU,MAAK,KAAI;AAAA,OACtB;AAAA,IACA,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,mBAAS,IAAI,CAAC,OAAO;AACpB,aAAO,oBAAC,QAAqB,qBAAW,IAAI,QAAQ,KAAlC,GAAG,KAAiC;AAAA,IACxD,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-RJCUZX5I.js

@@ -1,100 +0,0 @@
-import {
-  EditCoachingTime
-} from "./chunk-3RLDUE7U.js";
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  BulletText
-} from "./chunk-IWW6ST7Q.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Button
-} from "./chunk-U7JPP7WJ.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Heading
-} from "./chunk-HK224ADT.js";
-import {
-  Pencil1Icon
-} from "./chunk-UAN5JXP3.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/app/platform/session-card.tsx
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-function SessionCard(props) {
-  const _a = props, {
-    sessionNumber,
-    userName,
-    error,
-    SessionDate,
-    SessionType,
-    ExtraButtons,
-    TitleExtra,
-    editable
-  } = _a, rest = __objRest(_a, [
-    "sessionNumber",
-    "userName",
-    "error",
-    "SessionDate",
-    "SessionType",
-    "ExtraButtons",
-    "TitleExtra",
-    "editable"
-  ]);
-  const renderEditButton = useCallback(() => {
-    return /* @__PURE__ */ jsx(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ jsx(Pencil1Icon, {}) });
-  }, []);
-  return /* @__PURE__ */ jsx(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
-      TitleExtra,
-      error ? /* @__PURE__ */ jsx(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
-    ] }),
-    /* @__PURE__ */ jsxs(DataList.Root, { children: [
-      /* @__PURE__ */ jsxs(DataList.Item, { children: [
-        /* @__PURE__ */ jsx(DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
-        /* @__PURE__ */ jsxs(DataList.Value, { children: [
-          SessionDate,
-          editable ? /* @__PURE__ */ jsxs(Popover.Root, { children: [
-            /* @__PURE__ */ jsx(Popover.Trigger, { children: renderEditButton() }),
-            /* @__PURE__ */ jsx(Popover.Content, { onOpenAutoFocus: preventDefault, children: /* @__PURE__ */ jsx(EditCoachingTime, {}) })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
-        /* @__PURE__ */ jsxs(DataList.Item, { children: [
-          /* @__PURE__ */ jsx(DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
-          /* @__PURE__ */ jsxs(DataList.Value, { children: [
-            SessionType,
-            editable ? /* @__PURE__ */ jsx(Popover.Root, { children: /* @__PURE__ */ jsx(Popover.Trigger, { children: renderEditButton() }) }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Flex, { gap: "2", justify: "end", children: ExtraButtons })
-      ] })
-    ] })
-  ] }) }));
-}
-
-export {
-  SessionCard
-};
-//# sourceMappingURL=chunk-RJCUZX5I.js.map

package/dist/chunk-RJCUZX5I.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/session-card.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport type { CardProps } from '../../atoms';\nimport {\n  BulletText,\n  Button,\n  Card,\n  DataList,\n  Flex,\n  Grid,\n  Heading,\n  Popover,\n} from '../../atoms';\nimport { Pencil1Icon } from '../../icon';\nimport { EditCoachingTime } from './edit-coaching-time';\n\nconst preventDefault = (e: Event): void => {\n  e.preventDefault();\n};\nexport interface SessionCardProps extends Omit<CardProps, 'error'> {\n  error?: string;\n  SessionDate?: React.ReactNode;\n  SessionType?: React.ReactNode;\n  userName?: string;\n  sessionNumber?: number;\n  ExtraButtons: React.ReactNode;\n  editable?: boolean;\n  TitleExtra?: React.ReactNode;\n}\n\nexport function SessionCard(props: SessionCardProps): React.ReactElement {\n  const {\n    sessionNumber,\n    userName,\n    error,\n    SessionDate,\n    SessionType,\n    ExtraButtons,\n    TitleExtra,\n    editable,\n    ...rest\n  } = props;\n\n  const renderEditButton = useCallback((): JSX.Element => {\n    return (\n      <Button color=\"gray\" ml=\"2\" variant=\"transparent\">\n        <Pencil1Icon />\n      </Button>\n    );\n  }, []);\n\n  return (\n    <Card error={Boolean(error)} {...rest}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Flex align=\"center\" width=\"100%\">\n          <Heading variant=\"heading4\">\n            {`${userName || '알 수 없음'}님 ${sessionNumber || '-'}회차`}\n          </Heading>\n          {TitleExtra}\n          {error ? (\n            <BulletText as=\"p\" color=\"red\" variant=\"caption\">\n              {error}\n            </BulletText>\n          ) : null}\n        </Flex>\n        <DataList.Root>\n          <DataList.Item>\n            <DataList.Label>코칭 일시</DataList.Label>\n            <DataList.Value>\n              {SessionDate}\n              {editable ? (\n                <Popover.Root>\n                  <Popover.Trigger>{renderEditButton()}</Popover.Trigger>\n                  <Popover.Content onOpenAutoFocus={preventDefault}>\n                    <EditCoachingTime />\n                  </Popover.Content>\n                </Popover.Root>\n              ) : null}\n            </DataList.Value>\n          </DataList.Item>\n          <Grid columns={{ initial: '1', xs: '2' }} style={{ gap: 'inherit' }}>\n            <DataList.Item>\n              <DataList.Label>세션 참여 방식</DataList.Label>\n              <DataList.Value>\n                {SessionType}\n\n                {editable ? (\n                  <Popover.Root>\n                    <Popover.Trigger>{renderEditButton()}</Popover.Trigger>\n                  </Popover.Root>\n                ) : null}\n              </DataList.Value>\n            </DataList.Item>\n\n            <Flex gap=\"2\" justify=\"end\">\n              {ExtraButtons}\n            </Flex>\n          </Grid>\n        </DataList.Root>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AA6C3B,cAQA,YARA;AA9BR,IAAM,iBAAiB,CAAC,MAAmB;AACzC,IAAE,eAAe;AACnB;AAYO,SAAS,YAAY,OAA6C;AACvE,QAUI,YATF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtCJ,IAwCM,IADC,iBACD,IADC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,mBAAmB,YAAY,MAAmB;AACtD,WACE,oBAAC,UAAO,OAAM,QAAO,IAAG,KAAI,SAAQ,eAClC,8BAAC,eAAY,GACf;AAAA,EAEJ,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,qCAAK,OAAO,QAAQ,KAAK,KAAO,OAAhC,EACC,+BAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,yBAAC,QAAK,OAAM,UAAS,OAAM,QACzB;AAAA,0BAAC,WAAQ,SAAQ,YACd,aAAG,YAAY,4BAAQ,UAAK,iBAAiB,GAAG,gBACnD;AAAA,MACC;AAAA,MACA,QACC,oBAAC,cAAW,IAAG,KAAI,OAAM,OAAM,SAAQ,WACpC,iBACH,IACE;AAAA,OACN;AAAA,IACA,qBAAC,SAAS,MAAT,EACC;AAAA,2BAAC,SAAS,MAAT,EACC;AAAA,4BAAC,SAAS,OAAT,EAAe,uCAAK;AAAA,QACrB,qBAAC,SAAS,OAAT,EACE;AAAA;AAAA,UACA,WACC,qBAAC,QAAQ,MAAR,EACC;AAAA,gCAAC,QAAQ,SAAR,EAAiB,2BAAiB,GAAE;AAAA,YACrC,oBAAC,QAAQ,SAAR,EAAgB,iBAAiB,gBAChC,8BAAC,oBAAiB,GACpB;AAAA,aACF,IACE;AAAA,WACN;AAAA,SACF;AAAA,MACA,qBAAC,QAAK,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,GAAG,OAAO,EAAE,KAAK,UAAU,GAChE;AAAA,6BAAC,SAAS,MAAT,EACC;AAAA,8BAAC,SAAS,OAAT,EAAe,oDAAQ;AAAA,UACxB,qBAAC,SAAS,OAAT,EACE;AAAA;AAAA,YAEA,WACC,oBAAC,QAAQ,MAAR,EACC,8BAAC,QAAQ,SAAR,EAAiB,2BAAiB,GAAE,GACvC,IACE;AAAA,aACN;AAAA,WACF;AAAA,QAEA,oBAAC,QAAK,KAAI,KAAI,SAAQ,OACnB,wBACH;AAAA,SACF;AAAA,OACF;AAAA,KACF,IACF;AAEJ;","names":[]}

package/dist/chunk-RKB3J3NM.js

@@ -1,73 +0,0 @@
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Heading
-} from "./chunk-HK224ADT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-
-// src/app/platform/session-review-simple-read.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SubTitleWrapper({
-  children,
-  title
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: title }),
-    /* @__PURE__ */ jsx(Box, { children })
-  ] });
-}
-function SessionReviewSimpleRead({
-  helpfulness,
-  review,
-  sessionNumber,
-  customerName
-}) {
-  const helpfulnessMeta = useMemo(() => {
-    if (helpfulness) {
-      return {
-        text: "\uB124",
-        color: "success"
-      };
-    }
-    if (typeof helpfulness === "undefined") {
-      return {
-        text: "-",
-        color: "neutral"
-      };
-    }
-    return {
-      text: "\uC544\uB2C8\uC694",
-      color: "error"
-    };
-  }, [helpfulness]);
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Heading, { mb: "5", variant: "heading5", children: [
-      customerName || "-",
-      "\uB2D8\uC758 ",
-      sessionNumber || "-",
-      "\uD68C\uCC28 \uC138\uC158 \uD6C4\uAE30"
-    ] }),
-    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
-      /* @__PURE__ */ jsx(SubTitleWrapper, { title: "\uC774\uBC88 \uCF54\uCE6D\uC774 \uBAA9\uD45C \uB2EC\uC131\uC5D0 \uB3C4\uC6C0\uC774 \uB418\uC5C8\uB098\uC694?", children: /* @__PURE__ */ jsx(Badge, { color: helpfulnessMeta.color, children: helpfulnessMeta.text }) }),
-      /* @__PURE__ */ jsx(SubTitleWrapper, { title: "\uC138\uC158 \uD6C4\uAE30", children: /* @__PURE__ */ jsx(Card, { children: review ? /* @__PURE__ */ jsx(Typo, { as: "p", children: review }) : /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uC785\uB825\uB41C \uD6C4\uAE30\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) }) })
-    ] })
-  ] });
-}
-
-export {
-  SessionReviewSimpleRead
-};
-//# sourceMappingURL=chunk-RKB3J3NM.js.map

package/dist/chunk-RKB3J3NM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/session-review-simple-read.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { BadgeProps } from '../../atoms';\nimport { Badge, Box, Card, Flex, Heading, Typo } from '../../atoms';\n\nexport interface SessionReviewSimpleReadProps {\n  helpfulness?: boolean;\n  review?: string;\n  sessionNumber?: number;\n  customerName?: string;\n}\n\nfunction SubTitleWrapper({\n  children,\n  title,\n}: {\n  children: React.ReactNode;\n  title: string;\n}): JSX.Element {\n  return (\n    <Flex direction=\"column\" gap=\"2\">\n      <Heading mb=\"2\" variant=\"heading5\" weight=\"regular\">\n        {title}\n      </Heading>\n\n      <Box>{children}</Box>\n    </Flex>\n  );\n}\n\nexport function SessionReviewSimpleRead({\n  helpfulness,\n  review,\n  sessionNumber,\n  customerName,\n}: SessionReviewSimpleReadProps): React.ReactElement {\n  const helpfulnessMeta = useMemo<{\n    text: string;\n    color: BadgeProps['color'];\n  }>(() => {\n    if (helpfulness) {\n      return {\n        text: '네',\n        color: 'success',\n      };\n    }\n    if (typeof helpfulness === 'undefined') {\n      return {\n        text: '-',\n        color: 'neutral',\n      };\n    }\n    return {\n      text: '아니요',\n      color: 'error',\n    };\n  }, [helpfulness]);\n\n  return (\n    <Box>\n      <Heading mb=\"5\" variant=\"heading5\">\n        {customerName || '-'}님의 {sessionNumber || '-'}회차 세션 후기\n      </Heading>\n      <Flex direction=\"column\" gap=\"5\">\n        <SubTitleWrapper title=\"이번 코칭이 목표 달성에 도움이 되었나요?\">\n          <Badge color={helpfulnessMeta.color}>{helpfulnessMeta.text}</Badge>\n        </SubTitleWrapper>\n        <SubTitleWrapper title=\"세션 후기\">\n          <Card>\n            {review ? (\n              <Typo as=\"p\">{review}</Typo>\n            ) : (\n              <Typo color=\"gray\">입력된 후기가 없습니다.</Typo>\n            )}\n          </Card>\n        </SubTitleWrapper>\n      </Flex>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAmB3B,SACE,KADF;AARJ,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGgB;AACd,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,WAAQ,IAAG,KAAI,SAAQ,YAAW,QAAO,WACvC,iBACH;AAAA,IAEA,oBAAC,OAAK,UAAS;AAAA,KACjB;AAEJ;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqD;AACnD,QAAM,kBAAkB,QAGrB,MAAM;AACP,QAAI,aAAa;AACf,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AACA,QAAI,OAAO,gBAAgB,aAAa;AACtC,aAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE,qBAAC,OACC;AAAA,yBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB;AAAA,sBAAgB;AAAA,MAAI;AAAA,MAAI,iBAAiB;AAAA,MAAI;AAAA,OAChD;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,0BAAC,mBAAgB,OAAM,gHACrB,8BAAC,SAAM,OAAO,gBAAgB,OAAQ,0BAAgB,MAAK,GAC7D;AAAA,MACA,oBAAC,mBAAgB,OAAM,6BACrB,8BAAC,QACE,mBACC,oBAAC,QAAK,IAAG,KAAK,kBAAO,IAErB,oBAAC,QAAK,OAAM,QAAO,6EAAa,GAEpC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-RKI7ZXGP.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-RKI7ZXGP.js.map

package/dist/chunk-RKI7ZXGP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-RKSKCZGF.js

@@ -1,86 +0,0 @@
-import {
-  toast
-} from "./chunk-CYYWMYE7.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Button
-} from "./chunk-U7JPP7WJ.js";
-
-// src/app/platform/coaching-customer-info/utils.tsx
-import { format } from "date-fns";
-import { CopyIcon } from "@radix-ui/react-icons";
-import { Fragment, 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 renderItem = (info, data) => {
-  const value = info.getValue(data);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    value || "-",
-    info.copyable && value ? /* @__PURE__ */ jsx(CopyButton, { value }) : null
-  ] });
-};
-var renderDataListItem = (info, data) => {
-  return /* @__PURE__ */ jsxs(DataList.Item, { children: [
-    /* @__PURE__ */ jsx(DataList.Label, { children: info.label }),
-    /* @__PURE__ */ jsx(DataList.Value, { children: renderItem(info, data) })
-  ] }, 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, {})
-    }
-  );
-}
-
-export {
-  infoList,
-  sessionList,
-  renderItem,
-  renderDataListItem,
-  CopyButton
-};
-//# sourceMappingURL=chunk-RKSKCZGF.js.map

package/dist/chunk-RKSKCZGF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/coaching-customer-info/utils.tsx"],"sourcesContent":["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) => {\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":";;;;;;;;;;;AACA,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAqFrB,mBAE4B,KAF5B;AAjDG,IAAM,WAAsC;AAAA,EACjD,EAAE,OAAO,gBAAM,UAAU,CAAC,aAAa,qCAAU,SAAS;AAAA,EAC1D,EAAE,OAAO,gBAAM,UAAU,CAAC,aAAa,qCAAU,MAAM;AAAA,EACvD;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,cACT,qCAAU,cAAa,OAAO,SAAS,WAAW,YAAY;AAAA,EAClE;AAAA,EACA,EAAE,OAAO,gBAAM,UAAU,CAAC,aAAa,qCAAU,KAAK;AAAA,EACtD,EAAE,OAAO,gBAAM,UAAU,CAAC,aAAa,qCAAU,SAAS;AAAA,EAC1D,EAAE,OAAO,gBAAM,UAAU,CAAC,aAAa,qCAAU,MAAM;AAAA,EACvD,EAAE,OAAO,sBAAO,UAAU,CAAC,aAAa,qCAAU,OAAO,UAAU,KAAK;AAAA,EACxE;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,aAAa,qCAAU;AAAA,IAClC,UAAU;AAAA,EACZ;AACF;AAEO,IAAM,cAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,YACT,IAAG,mCAAS,gBAAe,GAAG,iBAAM,mCAAS,iBAAgB,GAAG;AAAA,EACpE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,aACT,mCAAS,mBACL,OAAO,QAAQ,iBAAiB,gDAAuB,IACvD;AAAA,EACR;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,aAAY,mCAAS,oBAAmB;AAAA,EACrD;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU,CAAC,aACT,mCAAS,aAAY,OAAO,QAAQ,WAAW,8BAAe,IAAI;AAAA,EACtE;AACF;AAEO,IAAM,aAAa,CACxB,MACA,SACG;AACH,QAAM,QAAQ,KAAK,SAAS,IAAI;AAChC,SACE,iCACG;AAAA,aAAS;AAAA,IACT,KAAK,YAAY,QAAQ,oBAAC,cAAW,OAAc,IAAK;AAAA,KAC3D;AAEJ;AAEO,IAAM,qBAAqB,CAChC,MACA,SACuB;AACvB,SACE,qBAAC,SAAS,MAAT,EACC;AAAA,wBAAC,SAAS,OAAT,EAAgB,eAAK,OAAM;AAAA,IAC5B,oBAAC,SAAS,OAAT,EAAgB,qBAAW,MAAM,IAAI,GAAE;AAAA,OAFtB,KAAK,KAGzB;AAEJ;AAEO,SAAS,WAAW,OAAuC;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,aAAK,UAAU,UAAU,UAAU,MAAM,KAAK;AAC9C,cAAM,QAAQ,6CAAU;AAAA,MAC1B;AAAA,MACA,OAAO,EAAE,YAAY,KAAK,WAAW,IAAI;AAAA,MACzC,SAAQ;AAAA,MAER,8BAAC,YAAS;AAAA;AAAA,EACZ;AAEJ;","names":[]}