sales-frontend-components 3.0.1 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -5852,6 +5852,7 @@ const TermsMarketing = ({
|
|
|
5852
5852
|
/* @__PURE__ */ jsxRuntime.jsx("h4", { className: cx$7("sub-title"), children: "\uAC70\uBD80\uAD8C\uB9AC \uBC0F \uBD88\uC774\uC775" }),
|
|
5853
5853
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$7("description"), children: '\uADC0\uD558\uB294 \uC544\uB798 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uB3D9\uC758\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uACBD\uC6B0 "\uC0AC\uC740\xB7\uD310\uCD09\uD589\uC0AC \uC548\uB0B4" \uBC0F \u201C\uC0AC\uC740\uBB3C\uD488\xB7\uACBD\uD488 \uC81C\uACF5\u201D\uC758 \uD61C\uD0DD\uC744 \uBC1B\uC9C0 \uBABB\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.' }),
|
|
5854
5854
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$7("divider") }),
|
|
5855
|
+
/* @__PURE__ */ jsxRuntime.jsx("h4", { className: cx$7("sub-title"), children: "\uC81C\uACF5 \uD56D\uBAA9" }),
|
|
5855
5856
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$7("between-box"), children: [
|
|
5856
5857
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
5857
5858
|
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$7("description", "list-title"), children: [
|
|
@@ -5864,7 +5865,7 @@ const TermsMarketing = ({
|
|
|
5864
5865
|
] }),
|
|
5865
5866
|
/* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
|
|
5866
5867
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC0DD\uB144\uC6D4\uC77C, \uC131\uBCC4, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC8FC\uC18C, \uC9C1\uC5C5, \uC774\uBA54\uC77C\uC8FC\uC18C, CI" }),
|
|
5867
|
-
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798
|
|
5868
|
+
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
|
|
5868
5869
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$7("list-item"), children: "\uACF5\uACF5\uC815\uBCF4 \uB4F1 : \uC2E0\uC6A9\uD3C9\uC810" })
|
|
5869
5870
|
] })
|
|
5870
5871
|
] }),
|
|
@@ -5900,9 +5901,9 @@ const PERIOD_OPTIONS = [
|
|
|
5900
5901
|
const CHANNEL_OPTIONS = [
|
|
5901
5902
|
{ label: "\uC804\uCCB4", value: "0" },
|
|
5902
5903
|
{ label: "\uC804\uD654", value: "1" },
|
|
5903
|
-
{ label: "\uBB38\uC790\uBA54\
|
|
5904
|
-
{ label: "\
|
|
5905
|
-
{ label: "\
|
|
5904
|
+
{ label: "\uBB38\uC790\uBA54\uC2DC\uC9C0", value: "2" },
|
|
5905
|
+
{ label: "\uC6B0\uD3B8", value: "4" },
|
|
5906
|
+
{ label: "\uC774\uBA54\uC77C", value: "3" }
|
|
5906
5907
|
];
|
|
5907
5908
|
const TermsCancerMarketing = ({
|
|
5908
5909
|
formFactor = "tablet",
|
|
@@ -6129,9 +6130,9 @@ const TermsCancerSystem = ({
|
|
|
6129
6130
|
size: "xsmall",
|
|
6130
6131
|
icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiExclamation, { width: 20, height: 20 }),
|
|
6131
6132
|
onClick: () => salesFrontendDesignSystem.ModalUtils.alert(
|
|
6132
|
-
"1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)
|
|
6133
|
+
"1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)\n\n2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4\n\n3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4.",
|
|
6133
6134
|
"\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D",
|
|
6134
|
-
{ modalSize: "large" }
|
|
6135
|
+
{ modalSize: formFactor === "phone" ? "full-screen" : "large" }
|
|
6135
6136
|
),
|
|
6136
6137
|
children: "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D"
|
|
6137
6138
|
}
|
|
@@ -6287,7 +6288,7 @@ const TermsCancerSystem = ({
|
|
|
6287
6288
|
" ",
|
|
6288
6289
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong", "text-body_2-i"), children: "(\uD53C\uBCF4\uD5D8\uC790\uC758 \uC554 \uB4F1\uC758 \uC9C4\uB2E8\uC5EC\uBD80, \uC9C4\uB2E8\uC77C, \uC9C4\uB2E8 \uC554\uC885\uC5D0 \uAD00\uD55C \uC815\uBCF4 (\uB2E8, \uAD00\uB828 \uBCF4\uD5D8\uAE08 \uCCAD\uAD6C\uAC00 \uC788\uB294 \uACBD\uC6B0\uC5D0 \uD55C\uD568))" }),
|
|
6289
6290
|
" ",
|
|
6290
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804
|
|
6291
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804" }),
|
|
6291
6292
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6292
6293
|
] }),
|
|
6293
6294
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -6344,7 +6345,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6344
6345
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("terms-content"), children: [
|
|
6345
6346
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("card"), children: [
|
|
6346
6347
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("sub-item"), children: [
|
|
6347
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\
|
|
6348
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
|
|
6348
6349
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("caption"), children: "\u203B \uBCF8 \uB3D9\uC758\uC11C\uC5D0 \uC758\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC870\uD68C\uB294 \uADC0\uD558\uC758 \uC2E0\uC6A9\uB4F1\uAE09\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
|
|
6349
6350
|
] }),
|
|
6350
6351
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$4("divider", "hide-phone") }),
|
|
@@ -6507,7 +6508,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6507
6508
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6508
6509
|
] }),
|
|
6509
6510
|
/* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
|
|
6510
|
-
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
|
|
6511
|
+
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
|
|
6511
6512
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
|
|
6512
6513
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
|
|
6513
6514
|
] })
|
|
@@ -6587,7 +6588,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6587
6588
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6588
6589
|
] }),
|
|
6589
6590
|
/* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
|
|
6590
|
-
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
|
|
6591
|
+
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
|
|
6591
6592
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
|
|
6592
6593
|
/* @__PURE__ */ jsxRuntime.jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
|
|
6593
6594
|
] })
|
|
@@ -6724,7 +6725,7 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange, className }) => {
|
|
|
6724
6725
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$3("terms-title"), children: TERMS_TITLE[formFactor] }),
|
|
6725
6726
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("terms-content"), children: [
|
|
6726
6727
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("card"), children: [
|
|
6727
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\
|
|
6728
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
|
|
6728
6729
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$3("divider", "hide-phone") }),
|
|
6729
6730
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$3("description-strong", "hide-phone"), children: "\uB3D9\uC758\uB2F9\uC0AC\uC790\uAC00 \uB9CC 14\uC138 \uBBF8\uB9CC\uC758 \uACBD\uC6B0 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uC791\uC131 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uC744 \uD558\uC2DC\uACE0, \uB9CC 14\uC138 \uC774\uC0C1 \uBBF8\uC131\uB144\uC790\uB294 \uBBF8\uC131\uB144 \uBCF8\uC778 \uC9C1\uC811 \uB3D9\uC758 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })
|
|
6730
6731
|
] }),
|
|
@@ -6923,7 +6924,7 @@ const TermsTransfer = ({ formFactor = "tablet", className }) => {
|
|
|
6923
6924
|
return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: cx$1("terms", `is-${formFactor}`, className), children: [
|
|
6924
6925
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: cx$1("terms-title"), children: TERMS_TITLE[formFactor] }),
|
|
6925
6926
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("terms-content"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$1("card"), children: [
|
|
6926
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: cx$1("
|
|
6927
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: cx$1("statement"), 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." }),
|
|
6927
6928
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("caption"), children: "\u203B \uCCAD\uC57D\uD558\uC2E0 \uBCF4\uD5D8\uACC4\uC57D\uC758 \uC778\uC218\uACFC\uC815\uC5D0\uC11C \uBC1C\uC0DD\uD558\uB294 \uC815\uC815\uBCF4\uD5D8\uB8CC\uB098 \uC2B9\uB099\uAC70\uC808\uC2DC \uD68C\uC0AC\uB294 \uBC18\uD658\uBCF4\uD5D8\uB8CC\uB97C \uC0C1\uAE30 \uC2E0\uCCAD\uACC4\uC88C\uB85C \uC785\uAE08\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
|
|
6928
6929
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$1("divider") }),
|
|
6929
6930
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$1("description"), children: "\uC0C1\uAE30 \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758\uB294 \uBCF4\uD5D8\uD68C\uC0AC\uAC00 \uACE0\uAC1D\uB2D8(\uC608\uAE08\uC8FC)\uC758 \uC740\uD589\uACC4\uC88C\uB85C\uBD80\uD130 \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uC6D0\uB9AC\uAE08 \uB4F1\uC744 \uCD9C\uAE08\uD558\uB294 \uACBD\uC6B0\uC5D0 \uD574\uB2F9 \uACE0\uAC1D(\uC608\uAE08\uC8FC)\uB2D8\uC73C\uB85C\uBD80\uD130 \uC758\uBB34\uC801\uC73C\uB85C \uC0AC\uC804\uC5D0 \uC11C\uBA74 \uB610\uB294 \uC804\uC790\uC11C\uBA85\uC73C\uB85C \uB3D9\uC758\uB97C \uC5BB\uB3C4\uB85D \uD558\uB294 \uC81C\uB3C4\uC774\uBA70, \uC774\uB294 [\uC804\uC790\uAC70\uB798\uAE30\uBCF8\uBC95]\uC5D0 \uC758\uAC70 \uC804\uC790\uAE08\uC735\uAC70\uB798\uC758 \uC548\uC815\uC131\uACFC \uC2E0\uB8B0\uC131\uC744 \uD655\uBCF4\uD558\uC5EC \uC804\uC790\uAE08\uC735 \uC18C\uBE44\uC790\uB97C \uBCF4\uD638\uD558\uAE30 \uC704\uD568\uC785\uB2C8\uB2E4." }),
|
package/dist/index.esm.js
CHANGED
|
@@ -5850,6 +5850,7 @@ const TermsMarketing = ({
|
|
|
5850
5850
|
/* @__PURE__ */ jsx("h4", { className: cx$7("sub-title"), children: "\uAC70\uBD80\uAD8C\uB9AC \uBC0F \uBD88\uC774\uC775" }),
|
|
5851
5851
|
/* @__PURE__ */ jsx("span", { className: cx$7("description"), children: '\uADC0\uD558\uB294 \uC544\uB798 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uB3D9\uC758\uD558\uC9C0 \uC54A\uC73C\uC2E4 \uACBD\uC6B0 "\uC0AC\uC740\xB7\uD310\uCD09\uD589\uC0AC \uC548\uB0B4" \uBC0F \u201C\uC0AC\uC740\uBB3C\uD488\xB7\uACBD\uD488 \uC81C\uACF5\u201D\uC758 \uD61C\uD0DD\uC744 \uBC1B\uC9C0 \uBABB\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.' }),
|
|
5852
5852
|
/* @__PURE__ */ jsx("div", { className: cx$7("divider") }),
|
|
5853
|
+
/* @__PURE__ */ jsx("h4", { className: cx$7("sub-title"), children: "\uC81C\uACF5 \uD56D\uBAA9" }),
|
|
5853
5854
|
/* @__PURE__ */ jsxs("div", { className: cx$7("between-box"), children: [
|
|
5854
5855
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
5855
5856
|
/* @__PURE__ */ jsxs("p", { className: cx$7("description", "list-title"), children: [
|
|
@@ -5862,7 +5863,7 @@ const TermsMarketing = ({
|
|
|
5862
5863
|
] }),
|
|
5863
5864
|
/* @__PURE__ */ jsxs("ul", { children: [
|
|
5864
5865
|
/* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC0DD\uB144\uC6D4\uC77C, \uC131\uBCC4, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC8FC\uC18C, \uC9C1\uC5C5, \uC774\uBA54\uC77C\uC8FC\uC18C, CI" }),
|
|
5865
|
-
/* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798
|
|
5866
|
+
/* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798\uC815\uBCF4(\uC0C1\uD488\uC885\uB958, \uAC70\uB798\uC870\uAC74, \uAE08\uC561), \uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC815\uBCF4" }),
|
|
5866
5867
|
/* @__PURE__ */ jsx("li", { className: cx$7("list-item"), children: "\uACF5\uACF5\uC815\uBCF4 \uB4F1 : \uC2E0\uC6A9\uD3C9\uC810" })
|
|
5867
5868
|
] })
|
|
5868
5869
|
] }),
|
|
@@ -5898,9 +5899,9 @@ const PERIOD_OPTIONS = [
|
|
|
5898
5899
|
const CHANNEL_OPTIONS = [
|
|
5899
5900
|
{ label: "\uC804\uCCB4", value: "0" },
|
|
5900
5901
|
{ label: "\uC804\uD654", value: "1" },
|
|
5901
|
-
{ label: "\uBB38\uC790\uBA54\
|
|
5902
|
-
{ label: "\
|
|
5903
|
-
{ label: "\
|
|
5902
|
+
{ label: "\uBB38\uC790\uBA54\uC2DC\uC9C0", value: "2" },
|
|
5903
|
+
{ label: "\uC6B0\uD3B8", value: "4" },
|
|
5904
|
+
{ label: "\uC774\uBA54\uC77C", value: "3" }
|
|
5904
5905
|
];
|
|
5905
5906
|
const TermsCancerMarketing = ({
|
|
5906
5907
|
formFactor = "tablet",
|
|
@@ -6127,9 +6128,9 @@ const TermsCancerSystem = ({
|
|
|
6127
6128
|
size: "xsmall",
|
|
6128
6129
|
icon: /* @__PURE__ */ jsx(IconSubUiExclamation, { width: 20, height: 20 }),
|
|
6129
6130
|
onClick: () => ModalUtils.alert(
|
|
6130
|
-
"1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)
|
|
6131
|
+
"1. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uAC00 \uC815\uD55C \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900\uC744 \uCDA9\uC871\uD558\uACE0 \uBCF8 \uB3D9\uC758\uC11C\uB97C \uC81C\uCD9C\uD55C \uBCF4\uD5D8\uACC4\uC57D\uC758 \uD53C\uBCF4\uD5D8\uC790\uC5D0 \uD55C\uD558\uC5EC, \uC81C\uD734\uC0AC\uAC00 \uC815\uD55C \uBC29\uBC95\uC5D0 \uB530\uB77C \uC81C\uD734\uC0AC\uC5D0\uAC8C \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC744 \uC2E0\uCCAD\uD558\uC5EC\uC57C \uC81C\uACF5\uB429\uB2C8\uB2E4. (\uB2E8, \uBCF4\uD5D8\uACC4\uC57D \uC720\uC9C0\uC911\uC778 \uAC74\uC5D0 \uD55C\uD558\uC5EC \uC11C\uBE44\uC2A4 \uC81C\uACF5)\n\n2. \uC11C\uBE44\uC2A4 \uBD80\uAC00\uAE30\uC900, \uC11C\uBE44\uC2A4 \uB0B4\uC6A9, \uC81C\uACF5\uAE30\uAC04, \uC81C\uACF5\uBC29\uBC95 \uB4F1\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC740 \uD68C\uC0AC \uD648\uD398\uC774\uC9C0(www.hanwhalife.com)\uB97C \uD655\uC778\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4\n\n3. \uBCF8 \uC11C\uBE44\uC2A4\uB294 \uD68C\uC0AC\uC758 \uC81C\uD734\uC0AC\uC5D0\uC11C \uC81C\uACF5\uD558\uB294 \uC11C\uBE44\uC2A4\uC774\uBA70, \uC11C\uBE44\uC2A4\uC5D0 \uB300\uD55C \uCC45\uC784\uC740 \uC81C\uD734\uC0AC\uC5D0 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC11C\uBE44\uC2A4 \uC81C\uACF5\uAE30\uAC04 \uC911 \uB300\uB0B4\uC678 \uD658\uACBD \uBCC0\uD654\uB85C \uC778\uD574 \uD5A5\uD6C4 \uC11C\uBE44\uC2A4 \uB0B4\uC6A9 \uBC0F \uC81C\uACF5\uBC29\uBC95\uC774 \uBCC0\uACBD\uB418\uAC70\uB098 \uC11C\uBE44\uC2A4 \uC81C\uACF5\uC774 \uC911\uC9C0\uB420 \uC218 \uC788\uC73C\uBA70, \uC774 \uACBD\uC6B0 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC911\uC778 \uD53C\uBCF4\uD5D8\uC790\uC5D0\uAC8C\uB294 \uC6B0\uD3B8, \uBB38\uC790\uBA54\uC2DC\uC9C0, \uC774\uBA54\uC77C \uB4F1\uC744 \uD1B5\uD558\uC5EC \uC11C\uBE44\uC2A4 \uBCC0\uACBD \uB0B4\uC6A9 \uBC0F \uC11C\uBE44\uC2A4 \uC911\uC9C0\uC5D0 \uAD00\uD55C \uC0AC\uD56D\uC744 \uC0AC\uC804\uC5D0 \uC548\uB0B4\uD558\uC5EC \uB4DC\uB9BD\uB2C8\uB2E4.",
|
|
6131
6132
|
"\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D",
|
|
6132
|
-
{ modalSize: "large" }
|
|
6133
|
+
{ modalSize: formFactor === "phone" ? "full-screen" : "large" }
|
|
6133
6134
|
),
|
|
6134
6135
|
children: "\uC54C\uC544\uB450\uC2E4 \uC0AC\uD56D"
|
|
6135
6136
|
}
|
|
@@ -6285,7 +6286,7 @@ const TermsCancerSystem = ({
|
|
|
6285
6286
|
" ",
|
|
6286
6287
|
/* @__PURE__ */ jsx("span", { className: cx$5("description-strong", "text-body_2-i"), children: "(\uD53C\uBCF4\uD5D8\uC790\uC758 \uC554 \uB4F1\uC758 \uC9C4\uB2E8\uC5EC\uBD80, \uC9C4\uB2E8\uC77C, \uC9C4\uB2E8 \uC554\uC885\uC5D0 \uAD00\uD55C \uC815\uBCF4 (\uB2E8, \uAD00\uB828 \uBCF4\uD5D8\uAE08 \uCCAD\uAD6C\uAC00 \uC788\uB294 \uACBD\uC6B0\uC5D0 \uD55C\uD568))" }),
|
|
6287
6288
|
" ",
|
|
6288
|
-
/* @__PURE__ */ jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804
|
|
6289
|
+
/* @__PURE__ */ jsx("span", { className: cx$5("description-strong"), children: "\uAD6D\uC678 \uC774\uC804" }),
|
|
6289
6290
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6290
6291
|
] }),
|
|
6291
6292
|
/* @__PURE__ */ jsx(
|
|
@@ -6342,7 +6343,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6342
6343
|
/* @__PURE__ */ jsxs("div", { className: cx$4("terms-content"), children: [
|
|
6343
6344
|
/* @__PURE__ */ jsxs("div", { className: cx$4("card"), children: [
|
|
6344
6345
|
/* @__PURE__ */ jsxs("div", { className: cx$4("sub-item"), children: [
|
|
6345
|
-
/* @__PURE__ */ jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\
|
|
6346
|
+
/* @__PURE__ */ jsx("span", { className: cx$4("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D \uC778\uC218\uC2EC\uC0AC\xB7\uCCB4\uACB0\xB7\uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
|
|
6346
6347
|
/* @__PURE__ */ jsx("span", { className: cx$4("caption"), children: "\u203B \uBCF8 \uB3D9\uC758\uC11C\uC5D0 \uC758\uD55C \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC870\uD68C\uB294 \uADC0\uD558\uC758 \uC2E0\uC6A9\uB4F1\uAE09\uC5D0 \uC601\uD5A5\uC744 \uC8FC\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
|
|
6347
6348
|
] }),
|
|
6348
6349
|
/* @__PURE__ */ jsx("div", { className: cx$4("divider", "hide-phone") }),
|
|
@@ -6505,7 +6506,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6505
6506
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6506
6507
|
] }),
|
|
6507
6508
|
/* @__PURE__ */ jsxs("ul", { children: [
|
|
6508
|
-
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
|
|
6509
|
+
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
|
|
6509
6510
|
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
|
|
6510
6511
|
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
|
|
6511
6512
|
] })
|
|
@@ -6585,7 +6586,7 @@ const TermsExecution = ({ formFactor = "tablet", value, onChange, className }) =
|
|
|
6585
6586
|
"\uC5D0 \uB3D9\uC758\uD558\uC2ED\uB2C8\uAE4C?"
|
|
6586
6587
|
] }),
|
|
6587
6588
|
/* @__PURE__ */ jsxs("ul", { children: [
|
|
6588
|
-
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638" }),
|
|
6589
|
+
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC77C\uBC18\uAC1C\uC778\uC815\uBCF4 : \uC131\uBA85, \uC8FC\uC18C, \uC0DD\uB144\uC6D4\uC77C, \uC774\uBA54\uC77C, \uC720\xB7\uBB34\uC120 \uC804\uD654\uBC88\uD638, \uC131\uBCC4, \uAD6D\uC801, \uC9C1\uC5C5, \uC6B4\uC804\uC5EC\uBD80, \uAD6D\uB0B4\uAC70\uC18C\uC2E0\uACE0\uBC88\uD638, CI(\uC5F0\uACC4\uC815\uBCF4)" }),
|
|
6589
6590
|
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uAC70\uB798\uC815\uBCF4 : \uAE08\uC735\uAC70\uB798 \uC5C5\uBB34 \uAD00\uB828 \uC815\uBCF4(\uB0A9\uC785 \uACC4\uC88C\uC815\uBCF4 \uB4F1), \uBCF4\uD5D8\uACC4\uC57D\uC815\uBCF4(\uC99D\uAD8C\uBC88\uD638, \uC0C1\uD488\uC885\uB958, \uAE30\uAC04, \uBCF4\uD5D8\uB8CC, \uBCF4\uD5D8\uAC00\uC785\uAE08\uC561 \uB4F1), \uBCF4\uD5D8\uAE08\uC815\uBCF4(\uBCF4\uD5D8\uAE08 \uC9C0\uAE09\uC0AC\uC720, \uC9C0\uAE09\uAE08\uC561 \uB4F1), \uACC4\uC57D\uC804 \uC54C\uB9B4\uC758\uBB34 \uC0AC\uD56D(\uCDE8\uBBF8 \uB4F1)" }),
|
|
6590
6591
|
/* @__PURE__ */ jsx("li", { className: cx$4("list-item"), children: "\uC2E0\uC6A9\uB2A5\uB825\uC815\uBCF4 : \uC18C\uB4DD \uBC0F \uC7AC\uC0B0 \uC815\uBCF4" })
|
|
6591
6592
|
] })
|
|
@@ -6722,7 +6723,7 @@ const TermsLoan = ({ formFactor = "tablet", value, onChange, className }) => {
|
|
|
6722
6723
|
/* @__PURE__ */ jsx("h2", { className: cx$3("terms-title"), children: TERMS_TITLE[formFactor] }),
|
|
6723
6724
|
/* @__PURE__ */ jsxs("div", { className: cx$3("terms-content"), children: [
|
|
6724
6725
|
/* @__PURE__ */ jsxs("div", { className: cx$3("card"), children: [
|
|
6725
|
-
/* @__PURE__ */ jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\
|
|
6726
|
+
/* @__PURE__ */ jsx("span", { className: cx$3("description"), children: "\uADC0\uD558\uB294 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4\uC758 \uC218\uC9D1\xB7\uC774\uC6A9 \uBC0F \uC870\uD68C, \uC81C\uACF5\uC5D0 \uAD00\uD55C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2E4 \uC218 \uC788\uC73C\uBA70, \uAC1C\uC778\uC758 \uC2E0\uC6A9\uB3C4 \uB4F1\uC744 \uD3C9\uAC00\uD558\uAE30 \uC704\uD55C \uBAA9\uC801 \uC774\uC678\uC758 \uAC1C\uC778(\uC2E0\uC6A9)\uC815\uBCF4 \uC81C\uACF5 \uB3D9\uC758\uB294 \uCCA0\uD68C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB2E4\uB9CC, \uBCF8 \uB3D9\uC758\uB294 \u2018\uBCF4\uD5D8\uACC4\uC57D\uB300\uCD9C \uC774\uD589\xB7\uC720\uC9C0\xB7\uAD00\uB9AC\u2019\uB97C \uC704\uD574 \uD544\uC218\uC801\uC778 \uC0AC\uD56D\uC774\uBBC0\uB85C \uB3D9\uC758\uB97C \uAC70\uBD80\uD558\uC2DC\uB294 \uACBD\uC6B0 \uAD00\uB828 \uC5C5\uBB34\uC218\uD589\uC774 \uBD88\uAC00\uB2A5\uD569\uB2C8\uB2E4." }),
|
|
6726
6727
|
/* @__PURE__ */ jsx("div", { className: cx$3("divider", "hide-phone") }),
|
|
6727
6728
|
/* @__PURE__ */ jsx("span", { className: cx$3("description-strong", "hide-phone"), children: "\uB3D9\uC758\uB2F9\uC0AC\uC790\uAC00 \uB9CC 14\uC138 \uBBF8\uB9CC\uC758 \uACBD\uC6B0 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uC791\uC131 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uC744 \uD558\uC2DC\uACE0, \uB9CC 14\uC138 \uC774\uC0C1 \uBBF8\uC131\uB144\uC790\uB294 \uBBF8\uC131\uB144 \uBCF8\uC778 \uC9C1\uC811 \uB3D9\uC758 \uD6C4 \uCE5C\uAD8C\uC790 \uC11C\uBA85\uD558\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })
|
|
6728
6729
|
] }),
|
|
@@ -6921,7 +6922,7 @@ const TermsTransfer = ({ formFactor = "tablet", className }) => {
|
|
|
6921
6922
|
return /* @__PURE__ */ jsxs("form", { className: cx$1("terms", `is-${formFactor}`, className), children: [
|
|
6922
6923
|
/* @__PURE__ */ jsx("h2", { className: cx$1("terms-title"), children: TERMS_TITLE[formFactor] }),
|
|
6923
6924
|
/* @__PURE__ */ jsx("div", { className: cx$1("terms-content"), children: /* @__PURE__ */ jsxs("div", { className: cx$1("card"), children: [
|
|
6924
|
-
/* @__PURE__ */ jsx("h3", { className: cx$1("
|
|
6925
|
+
/* @__PURE__ */ jsx("h3", { className: cx$1("statement"), 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." }),
|
|
6925
6926
|
/* @__PURE__ */ jsx("span", { className: cx$1("caption"), children: "\u203B \uCCAD\uC57D\uD558\uC2E0 \uBCF4\uD5D8\uACC4\uC57D\uC758 \uC778\uC218\uACFC\uC815\uC5D0\uC11C \uBC1C\uC0DD\uD558\uB294 \uC815\uC815\uBCF4\uD5D8\uB8CC\uB098 \uC2B9\uB099\uAC70\uC808\uC2DC \uD68C\uC0AC\uB294 \uBC18\uD658\uBCF4\uD5D8\uB8CC\uB97C \uC0C1\uAE30 \uC2E0\uCCAD\uACC4\uC88C\uB85C \uC785\uAE08\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
|
|
6926
6927
|
/* @__PURE__ */ jsx("div", { className: cx$1("divider") }),
|
|
6927
6928
|
/* @__PURE__ */ jsx("span", { className: cx$1("description"), children: "\uC0C1\uAE30 \uCD9C\uAE08\uC774\uCCB4 \uB3D9\uC758\uB294 \uBCF4\uD5D8\uD68C\uC0AC\uAC00 \uACE0\uAC1D\uB2D8(\uC608\uAE08\uC8FC)\uC758 \uC740\uD589\uACC4\uC88C\uB85C\uBD80\uD130 \uBCF4\uD5D8\uB8CC \uBC0F \uB300\uCD9C\uC6D0\uB9AC\uAE08 \uB4F1\uC744 \uCD9C\uAE08\uD558\uB294 \uACBD\uC6B0\uC5D0 \uD574\uB2F9 \uACE0\uAC1D(\uC608\uAE08\uC8FC)\uB2D8\uC73C\uB85C\uBD80\uD130 \uC758\uBB34\uC801\uC73C\uB85C \uC0AC\uC804\uC5D0 \uC11C\uBA74 \uB610\uB294 \uC804\uC790\uC11C\uBA85\uC73C\uB85C \uB3D9\uC758\uB97C \uC5BB\uB3C4\uB85D \uD558\uB294 \uC81C\uB3C4\uC774\uBA70, \uC774\uB294 [\uC804\uC790\uAC70\uB798\uAE30\uBCF8\uBC95]\uC5D0 \uC758\uAC70 \uC804\uC790\uAE08\uC735\uAC70\uB798\uC758 \uC548\uC815\uC131\uACFC \uC2E0\uB8B0\uC131\uC744 \uD655\uBCF4\uD558\uC5EC \uC804\uC790\uAE08\uC735 \uC18C\uBE44\uC790\uB97C \uBCF4\uD638\uD558\uAE30 \uC704\uD568\uC785\uB2C8\uB2E4." }),
|
|
@@ -55,6 +55,8 @@
|
|
|
55
55
|
padding: padding(card-around-large);
|
|
56
56
|
background-color: colors(surface-neutral);
|
|
57
57
|
border-radius: radius-basic(xlarge);
|
|
58
|
+
// 모바일 카드 그림자 (#269 shadow-medium 적용)
|
|
59
|
+
box-shadow: shadow(medium);
|
|
58
60
|
}
|
|
59
61
|
|
|
60
62
|
// ========================================
|
|
@@ -74,6 +76,16 @@
|
|
|
74
76
|
color: colors(text-body);
|
|
75
77
|
}
|
|
76
78
|
|
|
79
|
+
// 보험계약대출/이체 동의 등 본문 진술 텍스트 (#290, 299, 963, 964)
|
|
80
|
+
// - color: text-body → text-body_1
|
|
81
|
+
// - typography: subtitle3 → body2
|
|
82
|
+
.statement {
|
|
83
|
+
@include apply-typography(body2);
|
|
84
|
+
|
|
85
|
+
padding-bottom: margin(title-small);
|
|
86
|
+
color: colors(text-body_1);
|
|
87
|
+
}
|
|
88
|
+
|
|
77
89
|
.description {
|
|
78
90
|
@include apply-typography(body2);
|
|
79
91
|
|
|
@@ -95,10 +107,11 @@
|
|
|
95
107
|
// ========================================
|
|
96
108
|
// Structural Elements
|
|
97
109
|
// ========================================
|
|
110
|
+
// body2-body3 등 단락 사이 간격 (#289 외, 모바일 12px / 태블릿 8px)
|
|
98
111
|
.sub-item {
|
|
99
112
|
display: flex;
|
|
100
113
|
flex-direction: column;
|
|
101
|
-
gap: margin(
|
|
114
|
+
gap: margin(textarea-xsmall);
|
|
102
115
|
}
|
|
103
116
|
|
|
104
117
|
.divider {
|
|
@@ -108,11 +121,13 @@
|
|
|
108
121
|
border-top: 1px solid colors(border-neutral_2);
|
|
109
122
|
}
|
|
110
123
|
|
|
124
|
+
// 약관 공통 체크박스 버튼 ↔ 라벨 사이 간격 (#969, 80)
|
|
125
|
+
// - 가로 row 기본 gap: textarea-xsmall (8px)
|
|
111
126
|
.between-box {
|
|
112
127
|
display: flex;
|
|
113
128
|
flex-direction: column;
|
|
114
129
|
flex-direction: row;
|
|
115
|
-
gap:
|
|
130
|
+
gap: margin(textarea-xsmall);
|
|
116
131
|
align-items: flex-end;
|
|
117
132
|
justify-content: space-between;
|
|
118
133
|
}
|
|
@@ -127,8 +142,9 @@
|
|
|
127
142
|
list-style-position: inside;
|
|
128
143
|
list-style-type: decimal;
|
|
129
144
|
|
|
145
|
+
// 전자서명에 의한 보험계약체결 동의 1.~5. 숫자 컬러 통일 (#930, #957)
|
|
130
146
|
li::marker {
|
|
131
|
-
color: colors(text-
|
|
147
|
+
color: colors(text-body_2);
|
|
132
148
|
}
|
|
133
149
|
}
|
|
134
150
|
|
|
@@ -147,8 +163,9 @@
|
|
|
147
163
|
}
|
|
148
164
|
}
|
|
149
165
|
|
|
166
|
+
// 동의하십니까? 라벨과 아래 등급평가/항목 텍스트 사이 간격 (#940 외 일괄)
|
|
150
167
|
.list-title {
|
|
151
|
-
padding-bottom: margin(textarea-
|
|
168
|
+
padding-bottom: margin(textarea-xsmall);
|
|
152
169
|
}
|
|
153
170
|
|
|
154
171
|
.list-item {
|
|
@@ -203,9 +220,12 @@
|
|
|
203
220
|
padding-bottom: margin(zero);
|
|
204
221
|
}
|
|
205
222
|
|
|
223
|
+
// 모바일: '알아두실 사항' 버튼 (#948) 보더 없는 bg 컬러 스타일 + 좌측 여백
|
|
206
224
|
.terms-title-extra {
|
|
207
225
|
margin-left: padding(card-around-large);
|
|
208
226
|
white-space: pre;
|
|
227
|
+
background-color: colors(surface-neutral_2);
|
|
228
|
+
border: none;
|
|
209
229
|
}
|
|
210
230
|
}
|
|
211
231
|
|
|
@@ -214,8 +234,10 @@
|
|
|
214
234
|
border-radius: radius-basic(zero);
|
|
215
235
|
}
|
|
216
236
|
|
|
237
|
+
// 모바일: '동의하십니까?' 라벨과 하단 체크박스 버튼 상하 간격 통일 (#932 외)
|
|
217
238
|
.between-box {
|
|
218
239
|
flex-direction: column;
|
|
240
|
+
gap: margin(textarea-small);
|
|
219
241
|
align-items: flex-start;
|
|
220
242
|
}
|
|
221
243
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
@use 'sales-frontend-design-system/design-system-context' as *;
|
|
2
2
|
|
|
3
3
|
.radio {
|
|
4
|
+
// 모바일: 4열 그리드 (#950 보유 및 이용기간 4열 배치)
|
|
4
5
|
display: grid;
|
|
5
|
-
grid-template-columns: repeat(
|
|
6
|
-
gap:
|
|
6
|
+
grid-template-columns: repeat(4, 1fr);
|
|
7
|
+
gap: margin(button-medium) padding(zero);
|
|
7
8
|
margin-top: margin(textarea-medium);
|
|
8
9
|
|
|
9
10
|
@include media(tablet) {
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
display: flex;
|
|
64
64
|
justify-content: space-between;
|
|
65
65
|
|
|
66
|
-
//
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
color:
|
|
66
|
+
// 디자인 시스템 토큰 적용 (#939, 955, 965, 966)
|
|
67
|
+
@include apply-typography(body3);
|
|
68
|
+
|
|
69
|
+
color: colors(text-body);
|
|
70
70
|
|
|
71
71
|
span {
|
|
72
72
|
flex: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sales-frontend-components",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
"react-hook-form": "^7.58.1",
|
|
61
61
|
"sales-frontend-api": "0.0.183",
|
|
62
62
|
"sales-frontend-assets": "0.0.27",
|
|
63
|
-
"sales-frontend-stores": "0.0.15",
|
|
64
63
|
"sales-frontend-design-system": "0.3.1",
|
|
65
64
|
"sales-frontend-bridge": "0.0.120",
|
|
66
65
|
"sales-frontend-hooks": "0.0.181",
|
|
66
|
+
"sales-frontend-stores": "0.0.15",
|
|
67
67
|
"sales-frontend-solution": "0.0.60"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|