@invoice-sdk/widget 1.117.1 → 1.117.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.
@@ -1,95 +1,95 @@
1
1
  var X = Object.defineProperty;
2
- var $ = Object.getOwnPropertySymbols;
3
- var G = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
4
- var z = (n, a, e) => a in n ? X(n, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[a] = e, q = (n, a) => {
5
- for (var e in a || (a = {}))
6
- G.call(a, e) && z(n, e, a[e]);
7
- if ($)
8
- for (var e of $(a))
9
- J.call(a, e) && z(n, e, a[e]);
2
+ var W = Object.getOwnPropertySymbols;
3
+ var G = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
4
+ var O = (n, i, t) => i in n ? X(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, P = (n, i) => {
5
+ for (var t in i || (i = {}))
6
+ G.call(i, t) && O(n, t, i[t]);
7
+ if (W)
8
+ for (var t of W(i))
9
+ I.call(i, t) && O(n, t, i[t]);
10
10
  return n;
11
11
  };
12
- var Z = (n, a, e) => new Promise((t, s) => {
13
- var o = (d) => {
12
+ var Z = (n, i, t) => new Promise((e, s) => {
13
+ var o = (c) => {
14
14
  try {
15
- c(e.next(d));
16
- } catch (h) {
17
- s(h);
15
+ p(t.next(c));
16
+ } catch (f) {
17
+ s(f);
18
18
  }
19
- }, r = (d) => {
19
+ }, a = (c) => {
20
20
  try {
21
- c(e.throw(d));
22
- } catch (h) {
23
- s(h);
21
+ p(t.throw(c));
22
+ } catch (f) {
23
+ s(f);
24
24
  }
25
- }, c = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(o, r);
26
- c((e = e.apply(n, a)).next());
25
+ }, p = (c) => c.done ? e(c.value) : Promise.resolve(c.value).then(o, a);
26
+ p((t = t.apply(n, i)).next());
27
27
  });
28
- import { c as P, f as O, e as K, b as Q, o as D, s as Y } from "./loading-DzLDwR0A.js";
29
- import { t as i, c as R } from "./index-BWxjs_7n.js";
30
- function I({ defaultValues: n = {}, onChange: a } = {}) {
31
- const e = {
28
+ import { c as q, f as $, e as J, b as K, o as z, s as Q } from "./loading-C3ucr0cT.js";
29
+ import { t as r, c as R } from "./index-COFYTrh_.js";
30
+ function Y({ defaultValues: n = {}, onChange: i } = {}) {
31
+ const t = {
32
32
  representativeName: n.representativeName || "",
33
33
  buyerAddress: n.buyerAddress || "",
34
34
  email: n.email || "",
35
35
  phone: n.phone || ""
36
- }, t = document.createElement("div");
37
- t.className = "wgt:space-y-2";
36
+ }, e = document.createElement("div");
37
+ e.className = "wgt:space-y-2";
38
38
  function s() {
39
- typeof a == "function" && a(q({}, e));
39
+ typeof i == "function" && i(P({}, t));
40
40
  }
41
- function o({ label: p, required: L, name: b, type: _ = "text", placeholder: E }) {
41
+ function o({ label: g, required: l, name: h, type: M = "text", placeholder: v }) {
42
42
  const w = document.createElement("div");
43
43
  w.className = "";
44
- const u = document.createElement("label");
45
- u.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", u.htmlFor = b, u.innerHTML = L ? `${p} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : p;
44
+ const m = document.createElement("label");
45
+ m.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", m.htmlFor = h, m.innerHTML = l ? `${g} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : g;
46
46
  const C = document.createElement("input");
47
- return C.id = b, C.name = b, C.type = _, C.placeholder = E || "", C.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", C.value = e[b] || "", C.addEventListener("input", () => {
48
- e[b] = C.value, C.classList.remove(
47
+ return C.id = h, C.name = h, C.type = M, C.placeholder = v || "", C.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", C.value = t[h] || "", C.addEventListener("input", () => {
48
+ t[h] = C.value, C.classList.remove(
49
49
  "wgt:border-semantic-error",
50
50
  "wgt:bg-semantic-error-50"
51
51
  ), s();
52
- }), w.appendChild(u), w.appendChild(C), { field: w, input: C };
52
+ }), w.appendChild(m), w.appendChild(C), { field: w, input: C };
53
53
  }
54
- const { field: r, input: c } = o({
55
- label: i("representativeName"),
54
+ const { field: a, input: p } = o({
55
+ label: r("representativeName"),
56
56
  required: !0,
57
57
  name: "representativeName",
58
- placeholder: i("representativeName_input")
59
- }), { field: d } = o({
60
- label: i("buyerAddress"),
58
+ placeholder: r("representativeName_input")
59
+ }), { field: c } = o({
60
+ label: r("buyerAddress"),
61
61
  required: !1,
62
62
  name: "buyerAddress",
63
- placeholder: i("buyerAddress_input")
64
- }), { field: h, input: g } = o({
65
- label: i("email"),
63
+ placeholder: r("buyerAddress_input")
64
+ }), { field: f, input: x } = o({
65
+ label: r("email"),
66
66
  required: !0,
67
67
  name: "email",
68
68
  type: "email",
69
- placeholder: i("email_input")
69
+ placeholder: r("email_input")
70
70
  });
71
- t.appendChild(r), t.appendChild(d), t.appendChild(h);
72
- function N() {
73
- let p = !0;
74
- function L(b) {
75
- b.classList.add(
71
+ e.appendChild(a), e.appendChild(c), e.appendChild(f);
72
+ function L() {
73
+ let g = !0;
74
+ function l(h) {
75
+ h.classList.add(
76
76
  "wgt:border-semantic-error",
77
77
  "wgt:bg-semantic-error-50"
78
- ), p = !1;
78
+ ), g = !1;
79
79
  }
80
- return e.representativeName.trim() || L(c), e.email.trim() || L(g), p;
80
+ return t.representativeName.trim() || l(p), t.email.trim() || l(x), g;
81
81
  }
82
- function f() {
83
- return q({}, e);
82
+ function E() {
83
+ return P({}, t);
84
84
  }
85
- return { container: t, getValues: f, validate: N };
85
+ return { container: e, getValues: E, validate: L };
86
86
  }
87
- function ee({
87
+ function D({
88
88
  defaultValues: n = {},
89
- onChange: a,
90
- onFetchByTaxCode: e
89
+ onChange: i,
90
+ onFetchByTaxCode: t
91
91
  } = {}) {
92
- const t = {
92
+ const e = {
93
93
  noTaxCode: !!n.noTaxCode,
94
94
  taxCode: n.taxCode || "",
95
95
  representativeName: n.representativeName || "",
@@ -100,307 +100,307 @@ function ee({
100
100
  }, s = document.createElement("div");
101
101
  s.className = "wgt:space-y-2";
102
102
  function o() {
103
- typeof a == "function" && a(q({}, t));
103
+ typeof i == "function" && i(P({}, e));
104
104
  }
105
- function r({ label: y, required: l, name: m, type: M = "text", placeholder: V }) {
105
+ function a({ label: N, required: d, name: u, type: _ = "text", placeholder: V }) {
106
106
  const F = document.createElement("div");
107
107
  F.className = "";
108
- const x = document.createElement("label");
109
- x.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", x.htmlFor = m, x.innerHTML = l ? `${y} <span class="wgt:text-[#ED1C24]">*</span>` : y;
110
- const v = document.createElement("input");
111
- return v.id = m, v.name = m, v.type = M, v.placeholder = V || "", v.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", v.value = t[m] || "", v.addEventListener("input", () => {
112
- t[m] = v.value, v.classList.remove(
108
+ const b = document.createElement("label");
109
+ b.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", b.htmlFor = u, b.innerHTML = d ? `${N} <span class="wgt:text-[#ED1C24]">*</span>` : N;
110
+ const y = document.createElement("input");
111
+ return y.id = u, y.name = u, y.type = _, y.placeholder = V || "", y.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", y.value = e[u] || "", y.addEventListener("input", () => {
112
+ e[u] = y.value, y.classList.remove(
113
113
  "wgt:border-semantic-error",
114
114
  "wgt:bg-semantic-error-50"
115
115
  ), o();
116
- }), F.appendChild(x), F.appendChild(v), { field: F, input: v };
116
+ }), F.appendChild(b), F.appendChild(y), { field: F, input: y };
117
117
  }
118
- const c = document.createElement("label");
119
- c.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:font-medium wgt:text-strong-950 wgt:text-sm";
120
- const d = document.createElement("input");
121
- d.type = "checkbox", d.className = "wgt:h-4 wgt:w-4 wgt:rounded wgt:border-[#E4E7EC] focus:wgt:outline-none focus:wgt:ring-primary", d.checked = t.noTaxCode;
122
- const h = document.createElement("span");
123
- h.textContent = i("business_noTaxCode"), h.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", h.style.fontFamily = "Inter, sans-serif", d.addEventListener("change", () => {
124
- t.noTaxCode = d.checked, p.disabled = t.noTaxCode, L.disabled = t.noTaxCode, o();
125
- }), c.appendChild(d), c.appendChild(h);
126
- const g = document.createElement("div");
127
- g.className = "wgt:space-y-2";
128
- const N = document.createElement("label");
129
- N.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", N.innerHTML = i("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
130
- const f = document.createElement("div");
131
- f.className = "wgt:flex wgt:gap-2 wgt:mt-2";
132
- const p = document.createElement("input");
133
- p.type = "text", p.name = "taxCode", p.placeholder = i("taxCode_input"), p.value = t.taxCode, p.className = "wgt:flex-1 wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", p.addEventListener("input", () => {
134
- t.taxCode = p.value, p.classList.remove(
118
+ const p = document.createElement("label");
119
+ p.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:font-medium wgt:text-strong-950 wgt:text-sm";
120
+ const c = document.createElement("input");
121
+ c.type = "checkbox", c.className = "wgt:h-4 wgt:w-4 wgt:rounded wgt:border-[#E4E7EC] focus:wgt:outline-none focus:wgt:ring-primary", c.checked = e.noTaxCode;
122
+ const f = document.createElement("span");
123
+ f.textContent = r("business_noTaxCode"), f.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", f.style.fontFamily = "Inter, sans-serif", c.addEventListener("change", () => {
124
+ e.noTaxCode = c.checked, g.disabled = e.noTaxCode, l.disabled = e.noTaxCode, o();
125
+ }), p.appendChild(c), p.appendChild(f);
126
+ const x = document.createElement("div");
127
+ x.className = "wgt:space-y-2";
128
+ const L = document.createElement("label");
129
+ L.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", L.innerHTML = r("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
130
+ const E = document.createElement("div");
131
+ E.className = "wgt:flex wgt:gap-2 wgt:mt-2";
132
+ const g = document.createElement("input");
133
+ g.type = "text", g.name = "taxCode", g.placeholder = r("taxCode_input"), g.value = e.taxCode, g.className = "wgt:flex-1 wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", g.addEventListener("input", () => {
134
+ e.taxCode = g.value, g.classList.remove(
135
135
  "wgt:border-semantic-error",
136
136
  "wgt:bg-semantic-error-50"
137
137
  ), o();
138
138
  });
139
- const L = P({
139
+ const l = q({
140
140
  type: "button",
141
- title: i("fetch_info"),
141
+ title: r("fetch_info"),
142
142
  className: "wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:font-semibold wgt:rounded-lg wgt:flex-shrink-0 wgt:text-primary wgt:bg-white wgt:border wgt:border-primary",
143
143
  handleClick: () => Z(null, null, function* () {
144
- if (t.noTaxCode || typeof e != "function")
144
+ if (e.noTaxCode || typeof t != "function")
145
145
  return;
146
- const y = String(t.taxCode || "").trim();
147
- if (!y) {
148
- p.classList.add(
146
+ const N = String(e.taxCode || "").trim();
147
+ if (!N) {
148
+ g.classList.add(
149
149
  "wgt:border-semantic-error",
150
150
  "wgt:bg-semantic-error-50"
151
151
  );
152
152
  return;
153
153
  }
154
154
  try {
155
- L.disabled = !0;
156
- const l = yield e(y, q({}, t));
157
- if (!l || typeof l != "object") return;
158
- l.representativeName != null && (t.representativeName = String(l.representativeName || ""), _.value = t.representativeName), l.buyerAddress != null && (t.buyerAddress = String(l.buyerAddress || ""), w.value = t.buyerAddress), o();
159
- } catch (l) {
160
- p.classList.add(
155
+ l.disabled = !0;
156
+ const d = yield t(N, P({}, e));
157
+ if (!d || typeof d != "object") return;
158
+ d.representativeName != null && (e.representativeName = String(d.representativeName || ""), M.value = e.representativeName), d.buyerAddress != null && (e.buyerAddress = String(d.buyerAddress || ""), w.value = e.buyerAddress), o();
159
+ } catch (d) {
160
+ g.classList.add(
161
161
  "wgt:border-semantic-error",
162
162
  "wgt:bg-semantic-error-50"
163
163
  );
164
164
  } finally {
165
- L.disabled = t.noTaxCode;
165
+ l.disabled = e.noTaxCode;
166
166
  }
167
167
  })
168
168
  });
169
- f.appendChild(p), f.appendChild(L), g.appendChild(N), g.appendChild(f);
170
- const { field: b, input: _ } = r({
171
- label: i("representativeName"),
169
+ E.appendChild(g), E.appendChild(l), x.appendChild(L), x.appendChild(E);
170
+ const { field: h, input: M } = a({
171
+ label: r("representativeName"),
172
172
  required: !0,
173
173
  name: "representativeName",
174
- placeholder: i("representativeName_input")
175
- }), { field: E, input: w } = r({
176
- label: i("buyerAddress"),
174
+ placeholder: r("representativeName_input")
175
+ }), { field: v, input: w } = a({
176
+ label: r("buyerAddress"),
177
177
  required: !1,
178
178
  name: "buyerAddress",
179
- placeholder: i("buyerAddress_input")
180
- }), { field: u, input: C } = r({
181
- label: i("performerName"),
179
+ placeholder: r("buyerAddress_input")
180
+ }), { field: m, input: C } = a({
181
+ label: r("performerName"),
182
182
  required: !0,
183
183
  name: "performerName",
184
- placeholder: i("performerName_input")
185
- }), { field: B, input: S } = r({
186
- label: i("email"),
184
+ placeholder: r("performerName_input")
185
+ }), { field: B, input: S } = a({
186
+ label: r("email"),
187
187
  required: !0,
188
188
  name: "email",
189
189
  type: "email",
190
- placeholder: i("email_input")
191
- }), { field: k, input: T } = r({
192
- label: i("phone"),
190
+ placeholder: r("email_input")
191
+ }), { field: k, input: T } = a({
192
+ label: r("phone"),
193
193
  required: !0,
194
194
  name: "phone",
195
195
  type: "tel",
196
- placeholder: i("phone_input")
196
+ placeholder: r("phone_input")
197
197
  });
198
- s.appendChild(c), s.appendChild(g), s.appendChild(b), s.appendChild(E), s.appendChild(u), s.appendChild(B), s.appendChild(k), p.disabled = t.noTaxCode, L.disabled = t.noTaxCode;
198
+ s.appendChild(p), s.appendChild(x), s.appendChild(h), s.appendChild(v), s.appendChild(m), s.appendChild(B), s.appendChild(k), g.disabled = e.noTaxCode, l.disabled = e.noTaxCode;
199
199
  function A() {
200
- let y = !0;
201
- function l(m) {
202
- m.classList.add(
200
+ let N = !0;
201
+ function d(u) {
202
+ u.classList.add(
203
203
  "wgt:border-semantic-error",
204
204
  "wgt:bg-semantic-error-50 ",
205
205
  "wgt:mt-2"
206
- ), y = !1;
206
+ ), N = !1;
207
207
  }
208
- return !t.noTaxCode && !t.taxCode.trim() && l(p), t.representativeName.trim() || l(_), t.performerName.trim() || l(C), t.email.trim() || l(S), t.phone.trim() || l(T), y;
208
+ return !e.noTaxCode && !e.taxCode.trim() && d(g), e.representativeName.trim() || d(M), e.performerName.trim() || d(C), e.email.trim() || d(S), e.phone.trim() || d(T), N;
209
209
  }
210
210
  function H() {
211
- return q({}, t);
211
+ return P({}, e);
212
212
  }
213
213
  return { container: s, getValues: H, validate: A };
214
214
  }
215
- function te({
215
+ function ee({
216
216
  type: n,
217
- data: a,
218
- orderInfo: e,
219
- theme: t,
217
+ data: i,
218
+ orderInfo: t,
219
+ theme: e,
220
220
  onClose: s,
221
221
  onConfirm: o
222
222
  }) {
223
- const r = document.createElement("div");
224
- r.className = "wgt:fixed wgt:inset-0 wgt:flex wgt:items-center wgt:justify-center wgt:z-50 wgt:p-4", r.style.cssText = `
223
+ const a = document.createElement("div");
224
+ a.className = "wgt:fixed wgt:inset-0 wgt:flex wgt:items-center wgt:justify-center wgt:z-50 wgt:p-4", a.style.cssText = `
225
225
  background-color: rgba(0, 0, 0, 0.5);
226
226
  backdrop-filter: blur(4px);
227
- `, t && r.setAttribute("data-theme", t);
227
+ `, e && a.setAttribute("data-theme", e);
228
+ const p = document.createElement("div");
229
+ p.className = "wgt:w-full wgt:max-w-md wgt:bg-white wgt:rounded-2xl wgt:shadow-xl wgt:max-h-[90vh] wgt:overflow-y-auto";
228
230
  const c = document.createElement("div");
229
- c.className = "wgt:w-full wgt:max-w-md wgt:bg-white wgt:rounded-2xl wgt:shadow-xl wgt:max-h-[90vh] wgt:overflow-y-auto";
230
- const d = document.createElement("div");
231
- d.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
232
- const h = document.createElement("h3");
233
- h.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", h.textContent = i("confirmation_popup_title");
234
- const g = document.createElement("p");
235
- g.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", g.textContent = i("confirmation_popup_subtitle"), d.appendChild(h), d.appendChild(g), c.appendChild(d);
236
- const N = document.createElement("div");
237
- N.className = "wgt:px-6 wgt:pb-4";
238
- const f = document.createElement("div");
239
- f.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
240
- function p(k, T, A) {
231
+ c.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
232
+ const f = document.createElement("h3");
233
+ f.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", f.textContent = r("confirmation_popup_title");
234
+ const x = document.createElement("p");
235
+ x.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", x.textContent = r("confirmation_popup_subtitle"), c.appendChild(f), c.appendChild(x), p.appendChild(c);
236
+ const L = document.createElement("div");
237
+ L.className = "wgt:px-6 wgt:pb-4";
238
+ const E = document.createElement("div");
239
+ E.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
240
+ function g(k, T, A) {
241
241
  const H = document.createElement("div");
242
242
  H.className = "wgt:flex wgt:items-start wgt:gap-3";
243
- const y = document.createElement("span");
244
- y.className = "wgt:text-primary wgt:flex-shrink-0", y.innerHTML = k;
245
- const l = document.createElement("div");
246
- l.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
247
- const m = document.createElement("span");
248
- m.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", m.textContent = T;
249
- const M = document.createElement("span");
250
- return M.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", M.textContent = A || "-", l.appendChild(m), l.appendChild(M), H.appendChild(y), H.appendChild(l), H;
243
+ const N = document.createElement("span");
244
+ N.className = "wgt:text-primary wgt:flex-shrink-0", N.innerHTML = k;
245
+ const d = document.createElement("div");
246
+ d.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
247
+ const u = document.createElement("span");
248
+ u.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", u.textContent = T;
249
+ const _ = document.createElement("span");
250
+ return _.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", _.textContent = A || "-", d.appendChild(u), d.appendChild(_), H.appendChild(N), H.appendChild(d), H;
251
251
  }
252
- const L = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>', b = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>', _ = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';
253
- f.appendChild(
254
- p(
255
- L,
256
- i("confirmation_popup_orderCode"),
257
- e == null ? void 0 : e.billNo
252
+ const l = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>', h = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>', M = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';
253
+ E.appendChild(
254
+ g(
255
+ l,
256
+ r("confirmation_popup_orderCode"),
257
+ t == null ? void 0 : t.billNo
258
258
  )
259
- ), f.appendChild(
260
- p(
261
- b,
262
- i("confirmation_popup_address"),
263
- e == null ? void 0 : e.merchantAddress
259
+ ), E.appendChild(
260
+ g(
261
+ h,
262
+ r("confirmation_popup_address"),
263
+ t == null ? void 0 : t.merchantAddress
264
264
  )
265
- ), f.appendChild(
266
- p(
267
- _,
268
- i("confirmation_popup_totalAmount"),
269
- O(e == null ? void 0 : e.amount) + " VND"
265
+ ), E.appendChild(
266
+ g(
267
+ M,
268
+ r("confirmation_popup_totalAmount"),
269
+ $(t == null ? void 0 : t.amount) + " VND"
270
270
  )
271
- ), N.appendChild(f), c.appendChild(N);
272
- const E = document.createElement("div");
273
- E.className = "wgt:px-6 wgt:pb-6";
271
+ ), L.appendChild(E), p.appendChild(L);
272
+ const v = document.createElement("div");
273
+ v.className = "wgt:px-6 wgt:pb-6";
274
274
  const w = document.createElement("div");
275
275
  w.className = "wgt:space-y-3 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:px-4 wgt:py-4";
276
- function u(k, T) {
276
+ function m(k, T) {
277
277
  const A = document.createElement("div");
278
278
  A.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
279
279
  const H = document.createElement("span");
280
280
  H.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", H.textContent = k;
281
- const y = document.createElement("span");
282
- return y.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", y.textContent = T || "-", A.appendChild(H), A.appendChild(y), A;
281
+ const N = document.createElement("span");
282
+ return N.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", N.textContent = T || "-", A.appendChild(H), A.appendChild(N), A;
283
283
  }
284
284
  n === "business" ? (w.appendChild(
285
- u(i("confirmation_popup_taxCode"), a.taxCode)
285
+ m(r("confirmation_popup_taxCode"), i.taxCode)
286
286
  ), w.appendChild(
287
- u(
288
- i("confirmation_popup_representativeName"),
289
- a.representativeName
287
+ m(
288
+ r("confirmation_popup_representativeName"),
289
+ i.representativeName
290
290
  )
291
291
  ), w.appendChild(
292
- u(i("confirmation_popup_buyerAddress"), a.buyerAddress)
292
+ m(r("confirmation_popup_buyerAddress"), i.buyerAddress)
293
293
  ), w.appendChild(
294
- u(i("confirmation_popup_performerName"), a.performerName)
294
+ m(r("confirmation_popup_performerName"), i.performerName)
295
295
  ), w.appendChild(
296
- u(i("confirmation_popup_email"), a.email)
296
+ m(r("confirmation_popup_email"), i.email)
297
297
  ), w.appendChild(
298
- u(i("confirmation_popup_phone"), a.phone)
298
+ m(r("confirmation_popup_phone"), i.phone)
299
299
  )) : (w.appendChild(
300
- u(
301
- i("confirmation_popup_representativeName"),
302
- a.representativeName
300
+ m(
301
+ r("confirmation_popup_representativeName"),
302
+ i.representativeName
303
303
  )
304
304
  ), w.appendChild(
305
- u(i("confirmation_popup_buyerAddress"), a.buyerAddress)
305
+ m(r("confirmation_popup_buyerAddress"), i.buyerAddress)
306
306
  ), w.appendChild(
307
- u(i("confirmation_popup_email"), a.email)
308
- )), E.appendChild(w), c.appendChild(E);
307
+ m(r("confirmation_popup_email"), i.email)
308
+ )), v.appendChild(w), p.appendChild(v);
309
309
  const C = document.createElement("div");
310
310
  C.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
311
- const B = P({
311
+ const B = q({
312
312
  type: "button",
313
313
  title: "Đóng",
314
314
  className: "wgt:flex-1 wgt:py-3 wgt:text-sm wgt:font-semibold wgt:rounded-[8px] wgt:bg-white wgt:text-primary wgt:border wgt:border-primary",
315
315
  handleClick: () => {
316
316
  typeof s == "function" && s();
317
317
  }
318
- }), S = P({
318
+ }), S = q({
319
319
  type: "button",
320
320
  title: "Xác nhận",
321
321
  className: "wgt:flex-1 wgt:py-3 wgt:text-sm wgt:font-semibold wgt:rounded-[8px] wgt:bg-primary wgt:text-white",
322
322
  handleClick: () => {
323
- typeof o == "function" && o({ type: n, data: a }), r.remove();
323
+ typeof o == "function" && o({ type: n, data: i }), a.remove();
324
324
  }
325
325
  });
326
- return C.appendChild(B), C.appendChild(S), c.appendChild(C), r.appendChild(c), r.addEventListener("click", (k) => {
327
- k.target === r && (typeof s == "function" && s(), r.remove());
328
- }), { overlay: r };
326
+ return C.appendChild(B), C.appendChild(S), p.appendChild(C), a.appendChild(p), a.addEventListener("click", (k) => {
327
+ k.target === a && (typeof s == "function" && s(), a.remove());
328
+ }), { overlay: a };
329
329
  }
330
- function ne({
330
+ function te({
331
331
  orderInfo: n,
332
- onPreview: a,
333
- theme: e,
334
- onSubmit: t,
332
+ onPreview: i,
333
+ theme: t,
334
+ onSubmit: e,
335
335
  taxCode: s = ""
336
336
  }) {
337
337
  const o = document.createElement("div");
338
- o.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", e && o.setAttribute("data-theme", e);
339
- const r = document.createElement("div");
340
- r.className = "wgt:w-full wgt:max-w-md wgt:space-y-4 wgt:rounded-xl wgt:bg-white wgt:p-4", o.appendChild(r);
338
+ o.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", t && o.setAttribute("data-theme", t);
339
+ const a = document.createElement("div");
340
+ a.className = "wgt:w-full wgt:max-w-md wgt:space-y-4 wgt:rounded-xl wgt:bg-white wgt:p-4", o.appendChild(a);
341
341
  const {
342
- container: c,
343
- open: d,
344
- close: h
345
- } = K();
346
- o.style.position = o.style.position || "relative", o.appendChild(c);
342
+ container: p,
343
+ open: c,
344
+ close: f
345
+ } = J();
346
+ o.style.position = o.style.position || "relative", o.appendChild(p);
347
+ const x = document.createElement("div");
348
+ x.className = "wgt:space-y-1";
349
+ const L = document.createElement("h3");
350
+ L.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", L.textContent = r("invoiceform_title");
351
+ const E = document.createElement("p");
352
+ E.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", E.textContent = r("invoiceform_subtitle"), x.appendChild(L), x.appendChild(E), a.appendChild(x);
347
353
  const g = document.createElement("div");
348
- g.className = "wgt:space-y-1";
349
- const N = document.createElement("h3");
350
- N.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", N.textContent = i("invoiceform_title");
351
- const f = document.createElement("p");
352
- f.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", f.textContent = i("invoiceform_subtitle"), g.appendChild(N), g.appendChild(f), r.appendChild(g);
353
- const p = document.createElement("div");
354
- p.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
355
- function L(l, m) {
356
- const M = document.createElement("div");
357
- M.className = "wgt:flex wgt:items-start";
354
+ g.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
355
+ function l(d, u) {
356
+ const _ = document.createElement("div");
357
+ _.className = "wgt:flex wgt:items-start";
358
358
  const V = document.createElement("div");
359
359
  V.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:w-1/3";
360
360
  const F = document.createElement("span");
361
361
  F.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
362
- let x = "";
363
- l === i("orderCode") ? x = `
362
+ let b = "";
363
+ d === r("orderCode") ? b = `
364
364
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
365
365
  <path d="M12.7996 14H3.19961C3.04048 14 2.88787 13.9368 2.77535 13.8243C2.66282 13.7117 2.59961 13.5591 2.59961 13.4V2.6C2.59961 2.44087 2.66282 2.28826 2.77535 2.17574C2.88787 2.06321 3.04048 2 3.19961 2H12.7996C12.9587 2 13.1114 2.06321 13.2239 2.17574C13.3364 2.28826 13.3996 2.44087 13.3996 2.6V13.4C13.3996 13.5591 13.3364 13.7117 13.2239 13.8243C13.1114 13.9368 12.9587 14 12.7996 14ZM12.1996 12.8V3.2H3.79961V12.8H12.1996ZM5.59961 6.2H10.3996V7.4H5.59961V6.2ZM5.59961 8.6H10.3996V9.8H5.59961V8.6Z" fill="currentColor"/>
366
366
  </svg>
367
367
 
368
- ` : l === i("address_form") ? x = `
368
+ ` : d === r("address_form") ? b = `
369
369
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
370
370
  <path d="M7.99961 13.34L10.9696 10.37C11.557 9.78256 11.9569 9.03419 12.1189 8.21948C12.281 7.40477 12.1978 6.56031 11.8799 5.79289C11.562 5.02546 11.0236 4.36954 10.333 3.90805C9.64229 3.44657 8.83028 3.20026 7.99961 3.20026C7.16895 3.20026 6.35694 3.44657 5.66626 3.90805C4.97558 4.36954 4.43726 5.02546 4.11936 5.79289C3.80146 6.56031 3.71826 7.40477 3.88028 8.21948C4.04231 9.03419 4.44227 9.78256 5.02961 10.37L7.99961 13.34ZM7.99961 15.0368L4.18121 11.2184C3.42602 10.4631 2.91172 9.50096 2.70337 8.45346C2.49501 7.40597 2.60195 6.32021 3.01067 5.33349C3.41938 4.34678 4.11152 3.50342 4.99954 2.91006C5.88756 2.3167 6.9316 2 7.99961 2C9.06763 2 10.1117 2.3167 10.9997 2.91006C11.8877 3.50342 12.5798 4.34678 12.9886 5.33349C13.3973 6.32021 13.5042 7.40597 13.2959 8.45346C13.0875 9.50096 12.5732 10.4631 11.818 11.2184L7.99961 15.0368ZM7.99961 8.59995C8.31787 8.59995 8.6231 8.47353 8.84814 8.24848C9.07318 8.02344 9.19961 7.71821 9.19961 7.39995C9.19961 7.08169 9.07318 6.77647 8.84814 6.55143C8.6231 6.32638 8.31787 6.19995 7.99961 6.19995C7.68135 6.19995 7.37613 6.32638 7.15108 6.55143C6.92604 6.77647 6.79961 7.08169 6.79961 7.39995C6.79961 7.71821 6.92604 8.02344 7.15108 8.24848C7.37613 8.47353 7.68135 8.59995 7.99961 8.59995ZM7.99961 9.79995C7.36309 9.79995 6.75264 9.5471 6.30256 9.09701C5.85247 8.64692 5.59961 8.03647 5.59961 7.39995C5.59961 6.76343 5.85247 6.15298 6.30256 5.7029C6.75264 5.25281 7.36309 4.99995 7.99961 4.99995C8.63613 4.99995 9.24658 5.25281 9.69667 5.7029C10.1468 6.15298 10.3996 6.76343 10.3996 7.39995C10.3996 8.03647 10.1468 8.64692 9.69667 9.09701C9.24658 9.5471 8.63613 9.79995 7.99961 9.79995Z" fill="currentColor"/>
371
371
  </svg>
372
372
 
373
- ` : l === i("total_amount") && (x = `
373
+ ` : d === r("total_amount") && (b = `
374
374
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
375
375
  <path d="M8 14C4.6862 14 2 11.3138 2 8C2 4.6862 4.6862 2 8 2C11.3138 2 14 4.6862 14 8C14 11.3138 11.3138 14 8 14ZM8 12.8C9.27304 12.8 10.4939 12.2943 11.3941 11.3941C12.2943 10.4939 12.8 9.27304 12.8 8C12.8 6.72696 12.2943 5.50606 11.3941 4.60589C10.4939 3.70571 9.27304 3.2 8 3.2C6.72696 3.2 5.50606 3.70571 4.60589 4.60589C3.70571 5.50606 3.2 6.72696 3.2 8C3.2 9.27304 3.70571 10.4939 4.60589 11.3941C5.50606 12.2943 6.72696 12.8 8 12.8V12.8ZM5.9 9.2H9.2C9.27957 9.2 9.35587 9.16839 9.41213 9.11213C9.46839 9.05587 9.5 8.97957 9.5 8.9C9.5 8.82044 9.46839 8.74413 9.41213 8.68787C9.35587 8.63161 9.27957 8.6 9.2 8.6H6.8C6.40218 8.6 6.02064 8.44197 5.73934 8.16066C5.45804 7.87936 5.3 7.49783 5.3 7.1C5.3 6.70218 5.45804 6.32065 5.73934 6.03934C6.02064 5.75804 6.40218 5.6 6.8 5.6H7.4V4.4H8.6V5.6H10.1V6.8H6.8C6.72044 6.8 6.64413 6.83161 6.58787 6.88787C6.53161 6.94413 6.5 7.02044 6.5 7.1C6.5 7.17957 6.53161 7.25587 6.58787 7.31213C6.64413 7.36839 6.72044 7.4 6.8 7.4H9.2C9.59783 7.4 9.97936 7.55804 10.2607 7.83934C10.542 8.12065 10.7 8.50218 10.7 8.9C10.7 9.29783 10.542 9.67936 10.2607 9.96066C9.97936 10.242 9.59783 10.4 9.2 10.4H8.6V11.6H7.4V10.4H5.9V9.2Z" fill="currentColor"/>
376
376
  </svg>
377
377
 
378
- `), F.innerHTML = x;
379
- const v = document.createElement("span");
380
- v.className = "wgt:text-sm wgt:text-weak-700", v.textContent = l, V.appendChild(F), V.appendChild(v);
378
+ `), F.innerHTML = b;
379
+ const y = document.createElement("span");
380
+ y.className = "wgt:text-sm wgt:text-weak-700", y.textContent = d, V.appendChild(F), V.appendChild(y);
381
381
  const j = document.createElement("span");
382
- return j.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", j.textContent = m, M.appendChild(V), M.appendChild(j), M;
382
+ return j.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", j.textContent = u, _.appendChild(V), _.appendChild(j), _;
383
383
  }
384
- p.appendChild(L(i("orderCode"), n == null ? void 0 : n.billNo)), p.appendChild(
385
- L(i("address_form"), n == null ? void 0 : n.merchantAddress)
386
- ), p.appendChild(
387
- L(
388
- i("total_amount"),
389
- O(n == null ? void 0 : n.amount) + " VND"
384
+ g.appendChild(l(r("orderCode"), n == null ? void 0 : n.billNo)), g.appendChild(
385
+ l(r("address_form"), n == null ? void 0 : n.merchantAddress)
386
+ ), g.appendChild(
387
+ l(
388
+ r("total_amount"),
389
+ $(n == null ? void 0 : n.amount) + " VND"
390
390
  )
391
- ), r.appendChild(p);
392
- const b = document.createElement("div");
393
- b.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", r.appendChild(b);
394
- const _ = document.createElement("div");
395
- _.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", b.appendChild(_);
396
- const E = document.createElement("button");
397
- E.type = "button", E.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", E.innerHTML = `
391
+ ), a.appendChild(g);
392
+ const h = document.createElement("div");
393
+ h.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", a.appendChild(h);
394
+ const M = document.createElement("div");
395
+ M.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", h.appendChild(M);
396
+ const v = document.createElement("button");
397
+ v.type = "button", v.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", v.innerHTML = `
398
398
  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
399
399
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
400
400
  <path d="M10 12C11.4587 12 12.8572 12.5799 13.8887 13.6113C14.8016 14.5242 15.3592 15.7247 15.4756 17H14.9746C14.8598 15.8576 14.3542 14.7839 13.5352 13.9648C12.5975 13.0272 11.3261 12.5 10 12.5C8.67392 12.5 7.40253 13.0272 6.46484 13.9648C5.64577 14.7839 5.14018 15.8576 5.02539 17H4.52441C4.64082 15.7247 5.19843 14.5242 6.11133 13.6113C7.07838 12.6443 8.36805 12.0742 9.72754 12.0068L10 12ZM10 2.25C12.2101 2.25 14 4.03989 14 6.25C14 8.46011 12.2101 10.25 10 10.25C7.78989 10.25 6 8.46011 6 6.25C6 4.03989 7.78989 2.25 10 2.25ZM10 2.75C8.06636 2.75 6.5 4.31636 6.5 6.25C6.5 8.18364 8.06636 9.75 10 9.75C11.9336 9.75 13.5 8.18364 13.5 6.25C13.5 4.31636 11.9336 2.75 10 2.75Z" fill="currentColor" stroke="currentColor"/>
401
401
  </svg>
402
402
 
403
- ${i("individual")}
403
+ ${r("individual")}
404
404
  </span>
405
405
  `;
406
406
  const w = document.createElement("button");
@@ -410,104 +410,104 @@ function ne({
410
410
  <path d="M4 3.875H11.5C11.5332 3.875 11.5654 3.88769 11.5889 3.91113C11.6123 3.93457 11.625 3.96685 11.625 4V15.875H15.875V8.625H14.375V8.375H16C16.0332 8.375 16.0654 8.38769 16.0889 8.41113C16.1123 8.43457 16.125 8.46685 16.125 8.5V15.875H17.625V16.125H2.375V15.875H3.875V4C3.875 3.96685 3.88769 3.93457 3.91113 3.91113C3.93457 3.88769 3.96685 3.875 4 3.875ZM4.125 15.875H11.375V4.125H4.125V15.875ZM8.625 9.875V10.125H6.875V9.875H8.625ZM8.625 6.875V7.125H6.875V6.875H8.625Z" fill="currentColor" stroke="currentColor" stroke-width="1.25"/>
411
411
  </svg>
412
412
 
413
- ${i("business")}
413
+ ${r("business")}
414
414
  </span>
415
- `, _.appendChild(E), _.appendChild(w);
416
- const u = document.createElement("div");
417
- u.className = "wgt:mt-4 wgt:px-4", b.appendChild(u);
418
- const C = I(), B = ee({
415
+ `, M.appendChild(v), M.appendChild(w);
416
+ const m = document.createElement("div");
417
+ m.className = "wgt:mt-4 wgt:px-4", h.appendChild(m);
418
+ const C = Y(), B = D({
419
419
  defaultValues: { taxCode: s || "" },
420
- onFetchByTaxCode: (l) => Z(null, null, function* () {
421
- var M, V;
422
- const m = yield Q(l);
420
+ onFetchByTaxCode: (d) => Z(null, null, function* () {
421
+ var _, V;
422
+ const u = yield K(d);
423
423
  return {
424
- representativeName: (M = m.nguoi_dai_dien) != null ? M : "",
425
- buyerAddress: (V = m.dia_chi) != null ? V : ""
424
+ representativeName: (_ = u.nguoi_dai_dien) != null ? _ : "",
425
+ buyerAddress: (V = u.dia_chi) != null ? V : ""
426
426
  };
427
427
  })
428
428
  });
429
429
  let S = "individual", k = C;
430
- function T(l) {
431
- S = l, E.style.borderBottom = "none", w.style.borderBottom = "none";
432
- const m = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
433
- l === "individual" ? (E.className = `${m} wgt:text-strong-950`, E.style.borderBottom = "2px solid var(--primary)", w.className = `${m} wgt:text-soft-400`, u.innerHTML = "", u.appendChild(C.container), k = C) : (w.className = `${m} wgt:text-strong-950`, w.style.borderBottom = "2px solid var(--primary)", E.className = `${m} wgt:text-soft-400`, u.innerHTML = "", u.appendChild(B.container), k = B);
430
+ function T(d) {
431
+ S = d, v.style.borderBottom = "none", w.style.borderBottom = "none";
432
+ const u = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
433
+ d === "individual" ? (v.className = `${u} wgt:text-strong-950`, v.style.borderBottom = "2px solid var(--primary)", w.className = `${u} wgt:text-soft-400`, m.innerHTML = "", m.appendChild(C.container), k = C) : (w.className = `${u} wgt:text-strong-950`, w.style.borderBottom = "2px solid var(--primary)", v.className = `${u} wgt:text-soft-400`, m.innerHTML = "", m.appendChild(B.container), k = B);
434
434
  }
435
- E.addEventListener("click", () => T("individual")), w.addEventListener("click", () => T("business")), T("individual");
435
+ v.addEventListener("click", () => T("individual")), w.addEventListener("click", () => T("business")), T("individual");
436
436
  const A = document.createElement("p");
437
- A.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", A.textContent = i("invoiceform_note"), r.appendChild(A);
437
+ A.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", A.textContent = r("invoiceform_note"), a.appendChild(A);
438
438
  const H = document.createElement("div");
439
439
  H.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
440
- const y = P({
440
+ const N = q({
441
441
  type: "button",
442
- title: i("btn_preview"),
442
+ title: r("btn_preview"),
443
443
  className: "wgt:min-w-[163px] wgt:text-white",
444
444
  handleClick: () => {
445
445
  if (!k.validate())
446
446
  return;
447
- const l = {
447
+ const d = {
448
448
  type: S,
449
449
  data: k.getValues()
450
- }, { overlay: m } = te({
451
- type: l.type,
452
- data: l.data,
450
+ }, { overlay: u } = ee({
451
+ type: d.type,
452
+ data: d.data,
453
453
  orderInfo: n,
454
- theme: e,
454
+ theme: t,
455
455
  onClose: () => {
456
456
  console.log("Popup closed");
457
457
  },
458
458
  onConfirm: () => Z(null, null, function* () {
459
- var M, V, F;
460
- m.remove(), d();
459
+ var _, V, F;
460
+ u.remove(), c();
461
461
  try {
462
- if (typeof t != "function") return;
463
- const x = yield t({
464
- type: l.type,
465
- data: l.data
466
- }), v = (F = (V = (M = x == null ? void 0 : x.finalData) != null ? M : x == null ? void 0 : x.data) != null ? V : x) != null ? F : {}, j = String((v == null ? void 0 : v.status) || "").trim().toLowerCase();
467
- if (h(), j === "invoiced") {
462
+ if (typeof e != "function") return;
463
+ const b = yield e({
464
+ type: d.type,
465
+ data: d.data
466
+ }), y = (F = (V = (_ = b == null ? void 0 : b.finalData) != null ? _ : b == null ? void 0 : b.data) != null ? V : b) != null ? F : {}, j = String((y == null ? void 0 : y.status) || "").trim().toLowerCase();
467
+ if (f(), j === "invoiced") {
468
468
  R({
469
- message: i("invoice_success"),
470
- description: i("invoice_description"),
469
+ message: r("invoice_success"),
470
+ description: r("invoice_description"),
471
471
  // okLabel: t('close'),
472
472
  isSuccess: !0,
473
473
  hideOkButton: !0,
474
- theme: e
474
+ theme: t
475
475
  }).open();
476
476
  return;
477
477
  }
478
478
  if (j === "failed") {
479
479
  R({
480
- message: i("invoice_failed"),
481
- description: i("invoice_description_failed"),
480
+ message: r("invoice_failed"),
481
+ description: r("invoice_description_failed"),
482
482
  // okLabel: t('close'),
483
483
  isSuccess: !1,
484
484
  hideOkButton: !0,
485
- theme: e
485
+ theme: t
486
486
  }).open();
487
487
  return;
488
488
  }
489
- } catch (x) {
490
- h(), R({
491
- message: i("invoice_failed"),
492
- description: i("invoice_description_failed"),
489
+ } catch (b) {
490
+ f(), R({
491
+ message: r("invoice_failed"),
492
+ description: r("invoice_description_failed"),
493
493
  // okLabel: t('close'),
494
494
  isSuccess: !1,
495
495
  hideOkButton: !0,
496
- theme: e
497
- }).open(), console.error(x);
496
+ theme: t
497
+ }).open(), console.error(b);
498
498
  }
499
499
  })
500
500
  });
501
- document.body.appendChild(m);
501
+ document.body.appendChild(u);
502
502
  }
503
503
  });
504
- return H.appendChild(y), r.appendChild(H), { container: o };
504
+ return H.appendChild(N), a.appendChild(H), { container: o };
505
505
  }
506
- function ie({ theme: n, onClose: a } = {}) {
507
- const e = document.createElement("div");
508
- e.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", n && e.setAttribute("data-theme", n);
506
+ function ne({ theme: n, onClose: i } = {}) {
509
507
  const t = document.createElement("div");
510
- t.className = "wgt:w-full wgt:max-w-md wgt:max-h-[208px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:p-8 wgt:text-center";
508
+ t.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", n && t.setAttribute("data-theme", n);
509
+ const e = document.createElement("div");
510
+ e.className = "wgt:w-full wgt:max-w-md wgt:max-h-[208px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:p-8 wgt:text-center";
511
511
  const s = document.createElement("div");
512
512
  s.className = "wgt:flex wgt:justify-center wgt:mb-4";
513
513
  const o = document.createElement("div");
@@ -516,17 +516,17 @@ function ie({ theme: n, onClose: a } = {}) {
516
516
  <path d="M20.7996 22.75H5.19961C4.94102 22.75 4.69303 22.6473 4.51018 22.4644C4.32733 22.2816 4.22461 22.0336 4.22461 21.775V4.225C4.22461 3.96641 4.32733 3.71842 4.51018 3.53557C4.69303 3.35272 4.94102 3.25 5.19961 3.25H20.7996C21.0582 3.25 21.3062 3.35272 21.489 3.53557C21.6719 3.71842 21.7746 3.96641 21.7746 4.225V21.775C21.7746 22.0336 21.6719 22.2816 21.489 22.4644C21.3062 22.6473 21.0582 22.75 20.7996 22.75ZM9.09961 10.075V12.025H16.8996V10.075H9.09961ZM9.09961 13.975V15.925H16.8996V13.975H9.09961Z" fill="white"/>
517
517
  </svg>
518
518
 
519
- `, s.appendChild(o), t.appendChild(s);
520
- const r = document.createElement("h2");
521
- r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = i("invoiceCheckout_title"), t.appendChild(r);
522
- const c = document.createElement("p");
523
- return c.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", c.textContent = i("invoiceCheckout_description"), t.appendChild(c), e.appendChild(t), { container: e };
519
+ `, s.appendChild(o), e.appendChild(s);
520
+ const a = document.createElement("h2");
521
+ a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = r("invoiceCheckout_title"), e.appendChild(a);
522
+ const p = document.createElement("p");
523
+ return p.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", p.textContent = r("invoiceCheckout_description"), e.appendChild(p), t.appendChild(e), { container: t };
524
524
  }
525
- function ae({ theme: n, onClose: a } = {}) {
526
- const e = document.createElement("div");
527
- e.className = "wgt:min-h-screen wgt:flex wgt:bg-[#F3F4F6] wgt:p-4", n && e.setAttribute("data-theme", n);
525
+ function ie({ theme: n, onClose: i } = {}) {
528
526
  const t = document.createElement("div");
529
- t.className = "wgt:w-full wgt:max-w-md wgt:max-h-[252px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
527
+ t.className = "wgt:min-h-screen wgt:flex wgt:bg-[#F3F4F6] wgt:p-4", n && t.setAttribute("data-theme", n);
528
+ const e = document.createElement("div");
529
+ e.className = "wgt:w-full wgt:max-w-md wgt:max-h-[252px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
530
530
  const s = document.createElement("div");
531
531
  s.className = "wgt:flex wgt:justify-center wgt:mb-2";
532
532
  const o = document.createElement("div");
@@ -548,19 +548,19 @@ function ae({ theme: n, onClose: a } = {}) {
548
548
  <path fill-rule="evenodd" clip-rule="evenodd" d="M38.7788 33.9142C39.4439 33.9142 39.9696 34.4369 39.9696 35.1051C39.9696 35.7748 39.4447 36.2959 38.7788 36.2959C38.1144 36.2959 37.5879 35.7748 37.5879 35.1051C37.5879 34.4361 38.1144 33.9142 38.7788 33.9142ZM44.1494 28.6799C43.9468 28.6837 43.7479 28.7675 43.6039 28.9146L39.9376 32.59C39.5826 32.4232 39.1925 32.3234 38.7788 32.3234C37.2542 32.3234 36.0039 33.5813 36.0039 35.1051C36.0039 36.6296 37.2542 37.8891 38.7788 37.8891C40.3033 37.8891 41.5544 36.6296 41.5544 35.1051C41.5544 34.5679 41.3944 34.0712 41.1285 33.6445L44.727 30.0376C45.2367 29.5317 44.8702 28.6632 44.1494 28.6799Z" fill="#808080"/>
549
549
  </svg>
550
550
 
551
- `, s.appendChild(o), t.appendChild(s);
552
- const r = document.createElement("h2");
553
- r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = i("invoiceExpired_title"), t.appendChild(r);
551
+ `, s.appendChild(o), e.appendChild(s);
552
+ const a = document.createElement("h2");
553
+ a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = r("invoiceExpired_title"), e.appendChild(a);
554
+ const p = document.createElement("p");
555
+ p.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", p.textContent = r("invoiceExpired_description"), e.appendChild(p);
554
556
  const c = document.createElement("p");
555
- c.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", c.textContent = i("invoiceExpired_description"), t.appendChild(c);
556
- const d = document.createElement("p");
557
- return d.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", d.textContent = i("invoiceExpired_note"), t.appendChild(d), e.appendChild(t), { container: e };
557
+ return c.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", c.textContent = r("invoiceExpired_note"), e.appendChild(c), t.appendChild(e), { container: t };
558
558
  }
559
- function W({ theme: n, onClose: a } = {}) {
560
- const e = document.createElement("div");
561
- e.className = "wgt:min-h-screen wgt:flex wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", n && e.setAttribute("data-theme", n);
559
+ function re({ theme: n, onClose: i } = {}) {
562
560
  const t = document.createElement("div");
563
- t.className = "wgt:w-full wgt:items-center wgt:flex wgt:flex-col wgt:min-h-screen wgt:justify-center wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
561
+ t.className = "wgt:min-h-screen wgt:flex wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", n && t.setAttribute("data-theme", n);
562
+ const e = document.createElement("div");
563
+ e.className = "wgt:w-full wgt:items-center wgt:flex wgt:flex-col wgt:min-h-screen wgt:justify-center wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
564
564
  const s = document.createElement("div");
565
565
  s.className = "wgt:flex wgt:justify-center wgt:mb-2 wgt:items-center wgt:justify-center";
566
566
  const o = document.createElement("div");
@@ -580,81 +580,113 @@ function W({ theme: n, onClose: a } = {}) {
580
580
  </svg>
581
581
 
582
582
 
583
- `, s.appendChild(o), t.appendChild(s);
584
- const r = document.createElement("h2");
585
- return r.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", r.textContent = i("order_not_found_title"), t.appendChild(r), e.appendChild(t), { container: e };
583
+ `, s.appendChild(o), e.appendChild(s);
584
+ const a = document.createElement("h2");
585
+ return a.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", a.textContent = r("order_not_found_title"), e.appendChild(a), t.appendChild(e), { container: t };
586
586
  }
587
587
  function U(n) {
588
588
  return String(n || "").trim().toLowerCase();
589
589
  }
590
- function ge({ uuid: n, orderInfo: a, theme: e }) {
591
- const t = document.createElement("div");
592
- t.className = "wgt:w-full wgt:min-h-screen";
590
+ function ge({ uuid: n, orderInfo: i, theme: t }) {
591
+ const e = document.createElement("div");
592
+ e.className = "wgt:w-full wgt:min-h-screen";
593
593
  let s = !1;
594
- function o(g) {
595
- s || (t.innerHTML = "", t.appendChild(g));
594
+ function o(l) {
595
+ s || (e.innerHTML = "", e.appendChild(l));
596
+ }
597
+ function a() {
598
+ return Z(this, null, function* () {
599
+ yield L();
600
+ });
596
601
  }
597
- function r(g) {
598
- const N = ne({
599
- orderInfo: g || {},
600
- theme: e,
601
- onSubmit: (L) => Z(null, [L], function* ({ type: f, data: p }) {
602
- const b = oe(f, p);
603
- return yield Y(n, b), { ok: !0, finalData: yield se(n, {
604
- maxTries: 20,
605
- intervalMs: 1500
606
- }) };
607
- })
602
+ function p(l) {
603
+ const h = te({
604
+ orderInfo: l || {},
605
+ theme: t,
606
+ onSubmit: (w) => Z(null, [w], function* ({ type: M, data: v }) {
607
+ try {
608
+ const m = oe(M, v);
609
+ return yield Q(n, m), { ok: !0, finalData: yield se(n, {
610
+ maxTries: 20,
611
+ intervalMs: 1500
612
+ }) };
613
+ } catch (m) {
614
+ throw m;
615
+ }
616
+ }),
617
+ onBack: a
608
618
  });
609
- o(N.container);
619
+ o(h.container);
610
620
  }
611
- function c() {
621
+ function c(l) {
622
+ const h = ne({
623
+ theme: t
624
+ });
625
+ o(h.container);
626
+ }
627
+ function f() {
628
+ const l = ie({
629
+ theme: t
630
+ });
631
+ o(l.container);
632
+ }
633
+ function x() {
634
+ const l = re({
635
+ theme: t
636
+ });
637
+ o(l.container);
638
+ }
639
+ function L() {
612
640
  return Z(this, null, function* () {
613
- const g = yield D(n);
614
- if (String((g == null ? void 0 : g.message) || "").trim())
615
- return o(W({ theme: e }).container);
616
- const f = U(g == null ? void 0 : g.status);
617
- return f === "expired" ? o(ae({ theme: e }).container) : f === "invoiced" ? o(ie({ theme: e }).container) : r(g || a || {});
641
+ try {
642
+ const l = yield z(n);
643
+ if (String((l == null ? void 0 : l.message) || "").trim())
644
+ return x();
645
+ const M = U(l == null ? void 0 : l.status);
646
+ return M === "expired" ? f() : M === "invoiced" ? c(l) : p(l || i || {});
647
+ } catch (l) {
648
+ return console.error("[EINV_FLOW] loadAndRender error:", l), x();
649
+ }
618
650
  });
619
651
  }
620
- function d() {
652
+ function E() {
621
653
  return Z(this, null, function* () {
622
654
  if (!n)
623
- return o(W({ theme: e }).container);
655
+ return x();
624
656
  try {
625
- yield c();
626
- } catch (g) {
627
- return console.error("[EINV_FLOW] init error:", g), o(W({ theme: e }).container);
657
+ yield L();
658
+ } catch (l) {
659
+ return console.error("[EINV_FLOW] init error:", l), x();
628
660
  }
629
661
  });
630
662
  }
631
- function h() {
632
- s = !0, t.innerHTML = "";
663
+ function g() {
664
+ s = !0, e.innerHTML = "";
633
665
  }
634
- return { container: t, init: d, destroy: h };
666
+ return { container: e, init: E, destroy: g };
635
667
  }
636
- function re(n) {
637
- const a = String(n || "").trim().toLowerCase();
638
- return "individual";
668
+ function ae(n) {
669
+ return String(n || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
639
670
  }
640
- function oe(n, a) {
641
- return {
642
- invoiceType: re(n),
643
- buyerName: (a == null ? void 0 : a.representativeName) || "",
644
- address: (a == null ? void 0 : a.buyerAddress) || "",
645
- email: (a == null ? void 0 : a.email) || ""
671
+ function oe(n, i) {
672
+ const t = ae(n), e = {
673
+ invoiceType: t,
674
+ buyerName: (i == null ? void 0 : i.representativeName) || "",
675
+ address: (i == null ? void 0 : i.buyerAddress) || "",
676
+ email: (i == null ? void 0 : i.email) || ""
646
677
  };
678
+ return t === "enterprise" && (e.taxCode = i != null && i.noTaxCode ? "" : (i == null ? void 0 : i.taxCode) || "", e.performerName = (i == null ? void 0 : i.performerName) || ""), e;
647
679
  }
648
- function se(t) {
649
- return Z(this, arguments, function* (n, { maxTries: a = 20, intervalMs: e = 1500 } = {}) {
650
- for (let o = 0; o < a; o++) {
651
- yield le(e);
652
- const r = yield D(n), c = U(r == null ? void 0 : r.status);
653
- if (c === "invoiced")
654
- return r;
655
- if (c === "expired") {
656
- const d = new Error("Invoice request expired while polling");
657
- throw d.code = "EXPIRED", d.data = r, d;
680
+ function se(e) {
681
+ return Z(this, arguments, function* (n, { maxTries: i = 20, intervalMs: t = 1500 } = {}) {
682
+ for (let o = 0; o < i; o++) {
683
+ yield le(t);
684
+ const a = yield z(n), p = U(a == null ? void 0 : a.status);
685
+ if (p === "invoiced")
686
+ return a;
687
+ if (p === "expired") {
688
+ const c = new Error("Invoice request expired while polling");
689
+ throw c.code = "EXPIRED", c.data = a, c;
658
690
  }
659
691
  }
660
692
  const s = new Error("Polling timeout: status not invoiced");
@@ -662,7 +694,7 @@ function se(t) {
662
694
  });
663
695
  }
664
696
  function le(n) {
665
- return new Promise((a) => setTimeout(a, n));
697
+ return new Promise((i) => setTimeout(i, n));
666
698
  }
667
699
  export {
668
700
  ge as createInvoiceRequestFlow