woori-product-component 0.1.3 → 0.1.4
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.
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--pc-width: 100%;--pc-max-width: 360px;--pc-min-height: 200px;--color-surface: #ffffff;--color-surface-muted: #f8f9f9;--color-border: #dee2e6;--color-text: #3d4248;--color-text-muted: #80888e;--color-accent: #0b71fe;--color-accent-soft-border: #dee2e6;--radius-card: 20px;--radius-inner: 16px;--space-card-padding: 24px;--space-header-gap: 5px;--space-box-padding: 16px;--space-row-padding-y: 9px;--font-title-size:
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--pc-width: 100%;--pc-max-width: 360px;--pc-min-height: 200px;--color-surface: #ffffff;--color-surface-muted: #f8f9f9;--color-border: #dee2e6;--color-text: #3d4248;--color-text-muted: #80888e;--color-accent: #0b71fe;--color-warning: #e5484d;--color-accent-soft-border: #dee2e6;--radius-card: 20px;--radius-inner: 16px;--space-card-padding: 24px;--space-header-gap: 5px;--space-box-padding: 16px;--space-row-padding-y: 9px;--font-title-size: 18px;--font-title-weight: 700;--font-desc-size: 14px;--font-desc-weight: 400;--font-label-size: 15px;--font-label-weight: 500;--font-value-size: 15px;--font-value-weight: 500;--letter-tight: -.2px;--line-height-desc: 1.4}.pc{display:block;box-sizing:border-box;width:var(--pc-width);max-width:var(--pc-max-width);min-height:var(--pc-min-height);padding:var(--space-card-padding);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.pc--recommend{border-color:var(--color-accent-soft-border)}.pc[role=button]{cursor:pointer}.pc__header{margin-bottom:var(--space-box-padding)}.pc__title{margin:0;font-size:var(--font-title-size);font-weight:var(--font-title-weight);color:var(--color-text);letter-spacing:var(--letter-tight)}.pc__desc,.pc__label{font-size:var(--font-desc-size);color:var(--color-text-muted)}.pc__desc{margin-top:var(--space-header-gap);line-height:var(--line-height-desc)}.pc__box{padding:var(--space-box-padding);background:var(--color-surface-muted);border-radius:var(--radius-inner)}.pc__list{margin:0;padding:0;list-style:none}.pc__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-row-padding-y);padding:var(--space-row-padding-y) 0}.pc__value{font-size:var(--font-value-size);font-weight:var(--font-value-weight);color:var(--color-text);letter-spacing:var(--letter-tight);text-align:right}.pc__value--highlight{color:var(--color-accent)}.pc__eligibility{display:flex;align-items:center;gap:var(--space-header-gap);margin-top:10px;color:var(--color-warning)}.pc__eligibility-icon{display:inline-flex}.pc__eligibility-text{font-size:var(--font-desc-size);padding-top:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
import ee from "react";
|
|
3
|
-
var T = { exports: {} },
|
|
3
|
+
var T = { exports: {} }, E = {};
|
|
4
4
|
var F;
|
|
5
5
|
function re() {
|
|
6
|
-
if (F) return
|
|
6
|
+
if (F) return E;
|
|
7
7
|
F = 1;
|
|
8
|
-
var c = /* @__PURE__ */ Symbol.for("react.transitional.element"),
|
|
9
|
-
function
|
|
10
|
-
var
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
for (var
|
|
14
|
-
|
|
15
|
-
} else
|
|
16
|
-
return
|
|
8
|
+
var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
|
|
9
|
+
function d(_, s, l) {
|
|
10
|
+
var i = null;
|
|
11
|
+
if (l !== void 0 && (i = "" + l), s.key !== void 0 && (i = "" + s.key), "key" in s) {
|
|
12
|
+
l = {};
|
|
13
|
+
for (var m in s)
|
|
14
|
+
m !== "key" && (l[m] = s[m]);
|
|
15
|
+
} else l = s;
|
|
16
|
+
return s = l.ref, {
|
|
17
17
|
$$typeof: c,
|
|
18
|
-
type:
|
|
19
|
-
key:
|
|
20
|
-
ref:
|
|
21
|
-
props:
|
|
18
|
+
type: _,
|
|
19
|
+
key: i,
|
|
20
|
+
ref: s !== void 0 ? s : null,
|
|
21
|
+
props: l
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
return
|
|
24
|
+
return E.Fragment = f, E.jsx = d, E.jsxs = d, E;
|
|
25
25
|
}
|
|
26
|
-
var
|
|
27
|
-
var
|
|
26
|
+
var v = {};
|
|
27
|
+
var D;
|
|
28
28
|
function te() {
|
|
29
|
-
return
|
|
29
|
+
return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
30
30
|
function c(e) {
|
|
31
31
|
if (e == null) return null;
|
|
32
32
|
if (typeof e == "function")
|
|
33
33
|
return e.$$typeof === Z ? null : e.displayName || e.name || null;
|
|
34
34
|
if (typeof e == "string") return e;
|
|
35
35
|
switch (e) {
|
|
36
|
-
case
|
|
36
|
+
case x:
|
|
37
37
|
return "Fragment";
|
|
38
38
|
case q:
|
|
39
39
|
return "Profiler";
|
|
@@ -70,12 +70,12 @@ function te() {
|
|
|
70
70
|
}
|
|
71
71
|
return null;
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function f(e) {
|
|
74
74
|
return "" + e;
|
|
75
75
|
}
|
|
76
|
-
function
|
|
76
|
+
function d(e) {
|
|
77
77
|
try {
|
|
78
|
-
|
|
78
|
+
f(e);
|
|
79
79
|
var r = !1;
|
|
80
80
|
} catch {
|
|
81
81
|
r = !0;
|
|
@@ -87,11 +87,11 @@ function te() {
|
|
|
87
87
|
r,
|
|
88
88
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
89
89
|
a
|
|
90
|
-
),
|
|
90
|
+
), f(e);
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
|
-
function
|
|
94
|
-
if (e ===
|
|
93
|
+
function _(e) {
|
|
94
|
+
if (e === x) return "<>";
|
|
95
95
|
if (typeof e == "object" && e !== null && e.$$typeof === k)
|
|
96
96
|
return "<...>";
|
|
97
97
|
try {
|
|
@@ -101,23 +101,23 @@ function te() {
|
|
|
101
101
|
return "<...>";
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
|
-
function
|
|
105
|
-
var e =
|
|
104
|
+
function s() {
|
|
105
|
+
var e = j.A;
|
|
106
106
|
return e === null ? null : e.getOwner();
|
|
107
107
|
}
|
|
108
|
-
function
|
|
108
|
+
function l() {
|
|
109
109
|
return Error("react-stack-top-frame");
|
|
110
110
|
}
|
|
111
|
-
function
|
|
112
|
-
if (
|
|
111
|
+
function i(e) {
|
|
112
|
+
if (P.call(e, "key")) {
|
|
113
113
|
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
114
114
|
if (r && r.isReactWarning) return !1;
|
|
115
115
|
}
|
|
116
116
|
return e.key !== void 0;
|
|
117
117
|
}
|
|
118
|
-
function
|
|
118
|
+
function m(e, r) {
|
|
119
119
|
function t() {
|
|
120
|
-
|
|
120
|
+
C || (C = !0, console.error(
|
|
121
121
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
122
122
|
r
|
|
123
123
|
));
|
|
@@ -127,23 +127,23 @@ function te() {
|
|
|
127
127
|
configurable: !0
|
|
128
128
|
});
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function u() {
|
|
131
131
|
var e = c(this.type);
|
|
132
|
-
return
|
|
132
|
+
return Y[e] || (Y[e] = !0, console.error(
|
|
133
133
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
134
134
|
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function b(e, r, t, a, h, O) {
|
|
137
137
|
var n = t.ref;
|
|
138
138
|
return e = {
|
|
139
|
-
$$typeof:
|
|
139
|
+
$$typeof: S,
|
|
140
140
|
type: e,
|
|
141
141
|
key: r,
|
|
142
142
|
props: t,
|
|
143
143
|
_owner: a
|
|
144
144
|
}, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
|
|
145
145
|
enumerable: !1,
|
|
146
|
-
get:
|
|
146
|
+
get: u
|
|
147
147
|
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
148
148
|
configurable: !1,
|
|
149
149
|
enumerable: !1,
|
|
@@ -158,7 +158,7 @@ function te() {
|
|
|
158
158
|
configurable: !1,
|
|
159
159
|
enumerable: !1,
|
|
160
160
|
writable: !0,
|
|
161
|
-
value:
|
|
161
|
+
value: h
|
|
162
162
|
}), Object.defineProperty(e, "_debugTask", {
|
|
163
163
|
configurable: !1,
|
|
164
164
|
enumerable: !1,
|
|
@@ -166,25 +166,25 @@ function te() {
|
|
|
166
166
|
value: O
|
|
167
167
|
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
168
168
|
}
|
|
169
|
-
function
|
|
169
|
+
function A(e, r, t, a, h, O) {
|
|
170
170
|
var n = r.children;
|
|
171
171
|
if (n !== void 0)
|
|
172
172
|
if (a)
|
|
173
173
|
if (Q(n)) {
|
|
174
174
|
for (a = 0; a < n.length; a++)
|
|
175
|
-
|
|
175
|
+
N(n[a]);
|
|
176
176
|
Object.freeze && Object.freeze(n);
|
|
177
177
|
} else
|
|
178
178
|
console.error(
|
|
179
179
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
180
180
|
);
|
|
181
|
-
else
|
|
182
|
-
if (
|
|
181
|
+
else N(n);
|
|
182
|
+
if (P.call(r, "key")) {
|
|
183
183
|
n = c(e);
|
|
184
|
-
var
|
|
184
|
+
var p = Object.keys(r).filter(function(K) {
|
|
185
185
|
return K !== "key";
|
|
186
186
|
});
|
|
187
|
-
a = 0 <
|
|
187
|
+
a = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", L[n + a] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
188
188
|
`A props object containing a "key" prop is being spread into JSX:
|
|
189
189
|
let props = %s;
|
|
190
190
|
<%s {...props} />
|
|
@@ -193,107 +193,134 @@ React keys must be passed directly to JSX without using spread:
|
|
|
193
193
|
<%s key={someKey} {...props} />`,
|
|
194
194
|
a,
|
|
195
195
|
n,
|
|
196
|
-
|
|
196
|
+
p,
|
|
197
197
|
n
|
|
198
|
-
),
|
|
198
|
+
), L[n + a] = !0);
|
|
199
199
|
}
|
|
200
|
-
if (n = null, t !== void 0 && (
|
|
200
|
+
if (n = null, t !== void 0 && (d(t), n = "" + t), i(r) && (d(r.key), n = "" + r.key), "key" in r) {
|
|
201
201
|
t = {};
|
|
202
|
-
for (var
|
|
203
|
-
|
|
202
|
+
for (var g in r)
|
|
203
|
+
g !== "key" && (t[g] = r[g]);
|
|
204
204
|
} else t = r;
|
|
205
|
-
return n &&
|
|
205
|
+
return n && m(
|
|
206
206
|
t,
|
|
207
207
|
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
208
|
-
),
|
|
208
|
+
), b(
|
|
209
209
|
e,
|
|
210
210
|
n,
|
|
211
211
|
t,
|
|
212
|
-
|
|
213
|
-
|
|
212
|
+
s(),
|
|
213
|
+
h,
|
|
214
214
|
O
|
|
215
215
|
);
|
|
216
216
|
}
|
|
217
|
-
function
|
|
218
|
-
|
|
217
|
+
function N(e) {
|
|
218
|
+
w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
219
219
|
}
|
|
220
|
-
function
|
|
221
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
220
|
+
function w(e) {
|
|
221
|
+
return typeof e == "object" && e !== null && e.$$typeof === S;
|
|
222
222
|
}
|
|
223
|
-
var
|
|
223
|
+
var R = ee, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), x = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), j = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, Q = Array.isArray, y = console.createTask ? console.createTask : function() {
|
|
224
224
|
return null;
|
|
225
225
|
};
|
|
226
|
-
|
|
226
|
+
R = {
|
|
227
227
|
react_stack_bottom_frame: function(e) {
|
|
228
228
|
return e();
|
|
229
229
|
}
|
|
230
230
|
};
|
|
231
|
-
var
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
)(),
|
|
235
|
-
|
|
236
|
-
var a = 1e4 >
|
|
237
|
-
return
|
|
231
|
+
var C, Y = {}, $ = R.react_stack_bottom_frame.bind(
|
|
232
|
+
R,
|
|
233
|
+
l
|
|
234
|
+
)(), I = y(_(l)), L = {};
|
|
235
|
+
v.Fragment = x, v.jsx = function(e, r, t) {
|
|
236
|
+
var a = 1e4 > j.recentlyCreatedOwnerStacks++;
|
|
237
|
+
return A(
|
|
238
238
|
e,
|
|
239
239
|
r,
|
|
240
240
|
t,
|
|
241
241
|
!1,
|
|
242
|
-
a ? Error("react-stack-top-frame") :
|
|
243
|
-
a ?
|
|
242
|
+
a ? Error("react-stack-top-frame") : $,
|
|
243
|
+
a ? y(_(e)) : I
|
|
244
244
|
);
|
|
245
|
-
},
|
|
246
|
-
var a = 1e4 >
|
|
247
|
-
return
|
|
245
|
+
}, v.jsxs = function(e, r, t) {
|
|
246
|
+
var a = 1e4 > j.recentlyCreatedOwnerStacks++;
|
|
247
|
+
return A(
|
|
248
248
|
e,
|
|
249
249
|
r,
|
|
250
250
|
t,
|
|
251
251
|
!0,
|
|
252
|
-
a ? Error("react-stack-top-frame") :
|
|
253
|
-
a ?
|
|
252
|
+
a ? Error("react-stack-top-frame") : $,
|
|
253
|
+
a ? y(_(e)) : I
|
|
254
254
|
);
|
|
255
255
|
};
|
|
256
|
-
})()),
|
|
256
|
+
})()), v;
|
|
257
257
|
}
|
|
258
|
-
var
|
|
258
|
+
var M;
|
|
259
259
|
function ae() {
|
|
260
|
-
return
|
|
260
|
+
return M || (M = 1, process.env.NODE_ENV === "production" ? T.exports = re() : T.exports = te()), T.exports;
|
|
261
261
|
}
|
|
262
|
-
var
|
|
262
|
+
var o = ae();
|
|
263
263
|
const ne = ["예상금리", "기간", "금액", "예상이자"];
|
|
264
264
|
function se({
|
|
265
265
|
title: c,
|
|
266
|
-
description:
|
|
267
|
-
items:
|
|
268
|
-
tone:
|
|
269
|
-
|
|
266
|
+
description: f,
|
|
267
|
+
items: d = [],
|
|
268
|
+
tone: _ = "default",
|
|
269
|
+
eligible: s,
|
|
270
|
+
onClick: l
|
|
270
271
|
}) {
|
|
271
|
-
const
|
|
272
|
-
return /* @__PURE__ */
|
|
272
|
+
const i = typeof l == "function" && s, m = new Map(d.map((u) => [u.label, u]));
|
|
273
|
+
return /* @__PURE__ */ o.jsxs(
|
|
273
274
|
"div",
|
|
274
275
|
{
|
|
275
|
-
className: `pc pc--${
|
|
276
|
-
role:
|
|
277
|
-
tabIndex:
|
|
278
|
-
onClick:
|
|
276
|
+
className: `pc pc--${_}`,
|
|
277
|
+
role: i ? "button" : void 0,
|
|
278
|
+
tabIndex: i ? 0 : void 0,
|
|
279
|
+
onClick: i ? l : void 0,
|
|
280
|
+
"aria-disabled": !s,
|
|
279
281
|
children: [
|
|
280
|
-
/* @__PURE__ */
|
|
281
|
-
/* @__PURE__ */
|
|
282
|
-
|
|
282
|
+
/* @__PURE__ */ o.jsxs("header", { className: "pc__header", children: [
|
|
283
|
+
/* @__PURE__ */ o.jsx("h3", { className: "pc__title", children: c }),
|
|
284
|
+
f ? /* @__PURE__ */ o.jsx("p", { className: "pc__desc", children: f }) : null
|
|
283
285
|
] }),
|
|
284
|
-
/* @__PURE__ */
|
|
285
|
-
const
|
|
286
|
-
return /* @__PURE__ */
|
|
287
|
-
/* @__PURE__ */
|
|
288
|
-
/* @__PURE__ */
|
|
286
|
+
/* @__PURE__ */ o.jsx("div", { className: "pc__box", children: /* @__PURE__ */ o.jsx("ul", { className: "pc__list", children: ne.map((u) => {
|
|
287
|
+
const b = m.get(u);
|
|
288
|
+
return /* @__PURE__ */ o.jsxs("li", { className: "pc__row", children: [
|
|
289
|
+
/* @__PURE__ */ o.jsx("span", { className: "pc__label", children: u }),
|
|
290
|
+
/* @__PURE__ */ o.jsx(
|
|
289
291
|
"span",
|
|
290
292
|
{
|
|
291
|
-
className: `pc__value${
|
|
292
|
-
children:
|
|
293
|
+
className: `pc__value${b?.highlight ? " pc__value--highlight" : ""}`,
|
|
294
|
+
children: b?.value ?? "-"
|
|
293
295
|
}
|
|
294
296
|
)
|
|
295
|
-
] },
|
|
296
|
-
}) }) })
|
|
297
|
+
] }, u);
|
|
298
|
+
}) }) }),
|
|
299
|
+
!s && /* @__PURE__ */ o.jsxs("div", { className: "pc__eligibility", children: [
|
|
300
|
+
/* @__PURE__ */ o.jsx("span", { className: "pc__eligibility-icon", "aria-hidden": "true", children: /* @__PURE__ */ o.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
|
|
301
|
+
/* @__PURE__ */ o.jsx(
|
|
302
|
+
"circle",
|
|
303
|
+
{
|
|
304
|
+
cx: "12",
|
|
305
|
+
cy: "12",
|
|
306
|
+
r: "10",
|
|
307
|
+
stroke: "currentColor",
|
|
308
|
+
strokeWidth: "2"
|
|
309
|
+
}
|
|
310
|
+
),
|
|
311
|
+
/* @__PURE__ */ o.jsx(
|
|
312
|
+
"path",
|
|
313
|
+
{
|
|
314
|
+
d: "M12 7v6",
|
|
315
|
+
stroke: "currentColor",
|
|
316
|
+
strokeWidth: "2",
|
|
317
|
+
strokeLinecap: "round"
|
|
318
|
+
}
|
|
319
|
+
),
|
|
320
|
+
/* @__PURE__ */ o.jsx("circle", { cx: "12", cy: "17", r: "1.2", fill: "currentColor" })
|
|
321
|
+
] }) }),
|
|
322
|
+
/* @__PURE__ */ o.jsx("span", { className: "pc__eligibility-text", children: "가입 대상이 아니에요" })
|
|
323
|
+
] })
|
|
297
324
|
]
|
|
298
325
|
}
|
|
299
326
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--pc-width: 100%;--pc-max-width: 360px;--pc-min-height: 200px;--color-surface: #ffffff;--color-surface-muted: #f8f9f9;--color-border: #dee2e6;--color-text: #3d4248;--color-text-muted: #80888e;--color-accent: #0b71fe;--color-accent-soft-border: #dee2e6;--radius-card: 20px;--radius-inner: 16px;--space-card-padding: 24px;--space-header-gap: 5px;--space-box-padding: 16px;--space-row-padding-y: 9px;--font-title-size:
|
|
2
|
-
(function(
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--pc-width: 100%;--pc-max-width: 360px;--pc-min-height: 200px;--color-surface: #ffffff;--color-surface-muted: #f8f9f9;--color-border: #dee2e6;--color-text: #3d4248;--color-text-muted: #80888e;--color-accent: #0b71fe;--color-warning: #e5484d;--color-accent-soft-border: #dee2e6;--radius-card: 20px;--radius-inner: 16px;--space-card-padding: 24px;--space-header-gap: 5px;--space-box-padding: 16px;--space-row-padding-y: 9px;--font-title-size: 18px;--font-title-weight: 700;--font-desc-size: 14px;--font-desc-weight: 400;--font-label-size: 15px;--font-label-weight: 500;--font-value-size: 15px;--font-value-weight: 500;--letter-tight: -.2px;--line-height-desc: 1.4}.pc{display:block;box-sizing:border-box;width:var(--pc-width);max-width:var(--pc-max-width);min-height:var(--pc-min-height);padding:var(--space-card-padding);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.pc--recommend{border-color:var(--color-accent-soft-border)}.pc[role=button]{cursor:pointer}.pc__header{margin-bottom:var(--space-box-padding)}.pc__title{margin:0;font-size:var(--font-title-size);font-weight:var(--font-title-weight);color:var(--color-text);letter-spacing:var(--letter-tight)}.pc__desc,.pc__label{font-size:var(--font-desc-size);color:var(--color-text-muted)}.pc__desc{margin-top:var(--space-header-gap);line-height:var(--line-height-desc)}.pc__box{padding:var(--space-box-padding);background:var(--color-surface-muted);border-radius:var(--radius-inner)}.pc__list{margin:0;padding:0;list-style:none}.pc__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-row-padding-y);padding:var(--space-row-padding-y) 0}.pc__value{font-size:var(--font-value-size);font-weight:var(--font-value-weight);color:var(--color-text);letter-spacing:var(--letter-tight);text-align:right}.pc__value--highlight{color:var(--color-accent)}.pc__eligibility{display:flex;align-items:center;gap:var(--space-header-gap);margin-top:10px;color:var(--color-warning)}.pc__eligibility-icon{display:inline-flex}.pc__eligibility-text{font-size:var(--font-desc-size);padding-top:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
(function(f,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],E):(f=typeof globalThis<"u"?globalThis:f||self,E(f.WooriProductComponent={},f.React))})(this,(function(f,E){"use strict";var h={exports:{}},b={};var A;function q(){if(A)return b;A=1;var c=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function _(m,s,l){var i=null;if(l!==void 0&&(i=""+l),s.key!==void 0&&(i=""+s.key),"key"in s){l={};for(var p in s)p!=="key"&&(l[p]=s[p])}else l=s;return s=l.ref,{$$typeof:c,type:m,key:i,ref:s!==void 0?s:null,props:l}}return b.Fragment=d,b.jsx=_,b.jsxs=_,b}var R={};var N;function J(){return N||(N=1,process.env.NODE_ENV!=="production"&&(function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case H:return"Profiler";case B:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case ne:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case X:return"Portal";case Q:return e.displayName||"Context";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case y:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function d(e){return""+e}function _(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function m(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===y)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=O.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function i(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function u(){var e=c(this.type);return M[e]||(M[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,n,j,P){var a=t.ref;return e={$$typeof:I,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function C(e,r,t,n,j,P){var a=r.children;if(a!==void 0)if(n)if(oe(a)){for(n=0;n<a.length;n++)Y(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Y(a);if(L.call(r,"key")){a=c(e);var v=Object.keys(r).filter(function(se){return se!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",U[a+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
3
3
|
let props = %s;
|
|
4
4
|
<%s {...props} />
|
|
5
5
|
React keys must be passed directly to JSX without using spread:
|
|
6
6
|
let props = %s;
|
|
7
|
-
<%s key={someKey} {...props} />`,n,a,
|
|
7
|
+
<%s key={someKey} {...props} />`,n,a,v,a),U[a+n]=!0)}if(a=null,t!==void 0&&(_(t),a=""+t),i(r)&&(_(r.key),a=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return a&&p(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,a,t,s(),j,P)}function Y(e){$(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===y&&(e._payload.status==="fulfilled"?$(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function $(e){return typeof e=="object"&&e!==null&&e.$$typeof===I}var x=E,I=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),O=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,oe=Array.isArray,g=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var F,M={},W=x.react_stack_bottom_frame.bind(x,l)(),D=g(m(l)),U={};R.Fragment=k,R.jsx=function(e,r,t){var n=1e4>O.recentlyCreatedOwnerStacks++;return C(e,r,t,!1,n?Error("react-stack-top-frame"):W,n?g(m(e)):D)},R.jsxs=function(e,r,t){var n=1e4>O.recentlyCreatedOwnerStacks++;return C(e,r,t,!0,n?Error("react-stack-top-frame"):W,n?g(m(e)):D)}})()),R}var w;function V(){return w||(w=1,process.env.NODE_ENV==="production"?h.exports=q():h.exports=J()),h.exports}var o=V();const z=["예상금리","기간","금액","예상이자"];function G({title:c,description:d,items:_=[],tone:m="default",eligible:s,onClick:l}){const i=typeof l=="function"&&s,p=new Map(_.map(u=>[u.label,u]));return o.jsxs("div",{className:`pc pc--${m}`,role:i?"button":void 0,tabIndex:i?0:void 0,onClick:i?l:void 0,"aria-disabled":!s,children:[o.jsxs("header",{className:"pc__header",children:[o.jsx("h3",{className:"pc__title",children:c}),d?o.jsx("p",{className:"pc__desc",children:d}):null]}),o.jsx("div",{className:"pc__box",children:o.jsx("ul",{className:"pc__list",children:z.map(u=>{const T=p.get(u);return o.jsxs("li",{className:"pc__row",children:[o.jsx("span",{className:"pc__label",children:u}),o.jsx("span",{className:`pc__value${T?.highlight?" pc__value--highlight":""}`,children:T?.value??"-"})]},u)})})}),!s&&o.jsxs("div",{className:"pc__eligibility",children:[o.jsx("span",{className:"pc__eligibility-icon","aria-hidden":"true",children:o.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:[o.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2"}),o.jsx("path",{d:"M12 7v6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),o.jsx("circle",{cx:"12",cy:"17",r:"1.2",fill:"currentColor"})]})}),o.jsx("span",{className:"pc__eligibility-text",children:"가입 대상이 아니에요"})]})]})}f.ProductCard=G,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|