sales-frontend-components 0.0.271 → 0.1.0

package/dist/index.cjs.js

@@ -2453,25 +2453,33 @@ function DeaCustomerSearch({
 }) {
   const [residentNumberFront, setResidentNumberFront] = React9.useState(initSearchParams?.residentNumberFront || "");
   const [residentNumberBack, setResidentNumberBack] = React9.useState(initSearchParams ? "0000000" : "");
-  const handleReset = () => {
-    setResidentNumberFront("");
-    setResidentNumberBack("");
-    setSearchParams();
+  const onFocusResidentFrontInput = () => {
+    if (initSearchParams && !blockedFirstSearchWithInitParams.current) {
+      setResidentNumberFront("");
+      setResidentNumberBack("");
+      blockedFirstSearchWithInitParams.current = true;
+      return true;
+    }
+    return false;
   };
-  const blockFirstSearch = () => {
+  const onFocusResidentBackInput = () => {
     if (initSearchParams && !blockedFirstSearchWithInitParams.current) {
-      console.log("[dea-customer-search] \uCD08\uAE30\uAC12\uC73C\uB85C \uC778\uD55C \uCCAB\uBC88\uC9F8 \uC870\uD68C \uCC28\uB2E8");
-      handleReset();
+      setResidentNumberBack("");
       blockedFirstSearchWithInitParams.current = true;
       return true;
     }
     return false;
   };
   const handleSearch = () => {
-    if (blockFirstSearch()) {
+    if (initSearchParams && !blockedFirstSearchWithInitParams.current) {
+      console.log(
+        "[dea-customer-search] \uCD5C\uCD08 1\uD68C, \uCD08\uAE30\uAC12\uC774 \uC788\uACE0, \uBCC0\uACBD\uB418\uAE30 \uC804\uAE4C\uC9C0\uB294 \uC870\uD68C\uBC84\uD2BC\uC774 \uB3D9\uC791\uB418\uC9C0 \uC54A\uB3C4\uB85D \uB9C9\uB294\uB2E4."
+      );
       return;
     }
+    console.log("[dea-customer-search]  \uAC80\uC0C9API \uD638\uCD9C");
     getE2EDataIDs(["residentNumberBack"], (e2edata) => {
+      console.log("[dea-customer-search] setSearchParams", e2edata.e2e_data1);
       setSearchParams({
         residentNumberFront,
         residentNumberBack: e2edata.e2e_data1
@@ -2479,17 +2487,11 @@ function DeaCustomerSearch({
     });
   };
   const onKeyUp = (e) => {
-    if (blockFirstSearch()) {
-      return;
-    }
     if (isEnter(e)) {
       handleSearch();
     }
   };
   const onKeyDown = (e) => {
-    if (blockFirstSearch()) {
-      return;
-    }
     if (!(isBackspace(e) || !isNaN(parseInt(e.key)))) {
       e.preventDefault();
     }
@@ -2529,7 +2531,7 @@ function DeaCustomerSearch({
                 size: "small",
                 onKeyUp,
                 onKeyDown,
-                onFocus: blockFirstSearch,
+                onFocus: onFocusResidentFrontInput,
                 rootProps: {
                   className: cx$p("search-input"),
                   onClear: () => {
@@ -2552,7 +2554,7 @@ function DeaCustomerSearch({
                 size: "small",
                 onKeyDown,
                 onKeyUp,
-                onFocus: blockFirstSearch,
+                onFocus: onFocusResidentBackInput,
                 rootProps: {
                   clearable: false,
                   className: cx$p("search-input")
@@ -5406,7 +5408,13 @@ const CHANNEL_OPTIONS$1 = [
   { label: "\uC774\uBA54\uC77C", value: "3" },
   { label: "\uC6B0\uD3B8", value: "4" }
 ];
-const TermsMarketing = ({ formFactor = "tablet", value, onChange, channelOptions }) => {
+const TermsMarketing = ({
+  formFactor = "tablet",
+  value,
+  onChange,
+  channelOptions,
+  className
+}) => {
   const [isDisabledMarketingChannel, setIsDisabledMarketingChannel] = React9.useState(!value.receiveMarketingAgree);
   const customChannelOptions = React9.useMemo(
     () => (channelOptions ?? CHANNEL_OPTIONS$1).map((option) => ({
@@ -5439,7 +5447,7 @@ const TermsMarketing = ({ formFactor = "tablet", value, onChange, channelOptions
     pc: "[\uC120\uD0DD] \uC0C1\uD488\uC758 \uC18C\uAC1C \uB4F1\uC744 \uC704\uD55C \uC0C1\uC138 \uB3D9\uC758",
     tablet: "[\uC120\uD0DD] \uC0C1\uD488\uC758 \uC18C\uAC1C \uB4F1\uC744 \uC704\uD55C \uC0C1\uC138 \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$7("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$7("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$7("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("terms-content"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("card"), children: [
@@ -5629,7 +5637,8 @@ const TermsCancerMarketing = ({
   value,
   onChange,
   channelOptions,
-  periodOptions
+  periodOptions,
+  className
 }) => {
   const [isDisabledMarketingChannel, setIsDisabledMarketingChannel] = React9.useState(!value.receiveMarketingAgree);
   const customChannelOptions = React9.useMemo(
@@ -5664,7 +5673,7 @@ const TermsCancerMarketing = ({
     pc: "[\uC120\uD0DD] \uC554\uBCF4\uD638\uC2DC\uC2A4\uD15C \uC18C\uAC1C \uBAA9\uC801\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uCC98\uB9AC \uC0C1\uC138 \uB3D9\uC758",
     tablet: "[\uC120\uD0DD] \uC554\uBCF4\uD638\uC2DC\uC2A4\uD15C \uC18C\uAC1C \uBAA9\uC801\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uCC98\uB9AC \uC0C1\uC138 \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$6("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$6("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$6("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("terms-content"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$6("card"), children: [
@@ -5818,7 +5827,12 @@ const TermsCancerMarketing = ({
 };
 
 const cx$5 = classNames.bind(styles$h);
-const TermsCancerSystem = ({ formFactor = "tablet", value, onChange }) => {
+const TermsCancerSystem = ({
+  formFactor = "tablet",
+  value,
+  onChange,
+  className
+}) => {
   const handleChange = (field, newValue) => {
     onChange({
       ...value,
@@ -5830,7 +5844,7 @@ const TermsCancerSystem = ({ formFactor = "tablet", value, onChange }) => {
     pc: "\uC554\uBCF4\uD638\uC2DC\uC2A4\uD15C \uC81C\uACF5\uC744 \uC704\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uCC98\uB9AC \uC0C1\uC138 \uB3D9\uC758",
     tablet: "\uC554\uBCF4\uD638\uC2DC\uC2A4\uD15C \uC81C\uACF5\uC744 \uC704\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uCC98\uB9AC \uC0C1\uC138 \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$5("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$5("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("terms-title-wrapper"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$5("terms-title"), children: TERMS_TITLE[formFactor] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -6041,7 +6055,7 @@ const TermsCancerSystem = ({ formFactor = "tablet", value, onChange }) => {
 };
 
 const cx$4 = classNames.bind(styles$h);
-const TermsExecution = ({ formFactor = "tablet", value, onChange }) => {
+const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) => {
   const handleChange = (field, newValue) => {
     onChange({
       ...value,
@@ -6053,7 +6067,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange }) => {
     pc: "\uACC4\uC57D\uCCB4\uACB0\xB7\uC774\uD589\uC744 \uC704\uD55C \uB3D9\uC758",
     tablet: "\uACC4\uC57D\uCCB4\uACB0\xB7\uC774\uD589\uC744 \uC704\uD55C \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$4("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$4("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$4("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("terms-content"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("card"), children: [
@@ -6404,7 +6418,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange }) => {
 };
 
 const cx$3 = classNames.bind(styles$h);
-const TermsLoan = ({ formFactor = "tablet", value, onChange }) => {
+const TermsLoan = ({ formFactor = "tablet", value, onChange, className }) => {
   const handleChange = (field, newValue) => {
     onChange({
       ...value,
@@ -6416,7 +6430,7 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange }) => {
     pc: "\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uAD00\uB9AC\uB97C \uC704\uD55C \uB3D9\uC758",
     tablet: "\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uAD00\uB9AC\uB97C \uC704\uD55C \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$3("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$3("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$3("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("terms-content"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card"), children: [
@@ -6555,14 +6569,14 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange }) => {
 };
 
 const cx$2 = classNames.bind(styles$h);
-const TermsSignature = ({ formFactor = "tablet", productInfo }) => {
+const TermsSignature = ({ formFactor = "tablet", productInfo, className }) => {
   const { productName, contractorName, insuredName } = productInfo;
   const TERMS_TITLE = {
     phone: "\uC804\uC790\uC11C\uBA85\uC744 \uC774\uC6A9\uD55C \uCCAD\uC57D\uC744 \uC704\uD574\n\uC544\uB798 \uB0B4\uC6A9\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694",
     pc: "\uC804\uC790\uC11C\uBA85\uC5D0 \uC758\uD55C \uBCF4\uD5D8\uACC4\uC57D\uCCB4\uACB0 \uB3D9\uC758",
     tablet: "\uC804\uC790\uC11C\uBA85\uC5D0 \uC758\uD55C \uBCF4\uD5D8\uACC4\uC57D\uCCB4\uACB0 \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$2("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$2("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$2("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$2("terms-content"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$2("card"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Table, { variant: "horizontal", className: cx$2("table", "mb-textarea-large", "hide-phone"), children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
@@ -6610,13 +6624,13 @@ const TermsSignature = ({ formFactor = "tablet", productInfo }) => {
 };
 
 const cx$1 = classNames.bind(styles$h);
-const TermsTransfer = ({ formFactor = "tablet" }) => {
+const TermsTransfer = ({ formFactor = "tablet", className }) => {
   const TERMS_TITLE = {
     phone: "\uBCF4\uD5D8\uB8CC \uC774\uCCB4 \uBC0F \uCD9C\uAE08\uACC4\uC88C \uB4F1\uB85D\uC744 \uC704\uD574 \uC544\uB798 \uB0B4\uC6A9\uC5D0 \uB3D9\uC758\uD574\uC8FC\uC138\uC694",
     pc: "\uBCF4\uD5D8\uB8CC \uC774\uCCB4\xB7\uC1A1\uAE08\uACC4\uC88C \uC2E0\uCCAD \uBC0F \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758",
     tablet: "\uBCF4\uD5D8\uB8CC \uC774\uCCB4\xB7\uC1A1\uAE08\uACC4\uC88C \uC2E0\uCCAD \uBC0F \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$1("terms", `is-${formFactor}`), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$1("terms", `is-${formFactor}`, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$1("terms-title"), children: TERMS_TITLE[formFactor] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("terms-content"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cx$1("sub-title"), children: "\uBCF8 \uC2E0\uCCAD\uC778\uC740 \uC804\uC790\uAE08\uC735\uAC70\uB798\uBC95 \uCD9C\uAE08\uC774\uCCB4\uC5D0 \uB300\uD55C \uB0B4\uC6A9\uC744 \uC778\uC9C0\uD558\uACE0 \uC788\uC73C\uBA70, \uC2E0\uCCAD\uACC4\uC88C\uB97C \uC774\uC6A9\uD558\uC5EC \uD574\uB2F9 \uACC4\uC57D\uC5D0 \uB300\uD55C \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uAD00\uB828 \uCD9C\uAE08 \uC774\uCCB4\uC640 \uC1A1\uAE08\uC5D0 \uB3D9\uC758\uD569\uB2C8\uB2E4." }),
@@ -6630,14 +6644,14 @@ const TermsTransfer = ({ formFactor = "tablet" }) => {
 };
 
 const cx = classNames.bind(styles$h);
-const TermsDesign = ({ value, onChange }) => {
+const TermsDesign = ({ value, onChange, className }) => {
   const handleChange = (field, newValue) => {
     onChange({
       ...value,
       [field]: newValue
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx("terms"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx("terms", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx("terms-title"), children: "[\uD544\uC218] \uAC00\uC785\uC124\uACC4\uB97C \uC704\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uCC98\uB9AC \uC0C1\uC138 \uB3D9\uC758\uC11C" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("terms-content"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("card"), children: [