sales-frontend-components 0.0.80 → 0.0.81

package/dist/index.cjs.js

@@ -283,6 +283,73 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
   ] }) });
 }
 
+function JobSearchDetail({ occupationTypeCode, occupationIndustryCode }) {
+  const { data: detail } = method.useSearchOccupationDetailQuery({
+    occupationIndustryCode,
+    occupationIndustryTypeCode: occupationTypeCode
+  });
+  if (!detail || !detail.data) {
+    return null;
+  }
+  const {
+    /** @description 직종해설내용 */
+    occupationExplanationContent,
+    /** @description 직업예시명 */
+    occupationExampleName,
+    /** @description 위험등급명 */
+    riskGradeName,
+    /** @description 위험등급코드 */
+    riskGradeCode,
+    /** @description 상해위험등급코드명 */
+    injuryRiskGradeCodeName,
+    /** @description 상해위험등급코드 */
+    injuryRiskGradeCode,
+    /** @description 입원등급코드명 */
+    hospitalizationGradeCodeName,
+    /** @description 입원등급코드 */
+    hospitalizationGradeCode,
+    /** @description 상해직종코드 */
+    injuryOccupationCode
+  } = detail.data;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Table, { variant: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-small", children: "\uC9C1\uC885 \uD574\uC124" }),
+      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-small", children: occupationExplanationContent })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-small", children: "\uC9C1\uC885 \uC608\uC2DC" }),
+      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-small", children: occupationExampleName })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-small", children: "\uC704\uD5D8 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-small", children: [
+        riskGradeName,
+        "(",
+        riskGradeCode,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-small", children: "\uC785\uC6D0 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-small", children: [
+        hospitalizationGradeCodeName,
+        "(",
+        hospitalizationGradeCode,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-small", children: "\uC0C1\uD574 \uB4F1\uAE09" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-small", children: [
+        injuryRiskGradeCodeName,
+        "(",
+        injuryRiskGradeCode,
+        ")"
+      ] })
+    ] })
+  ] }) }) });
+}
+
 const cx$d = classNames.bind(styles);
 function JobSearchFavorite({ filteredJobs, onJobSelect }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("popular-jobs"), children: [
@@ -308,7 +375,13 @@ function JobSearchFavorite({ filteredJobs, onJobSelect }) {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Content, { variant: "text", children: "\uD56D\uBAA9 1 \uB0B4\uC6A9" })
+          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsxRuntime.jsx(
+            JobSearchDetail,
+            {
+              occupationTypeCode: job.occupationTypeCode || "",
+              occupationIndustryCode: job.occupationIndustryCode
+            }
+          ) })
         ]
       },
       `item-${job.occupationIndustryCode}-${index}`
@@ -341,22 +414,13 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
               children: highlightOnSearchKeyword$1(job.occupationIndustryName, searchTerm)
             }
           ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Table, { variant: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("th", { children: "\uD5E4\uB354 1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-24", children: "1\uD589 1\uBC88\uC9F8" }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { children: "\uD5E4\uB354 1-2" }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-24 ", children: "1\uD589 2\uBC88\uC9F8" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("th", { children: "\uD5E4\uB354 2" }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pl-24 pr-16", colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "d-flex-center-center", children: [
-                "2\uD589 1\uBC88\uC9F8 ",
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 pipe-left", children: "\uC11C\uBE0C\uD14D\uC2A4\uD2B8" }),
-                /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { variant: "neutral", size: "xsmall", appearance: "outline", children: "\uBC84\uD2BC\uBA85" })
-              ] }) })
-            ] })
-          ] }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Content, { variant: "text", children: /* @__PURE__ */ jsxRuntime.jsx(
+            JobSearchDetail,
+            {
+              occupationTypeCode: job.occupationTypeCode || "",
+              occupationIndustryCode: job.occupationIndustryCode
+            }
+          ) })
         ]
       },
       job.occupationIndustryCode
@@ -2386,34 +2450,20 @@ const JobSearchModal = ({ onClose }) => {
   ] });
 };
 
-const mockCustomers = [
-  { customerId: "1", customerName: "\uAE40\uD55C\uD654", birthDate: "1999.01.01", genderCode: "\uB0A8\uC131" },
-  {
-    customerId: "2",
-    customerName: "\uAE40\uD55C\uD654\uC0DD\uBA85",
-    birthDate: "1989.01.01",
-    genderCode: "\uC5EC\uC131",
-    baseAddress: "\uC11C\uC6B8\uC2DC \uB9C8\uD3EC\uAD6C"
-  },
-  {
-    customerId: "3",
-    customerName: "\uAE40\uD55C\uD654\uC190\uD574\uBCF4\uD5D8",
-    birthDate: "1999.01.01",
-    genderCode: "\uB0A8\uC131",
-    baseAddress: "\uC11C\uC6B8\uC2DC \uB9C8\uD3EC\uAD6C"
-  }
-];
 const useCustomerSearch = (onSelect) => {
   const { triggerRef, isOpen, setIsOpen, DropDown } = salesFrontendDesignSystem.useDropDown();
   const [searchKeyword, setSearchKeyword] = React.useState("");
   const [searchInput, setSearchInput] = React.useState("");
   const [customerList, setCustomerList] = React.useState([]);
   const [selectedCustomer, setSelectedCustomer] = React.useState(null);
+  const { data } = method.useSearchCustomerListQuery({ customerName: searchKeyword });
   const search = () => {
     if (searchInput.length >= 2) {
       setSearchKeyword(searchInput);
-      const filtered = mockCustomers.filter((c) => c.customerName?.toLowerCase().includes(searchInput.toLowerCase()));
-      setCustomerList(filtered);
+      const filtered = data?.data?.custList?.filter(
+        (c) => c.customerName?.toLowerCase().includes(searchInput.toLowerCase())
+      );
+      setCustomerList(filtered || []);
       setIsOpen(true);
     } else {
       setCustomerList([]);