@tipp/ui 2.1.33 → 2.1.35

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

@@ -1346,24 +1346,29 @@ AutoSizingInput.displayName = "AutoSizingInput";
 // src/atoms/bullet-text.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
-// src/app/platform/userInfos/coaching-customer-info/small.tsx
+// src/atoms/list.tsx
+var import_react21 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
+var ListContext = (0, import_react21.createContext)({ size: "large" });
+
+// src/app/platform/userInfos/coaching-customer-info/small.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function CoachingCustomerInfoSmall({
   customer,
   children,
   badge
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     import_themes22.Flex,
     {
       direction: { initial: "column", xs: "row" },
       gap: "3",
       justify: "between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes23.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: badge })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes23.Grid, { align: "center", columns: "auto auto 1fr", gapX: "3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading2, { variant: "heading3", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "gray", truncate: true, variant: "body", children: customer == null ? void 0 : customer.company }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes6.Box, { style: { justifySelf: "end" }, children: badge })
         ] }) }),
         children
       ]
@@ -1374,7 +1379,7 @@ function CoachingCustomerInfoSmall({
 // src/app/platform/userInfos/utils.tsx
 var import_date_fns = require("date-fns");
 var import_react_icons4 = require("@radix-ui/react-icons");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var infoList = [
   { label: "\uC774\uB984", getValue: (customer) => customer == null ? void 0 : customer.username },
   { label: "\uC131\uBCC4", getValue: (customer) => customer == null ? void 0 : customer.gender },
@@ -1434,21 +1439,21 @@ var sessionList = [
 var renderItem = (args) => {
   const { info, data, onClickCopy } = args;
   const value = info.getValue(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
     info.render ? info.render(value) : value || "-",
-    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CopyButton, { onClickCopy, value }) : null
+    info.copyable && value ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CopyButton, { onClickCopy, value }) : null
   ] });
 };
 var renderDataListItem = (args) => {
   const { info, data, onClickCopy } = args;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_themes15.DataList.Item, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes15.DataList.Label, { children: info.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_themes15.DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes15.DataList.Item, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes15.DataList.Label, { children: info.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes15.DataList.Value, { children: renderItem({ info, data, onClickCopy }) })
   ] }, info.label);
 };
 function CopyButton(props) {
   const { value, onClickCopy } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Button,
     {
       color: "gray",
@@ -1457,13 +1462,13 @@ function CopyButton(props) {
       },
       style: { marginLeft: "0", marginTop: "0" },
       variant: "transparent",
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_icons4.CopyIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_icons4.CopyIcon, {})
     }
   );
 }
 
 // src/app/platform/userInfos/coaching-customer-info/medium.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function CoachingCustomerInfoMedium({
   customer,
   session,
@@ -1471,28 +1476,28 @@ function CoachingCustomerInfoMedium({
   badge,
   onClickCopy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes6.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes6.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         badge
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes15.DataList.Root, { orientation: "vertical", children: sessionList.map(
       (el) => renderDataListItem({
         info: el,
         data: session,
         onClickCopy
       })
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes39.Separator, { size: "4" })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes23.Grid, { align: "center", columns: "auto 1fr", gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { variant: "heading5", children: "\uACE0\uAC1D \uC815\uBCF4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes39.Separator, { size: "4" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes22.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, { children: renderItem({
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes22.Flex, { direction: "column", gap: "4", children: infoList.map((el) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, { children: renderItem({
         info: el,
         data: customer,
         onClickCopy
@@ -1502,7 +1507,7 @@ function CoachingCustomerInfoMedium({
 }
 
 // src/app/platform/userInfos/coaching-customer-info/large.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function CoachingCustomerInfoLarge({
   customer,
   session,
@@ -1510,24 +1515,24 @@ function CoachingCustomerInfoLarge({
   badge,
   onClickCopy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes6.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes6.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes22.Flex, { align: "center", justify: "between", mb: "1", width: "100%", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Heading2, { variant: "heading2", children: (customer == null ? void 0 : customer.username) || "\uC774\uB984 \uC5C6\uC74C" }),
         badge
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Heading2, { truncate: true, variant: "heading4", weight: "regular", children: customer == null ? void 0 : customer.company })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes15.DataList.Root, { children: sessionList.map(
       (el) => renderDataListItem({
         info: el,
         data: session,
         onClickCopy
       })
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes39.Separator, { size: "4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes15.DataList.Root, { children: infoList.map(
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes39.Separator, { size: "4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes15.DataList.Root, { children: infoList.map(
       (info) => renderDataListItem({
         info,
         data: customer,
@@ -1538,12 +1543,12 @@ function CoachingCustomerInfoLarge({
 }
 
 // src/app/platform/userInfos/coaching-customer-info/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function CoachingCustomerInfo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes6.Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes6.Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes6.Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes6.Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes6.Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes6.Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node: