@invoice-sdk/widget 1.115.6 → 1.116.0

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.
Files changed (9) hide show
  1. package/dist/{index-BInljDkt.js → index-Ba_b4M50.js} +3 -3
  2. package/dist/{index-B3BxLLGz.js → index-DfRo2uNU.js} +329 -323
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.umd.js +58 -58
  5. package/dist/loading-BHrUW4gA.js +237 -0
  6. package/dist/{widget-Bg4h17Ae.js → widget-DVCT2ZIV.js} +188 -208
  7. package/dist/widget.css +1 -1
  8. package/package.json +1 -1
  9. package/dist/invoice-QZ5cgmMz.js +0 -220
package/dist/{index-B3BxLLGz.js → index-DfRo2uNU.js} RENAMED
@@ -1,33 +1,33 @@
1
- var U = Object.defineProperty;
2
- var W = Object.getOwnPropertySymbols;
3
- var X = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
4
- var $ = (i, a, e) => a in i ? U(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e, S = (i, a) => {
1
+ var X = Object.defineProperty;
2
+ var $ = Object.getOwnPropertySymbols;
3
+ var G = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
4
+ var z = (i, a, e) => a in i ? X(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e, q = (i, a) => {
5
5
  for (var e in a || (a = {}))
6
- X.call(a, e) && $(i, e, a[e]);
7
- if (W)
8
- for (var e of W(a))
9
- G.call(a, e) && $(i, e, a[e]);
6
+ G.call(a, e) && z(i, e, a[e]);
7
+ if ($)
8
+ for (var e of $(a))
9
+ J.call(a, e) && z(i, e, a[e]);
10
10
  return i;
11
11
  };
12
- var F = (i, a, e) => new Promise((t, o) => {
13
- var s = (d) => {
12
+ var Z = (i, a, e) => new Promise((t, s) => {
13
+ var o = (d) => {
14
14
  try {
15
- l(e.next(d));
16
- } catch (b) {
17
- o(b);
15
+ c(e.next(d));
16
+ } catch (h) {
17
+ s(h);
18
18
  }
19
19
  }, r = (d) => {
20
20
  try {
21
- l(e.throw(d));
22
- } catch (b) {
23
- o(b);
21
+ c(e.throw(d));
22
+ } catch (h) {
23
+ s(h);
24
24
  }
25
- }, l = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(s, r);
26
- l((e = e.apply(i, a)).next());
25
+ }, c = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(o, r);
26
+ c((e = e.apply(i, a)).next());
27
27
  });
28
- import { c as q, f as z, b as J, n as D, s as K } from "./invoice-QZ5cgmMz.js";
29
- import { t as n, c as P } from "./index-BInljDkt.js";
30
- function Q({ defaultValues: i = {}, onChange: a } = {}) {
28
+ import { c as P, f as D, e as K, b as Q, o as O, s as Y } from "./loading-BHrUW4gA.js";
29
+ import { t as n, c as R } from "./index-Ba_b4M50.js";
30
+ function I({ defaultValues: i = {}, onChange: a } = {}) {
31
31
  const e = {
32
32
  representativeName: i.representativeName || "",
33
33
  buyerAddress: i.buyerAddress || "",
@@ -35,56 +35,56 @@ function Q({ defaultValues: i = {}, onChange: a } = {}) {
35
35
  phone: i.phone || ""
36
36
  }, t = document.createElement("div");
37
37
  t.className = "wgt:space-y-2";
38
- function o() {
39
- typeof a == "function" && a(S({}, e));
38
+ function s() {
39
+ typeof a == "function" && a(q({}, e));
40
40
  }
41
- function s({ label: c, required: h, name: m, type: M = "text", placeholder: H }) {
42
- const v = document.createElement("div");
43
- v.className = "";
44
- const E = document.createElement("label");
45
- E.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", E.htmlFor = m, E.innerHTML = h ? `${c} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : c;
46
- const u = document.createElement("input");
47
- return u.id = m, u.name = m, u.type = M, u.placeholder = H || "", u.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", u.value = e[m] || "", u.addEventListener("input", () => {
48
- e[m] = u.value, u.classList.remove(
41
+ function o({ label: p, required: L, name: b, type: _ = "text", placeholder: E }) {
42
+ const w = document.createElement("div");
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;
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(
49
49
  "wgt:border-semantic-error",
50
50
  "wgt:bg-semantic-error-50"
51
- ), o();
52
- }), v.appendChild(E), v.appendChild(u), { field: v, input: u };
51
+ ), s();
52
+ }), w.appendChild(u), w.appendChild(C), { field: w, input: C };
53
53
  }
54
- const { field: r, input: l } = s({
54
+ const { field: r, input: c } = o({
55
55
  label: n("representativeName"),
56
56
  required: !0,
57
57
  name: "representativeName",
58
58
  placeholder: n("representativeName_input")
59
- }), { field: d } = s({
59
+ }), { field: d } = o({
60
60
  label: n("buyerAddress"),
61
61
  required: !1,
62
62
  name: "buyerAddress",
63
63
  placeholder: n("buyerAddress_input")
64
- }), { field: b, input: w } = s({
64
+ }), { field: h, input: g } = o({
65
65
  label: n("email"),
66
66
  required: !0,
67
67
  name: "email",
68
68
  type: "email",
69
69
  placeholder: n("email_input")
70
70
  });
71
- t.appendChild(r), t.appendChild(d), t.appendChild(b);
72
- function L() {
73
- let c = !0;
74
- function h(m) {
75
- m.classList.add(
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(
76
76
  "wgt:border-semantic-error",
77
77
  "wgt:bg-semantic-error-50"
78
- ), c = !1;
78
+ ), p = !1;
79
79
  }
80
- return e.representativeName.trim() || h(l), e.email.trim() || h(w), c;
80
+ return e.representativeName.trim() || L(c), e.email.trim() || L(g), p;
81
81
  }
82
- function x() {
83
- return S({}, e);
82
+ function f() {
83
+ return q({}, e);
84
84
  }
85
- return { container: t, getValues: x, validate: L };
85
+ return { container: t, getValues: f, validate: N };
86
86
  }
87
- function Y({
87
+ function ee({
88
88
  defaultValues: i = {},
89
89
  onChange: a,
90
90
  onFetchByTaxCode: e
@@ -97,298 +97,304 @@ function Y({
97
97
  performerName: i.performerName || "",
98
98
  email: i.email || "",
99
99
  phone: i.phone || ""
100
- }, o = document.createElement("div");
101
- o.className = "wgt:space-y-2";
102
- function s() {
103
- typeof a == "function" && a(S({}, t));
100
+ }, s = document.createElement("div");
101
+ s.className = "wgt:space-y-2";
102
+ function o() {
103
+ typeof a == "function" && a(q({}, t));
104
104
  }
105
- function r({ label: g, required: p, name: N, type: y = "text", placeholder: V }) {
106
- const k = document.createElement("div");
107
- k.className = "";
108
- const j = document.createElement("label");
109
- j.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", j.htmlFor = N, j.innerHTML = p ? `${g} <span class="wgt:text-[#ED1C24]">*</span>` : g;
110
- const A = document.createElement("input");
111
- return A.id = N, A.name = N, A.type = y, A.placeholder = V || "", A.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", A.value = t[N] || "", A.addEventListener("input", () => {
112
- t[N] = A.value, A.classList.remove(
105
+ function r({ label: y, required: l, name: m, type: M = "text", placeholder: V }) {
106
+ const F = document.createElement("div");
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(
113
113
  "wgt:border-semantic-error",
114
114
  "wgt:bg-semantic-error-50"
115
- ), s();
116
- }), k.appendChild(j), k.appendChild(A), { field: k, input: A };
115
+ ), o();
116
+ }), F.appendChild(x), F.appendChild(v), { field: F, input: v };
117
117
  }
118
- const l = document.createElement("label");
119
- l.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:font-medium wgt:text-strong-950 wgt:text-sm";
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
120
  const d = document.createElement("input");
121
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 b = document.createElement("span");
123
- b.textContent = n("business_noTaxCode"), b.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", b.style.fontFamily = "Inter, sans-serif", d.addEventListener("change", () => {
124
- t.noTaxCode = d.checked, c.disabled = t.noTaxCode, h.disabled = t.noTaxCode, s();
125
- }), l.appendChild(d), l.appendChild(b);
126
- const w = document.createElement("div");
127
- w.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 = n("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
130
- const x = document.createElement("div");
131
- x.className = "wgt:flex wgt:gap-2 wgt:mt-2";
132
- const c = document.createElement("input");
133
- c.type = "text", c.name = "taxCode", c.placeholder = n("taxCode_input"), c.value = t.taxCode, c.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", c.addEventListener("input", () => {
134
- t.taxCode = c.value, c.classList.remove(
122
+ const h = document.createElement("span");
123
+ h.textContent = n("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 = n("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 = n("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(
135
135
  "wgt:border-semantic-error",
136
136
  "wgt:bg-semantic-error-50"
137
- ), s();
137
+ ), o();
138
138
  });
139
- const h = q({
139
+ const L = P({
140
140
  type: "button",
141
141
  title: n("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
- handleClick: () => F(null, null, function* () {
143
+ handleClick: () => Z(null, null, function* () {
144
144
  if (t.noTaxCode || typeof e != "function")
145
145
  return;
146
- const g = String(t.taxCode || "").trim();
147
- if (!g) {
148
- c.classList.add(
146
+ const y = String(t.taxCode || "").trim();
147
+ if (!y) {
148
+ p.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
- h.disabled = !0;
156
- const p = yield e(g, S({}, t));
157
- if (!p || typeof p != "object") return;
158
- p.representativeName != null && (t.representativeName = String(p.representativeName || ""), M.value = t.representativeName), p.buyerAddress != null && (t.buyerAddress = String(p.buyerAddress || ""), v.value = t.buyerAddress), s();
159
- } catch (p) {
160
- c.classList.add(
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(
161
161
  "wgt:border-semantic-error",
162
162
  "wgt:bg-semantic-error-50"
163
163
  );
164
164
  } finally {
165
- h.disabled = t.noTaxCode;
165
+ L.disabled = t.noTaxCode;
166
166
  }
167
167
  })
168
168
  });
169
- x.appendChild(c), x.appendChild(h), w.appendChild(L), w.appendChild(x);
170
- const { field: m, input: M } = r({
169
+ f.appendChild(p), f.appendChild(L), g.appendChild(N), g.appendChild(f);
170
+ const { field: b, input: _ } = r({
171
171
  label: n("representativeName"),
172
172
  required: !0,
173
173
  name: "representativeName",
174
174
  placeholder: n("representativeName_input")
175
- }), { field: H, input: v } = r({
175
+ }), { field: E, input: w } = r({
176
176
  label: n("buyerAddress"),
177
177
  required: !1,
178
178
  name: "buyerAddress",
179
179
  placeholder: n("buyerAddress_input")
180
- }), { field: E, input: u } = r({
180
+ }), { field: u, input: C } = r({
181
181
  label: n("performerName"),
182
182
  required: !0,
183
183
  name: "performerName",
184
184
  placeholder: n("performerName_input")
185
- }), { field: T, input: Z } = r({
185
+ }), { field: B, input: S } = r({
186
186
  label: n("email"),
187
187
  required: !0,
188
188
  name: "email",
189
189
  type: "email",
190
190
  placeholder: n("email_input")
191
- }), { field: _, input: B } = r({
191
+ }), { field: k, input: T } = r({
192
192
  label: n("phone"),
193
193
  required: !0,
194
194
  name: "phone",
195
195
  type: "tel",
196
196
  placeholder: n("phone_input")
197
197
  });
198
- o.appendChild(l), o.appendChild(w), o.appendChild(m), o.appendChild(H), o.appendChild(E), o.appendChild(T), o.appendChild(_), c.disabled = t.noTaxCode, h.disabled = t.noTaxCode;
199
- function C() {
200
- let g = !0;
201
- function p(N) {
202
- N.classList.add(
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;
199
+ function A() {
200
+ let y = !0;
201
+ function l(m) {
202
+ m.classList.add(
203
203
  "wgt:border-semantic-error",
204
204
  "wgt:bg-semantic-error-50 ",
205
205
  "wgt:mt-2"
206
- ), g = !1;
206
+ ), y = !1;
207
207
  }
208
- return !t.noTaxCode && !t.taxCode.trim() && p(c), t.representativeName.trim() || p(M), t.performerName.trim() || p(u), t.email.trim() || p(Z), t.phone.trim() || p(B), g;
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;
209
209
  }
210
- function f() {
211
- return S({}, t);
210
+ function H() {
211
+ return q({}, t);
212
212
  }
213
- return { container: o, getValues: f, validate: C };
213
+ return { container: s, getValues: H, validate: A };
214
214
  }
215
- function I({
215
+ function te({
216
216
  type: i,
217
217
  data: a,
218
218
  orderInfo: e,
219
219
  theme: t,
220
- onClose: o,
221
- onConfirm: s
220
+ onClose: s,
221
+ onConfirm: o
222
222
  }) {
223
223
  const r = document.createElement("div");
224
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 = `
225
225
  background-color: rgba(0, 0, 0, 0.5);
226
226
  backdrop-filter: blur(4px);
227
227
  `, t && r.setAttribute("data-theme", t);
228
- const l = document.createElement("div");
229
- l.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
+ 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
230
  const d = document.createElement("div");
231
231
  d.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
232
- const b = document.createElement("h3");
233
- b.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", b.textContent = n("confirmation_popup_title");
234
- const w = document.createElement("p");
235
- w.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", w.textContent = n("confirmation_popup_subtitle"), d.appendChild(b), d.appendChild(w), l.appendChild(d);
236
- const L = document.createElement("div");
237
- L.className = "wgt:px-6 wgt:pb-4";
238
- const x = document.createElement("div");
239
- x.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
240
- function c(_, B, C) {
241
- const f = document.createElement("div");
242
- f.className = "wgt:flex wgt:items-start wgt:gap-3";
243
- const g = document.createElement("span");
244
- g.className = "wgt:text-primary wgt:flex-shrink-0", g.innerHTML = _;
245
- const p = document.createElement("div");
246
- p.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
247
- const N = document.createElement("span");
248
- N.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", N.textContent = B;
232
+ const h = document.createElement("h3");
233
+ h.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", h.textContent = n("confirmation_popup_title");
234
+ const g = document.createElement("p");
235
+ g.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", g.textContent = n("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) {
241
+ const H = document.createElement("div");
242
+ H.className = "wgt:flex wgt:items-start wgt:gap-3";
249
243
  const y = document.createElement("span");
250
- return y.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", y.textContent = C || "-", p.appendChild(N), p.appendChild(y), f.appendChild(g), f.appendChild(p), f;
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;
251
251
  }
252
- const 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="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>', 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="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
- x.appendChild(
254
- c(
255
- h,
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
256
  n("confirmation_popup_orderCode"),
257
257
  e == null ? void 0 : e.billNo
258
258
  )
259
- ), x.appendChild(
260
- c(
261
- m,
259
+ ), f.appendChild(
260
+ p(
261
+ b,
262
262
  n("confirmation_popup_address"),
263
263
  e == null ? void 0 : e.merchantAddress
264
264
  )
265
- ), x.appendChild(
266
- c(
267
- M,
265
+ ), f.appendChild(
266
+ p(
267
+ _,
268
268
  n("confirmation_popup_totalAmount"),
269
- z(e == null ? void 0 : e.amount) + " VND"
269
+ D(e == null ? void 0 : e.amount) + " VND"
270
270
  )
271
- ), L.appendChild(x), l.appendChild(L);
272
- const H = document.createElement("div");
273
- H.className = "wgt:px-6 wgt:pb-6";
274
- const v = document.createElement("div");
275
- v.className = "wgt:space-y-3 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:px-4 wgt:py-4";
276
- function E(_, B) {
277
- const C = document.createElement("div");
278
- C.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
279
- const f = document.createElement("span");
280
- f.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", f.textContent = _;
281
- const g = document.createElement("span");
282
- return g.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", g.textContent = B || "-", C.appendChild(f), C.appendChild(g), C;
271
+ ), N.appendChild(f), c.appendChild(N);
272
+ const E = document.createElement("div");
273
+ E.className = "wgt:px-6 wgt:pb-6";
274
+ const w = document.createElement("div");
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) {
277
+ const A = document.createElement("div");
278
+ A.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
279
+ const H = document.createElement("span");
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;
283
283
  }
284
- i === "business" ? (v.appendChild(
285
- E(n("confirmation_popup_taxCode"), a.taxCode)
286
- ), v.appendChild(
287
- E(
284
+ i === "business" ? (w.appendChild(
285
+ u(n("confirmation_popup_taxCode"), a.taxCode)
286
+ ), w.appendChild(
287
+ u(
288
288
  n("confirmation_popup_representativeName"),
289
289
  a.representativeName
290
290
  )
291
- ), v.appendChild(
292
- E(n("confirmation_popup_buyerAddress"), a.buyerAddress)
293
- ), v.appendChild(
294
- E(n("confirmation_popup_performerName"), a.performerName)
295
- ), v.appendChild(
296
- E(n("confirmation_popup_email"), a.email)
297
- ), v.appendChild(
298
- E(n("confirmation_popup_phone"), a.phone)
299
- )) : (v.appendChild(
300
- E(
291
+ ), w.appendChild(
292
+ u(n("confirmation_popup_buyerAddress"), a.buyerAddress)
293
+ ), w.appendChild(
294
+ u(n("confirmation_popup_performerName"), a.performerName)
295
+ ), w.appendChild(
296
+ u(n("confirmation_popup_email"), a.email)
297
+ ), w.appendChild(
298
+ u(n("confirmation_popup_phone"), a.phone)
299
+ )) : (w.appendChild(
300
+ u(
301
301
  n("confirmation_popup_representativeName"),
302
302
  a.representativeName
303
303
  )
304
- ), v.appendChild(
305
- E(n("confirmation_popup_buyerAddress"), a.buyerAddress)
306
- ), v.appendChild(
307
- E(n("confirmation_popup_email"), a.email)
308
- )), H.appendChild(v), l.appendChild(H);
309
- const u = document.createElement("div");
310
- u.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
311
- const T = q({
304
+ ), w.appendChild(
305
+ u(n("confirmation_popup_buyerAddress"), a.buyerAddress)
306
+ ), w.appendChild(
307
+ u(n("confirmation_popup_email"), a.email)
308
+ )), E.appendChild(w), c.appendChild(E);
309
+ const C = document.createElement("div");
310
+ C.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
311
+ const B = P({
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
- typeof o == "function" && o(), r.remove();
316
+ typeof s == "function" && s();
317
317
  }
318
- }), Z = q({
318
+ }), S = P({
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 s == "function" && s({ type: i, data: a }), r.remove();
323
+ typeof o == "function" && o({ type: i, data: a }), r.remove();
324
324
  }
325
325
  });
326
- return u.appendChild(T), u.appendChild(Z), l.appendChild(u), r.appendChild(l), r.addEventListener("click", (_) => {
327
- _.target === r && (typeof o == "function" && o(), r.remove());
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
328
  }), { overlay: r };
329
329
  }
330
- function ee({
330
+ function ne({
331
331
  orderInfo: i,
332
332
  onPreview: a,
333
333
  theme: e,
334
334
  onSubmit: t,
335
- taxCode: o = ""
335
+ taxCode: s = ""
336
336
  }) {
337
- const s = document.createElement("div");
338
- s.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", e && s.setAttribute("data-theme", e);
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
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", s.appendChild(r);
341
- const l = document.createElement("div");
342
- l.className = "wgt:space-y-1";
343
- const d = document.createElement("h3");
344
- d.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", d.textContent = n("invoiceform_title");
345
- const b = document.createElement("p");
346
- b.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", b.textContent = n("invoiceform_subtitle"), l.appendChild(d), l.appendChild(b), r.appendChild(l);
347
- const w = document.createElement("div");
348
- w.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
349
- function L(C, f) {
350
- const g = document.createElement("div");
351
- g.className = "wgt:flex wgt:items-start";
352
- const p = document.createElement("div");
353
- p.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:w-1/3";
354
- const N = document.createElement("span");
355
- N.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
356
- let y = "";
357
- C === n("orderCode") ? y = `
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);
341
+ const {
342
+ container: c,
343
+ open: d,
344
+ close: h
345
+ } = K();
346
+ o.style.position = o.style.position || "relative", o.appendChild(c);
347
+ 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 = n("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 = n("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";
358
+ const V = document.createElement("div");
359
+ V.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:w-1/3";
360
+ const F = document.createElement("span");
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 === n("orderCode") ? x = `
358
364
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
359
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"/>
360
366
  </svg>
361
367
 
362
- ` : C === n("address_form") ? y = `
368
+ ` : l === n("address_form") ? x = `
363
369
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
364
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"/>
365
371
  </svg>
366
372
 
367
- ` : C === n("total_amount") && (y = `
373
+ ` : l === n("total_amount") && (x = `
368
374
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
369
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"/>
370
376
  </svg>
371
377
 
372
- `), N.innerHTML = y;
373
- const V = document.createElement("span");
374
- V.className = "wgt:text-sm wgt:text-weak-700", V.textContent = C, p.appendChild(N), p.appendChild(V);
375
- const k = document.createElement("span");
376
- return k.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", k.textContent = f, g.appendChild(p), g.appendChild(k), g;
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);
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;
377
383
  }
378
- w.appendChild(L(n("orderCode"), i == null ? void 0 : i.billNo)), w.appendChild(
384
+ p.appendChild(L(n("orderCode"), i == null ? void 0 : i.billNo)), p.appendChild(
379
385
  L(n("address_form"), i == null ? void 0 : i.merchantAddress)
380
- ), w.appendChild(
386
+ ), p.appendChild(
381
387
  L(
382
388
  n("total_amount"),
383
- z(i == null ? void 0 : i.amount) + " VND"
389
+ D(i == null ? void 0 : i.amount) + " VND"
384
390
  )
385
- ), r.appendChild(w);
386
- const x = document.createElement("div");
387
- x.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", r.appendChild(x);
388
- const c = document.createElement("div");
389
- c.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", x.appendChild(c);
390
- const h = document.createElement("button");
391
- h.type = "button", h.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", h.innerHTML = `
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 = `
392
398
  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
393
399
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
394
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"/>
@@ -397,8 +403,8 @@ function ee({
397
403
  ${n("individual")}
398
404
  </span>
399
405
  `;
400
- const m = document.createElement("button");
401
- m.type = "button", m.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold", m.innerHTML = `
406
+ const w = document.createElement("button");
407
+ w.type = "button", w.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold", w.innerHTML = `
402
408
  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
403
409
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
404
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"/>
@@ -406,60 +412,60 @@ function ee({
406
412
 
407
413
  ${n("business")}
408
414
  </span>
409
- `, c.appendChild(h), c.appendChild(m);
410
- const M = document.createElement("div");
411
- M.className = "wgt:mt-4 wgt:px-4", x.appendChild(M);
412
- const H = Q(), v = Y({
413
- defaultValues: { taxCode: o || "" },
414
- onFetchByTaxCode: (C) => F(null, null, function* () {
415
- var g, p;
416
- const f = yield J(C);
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({
419
+ defaultValues: { taxCode: s || "" },
420
+ onFetchByTaxCode: (l) => Z(null, null, function* () {
421
+ var M, V;
422
+ const m = yield Q(l);
417
423
  return {
418
- representativeName: (g = f.nguoi_dai_dien) != null ? g : "",
419
- buyerAddress: (p = f.dia_chi) != null ? p : ""
424
+ representativeName: (M = m.nguoi_dai_dien) != null ? M : "",
425
+ buyerAddress: (V = m.dia_chi) != null ? V : ""
420
426
  };
421
427
  })
422
428
  });
423
- let E = "individual", u = H;
424
- function T(C) {
425
- E = C, h.style.borderBottom = "none", m.style.borderBottom = "none";
426
- const f = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
427
- C === "individual" ? (h.className = `${f} wgt:text-strong-950`, h.style.borderBottom = "2px solid var(--primary)", m.className = `${f} wgt:text-soft-400`, M.innerHTML = "", M.appendChild(H.container), u = H) : (m.className = `${f} wgt:text-strong-950`, m.style.borderBottom = "2px solid var(--primary)", h.className = `${f} wgt:text-soft-400`, M.innerHTML = "", M.appendChild(v.container), u = v);
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);
428
434
  }
429
- h.addEventListener("click", () => T("individual")), m.addEventListener("click", () => T("business")), T("individual");
430
- const Z = document.createElement("p");
431
- Z.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", Z.textContent = n("invoiceform_note"), r.appendChild(Z);
432
- const _ = document.createElement("div");
433
- _.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
434
- const B = q({
435
+ E.addEventListener("click", () => T("individual")), w.addEventListener("click", () => T("business")), T("individual");
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 = n("invoiceform_note"), r.appendChild(A);
438
+ const H = document.createElement("div");
439
+ H.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
440
+ const y = P({
435
441
  type: "button",
436
442
  title: n("btn_preview"),
437
443
  className: "wgt:min-w-[163px] wgt:text-white",
438
444
  handleClick: () => {
439
- if (!u.validate())
445
+ if (!k.validate())
440
446
  return;
441
- const C = {
442
- type: E,
443
- data: u.getValues()
444
- }, { overlay: f } = I({
445
- type: C.type,
446
- data: C.data,
447
+ const l = {
448
+ type: S,
449
+ data: k.getValues()
450
+ }, { overlay: m } = te({
451
+ type: l.type,
452
+ data: l.data,
447
453
  orderInfo: i,
448
454
  theme: e,
449
455
  onClose: () => {
450
456
  console.log("Popup closed");
451
457
  },
452
- onConfirm: () => F(null, null, function* () {
453
- var g, p, N;
454
- f.remove();
458
+ onConfirm: () => Z(null, null, function* () {
459
+ var M, V, F;
460
+ m.remove(), d();
455
461
  try {
456
462
  if (typeof t != "function") return;
457
- const y = yield t({
458
- type: C.type,
459
- data: C.data
460
- }), V = (N = (p = (g = y == null ? void 0 : y.finalData) != null ? g : y == null ? void 0 : y.data) != null ? p : y) != null ? N : {}, k = String((V == null ? void 0 : V.status) || "").trim().toLowerCase();
461
- if (k === "invoiced") {
462
- P({
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") {
468
+ R({
463
469
  message: n("invoice_success"),
464
470
  description: n("invoice_description"),
465
471
  okLabel: n("close"),
@@ -468,8 +474,8 @@ function ee({
468
474
  }).open();
469
475
  return;
470
476
  }
471
- if (k === "failed") {
472
- P({
477
+ if (j === "failed") {
478
+ R({
473
479
  message: n("invoice_failed"),
474
480
  description: n("invoice_description_failed"),
475
481
  okLabel: n("close"),
@@ -478,50 +484,50 @@ function ee({
478
484
  }).open();
479
485
  return;
480
486
  }
481
- } catch (y) {
482
- P({
487
+ } catch (x) {
488
+ h(), R({
483
489
  message: n("invoice_failed"),
484
490
  description: n("invoice_description_failed"),
485
491
  okLabel: n("close"),
486
492
  isSuccess: !1,
487
493
  theme: e
488
- }).open(), console.error(y);
494
+ }).open(), console.error(x);
489
495
  }
490
496
  })
491
497
  });
492
- document.body.appendChild(f);
498
+ document.body.appendChild(m);
493
499
  }
494
500
  });
495
- return _.appendChild(B), r.appendChild(_), { container: s };
501
+ return H.appendChild(y), r.appendChild(H), { container: o };
496
502
  }
497
- function te({ theme: i, onClose: a } = {}) {
503
+ function ie({ theme: i, onClose: a } = {}) {
498
504
  const e = document.createElement("div");
499
505
  e.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", i && e.setAttribute("data-theme", i);
500
506
  const t = document.createElement("div");
501
507
  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";
502
- const o = document.createElement("div");
503
- o.className = "wgt:flex wgt:justify-center wgt:mb-4";
504
508
  const s = document.createElement("div");
505
- s.className = "wgt:w-12 wgt:h-12 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center", s.style.backgroundColor = "#335CFF", s.innerHTML = `
509
+ s.className = "wgt:flex wgt:justify-center wgt:mb-4";
510
+ const o = document.createElement("div");
511
+ o.className = "wgt:w-12 wgt:h-12 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center", o.style.backgroundColor = "#335CFF", o.innerHTML = `
506
512
  <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
507
513
  <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"/>
508
514
  </svg>
509
515
 
510
- `, o.appendChild(s), t.appendChild(o);
516
+ `, s.appendChild(o), t.appendChild(s);
511
517
  const r = document.createElement("h2");
512
518
  r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = n("invoiceCheckout_title"), t.appendChild(r);
513
- const l = document.createElement("p");
514
- return l.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", l.textContent = n("invoiceCheckout_description"), t.appendChild(l), e.appendChild(t), { container: e };
519
+ const c = document.createElement("p");
520
+ return c.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", c.textContent = n("invoiceCheckout_description"), t.appendChild(c), e.appendChild(t), { container: e };
515
521
  }
516
- function ne({ theme: i, onClose: a } = {}) {
522
+ function ae({ theme: i, onClose: a } = {}) {
517
523
  const e = document.createElement("div");
518
524
  e.className = "wgt:min-h-screen wgt:flex wgt:bg-[#F3F4F6] wgt:p-4", i && e.setAttribute("data-theme", i);
519
525
  const t = document.createElement("div");
520
526
  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";
521
- const o = document.createElement("div");
522
- o.className = "wgt:flex wgt:justify-center wgt:mb-2";
523
527
  const s = document.createElement("div");
524
- s.innerHTML = `
528
+ s.className = "wgt:flex wgt:justify-center wgt:mb-2";
529
+ const o = document.createElement("div");
530
+ o.innerHTML = `
525
531
  <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
526
532
  <path fill-rule="evenodd" clip-rule="evenodd" d="M54.1342 21.7247L55.1467 20.5742C56.1143 19.4756 55.9467 17.7277 54.7361 16.6283C53.5262 15.5258 51.7494 15.5022 50.7825 16.6009L49.7715 17.7521L54.1342 21.7247Z" fill="#525866"/>
527
533
  <path fill-rule="evenodd" clip-rule="evenodd" d="M36.6582 10.4023H40.9028V14.1966H36.6582V10.4023Z" fill="#99A0AE"/>
@@ -539,23 +545,23 @@ function ne({ theme: i, onClose: a } = {}) {
539
545
  <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"/>
540
546
  </svg>
541
547
 
542
- `, o.appendChild(s), t.appendChild(o);
548
+ `, s.appendChild(o), t.appendChild(s);
543
549
  const r = document.createElement("h2");
544
550
  r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = n("invoiceExpired_title"), t.appendChild(r);
545
- const l = document.createElement("p");
546
- l.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", l.textContent = n("invoiceExpired_description"), t.appendChild(l);
551
+ const c = document.createElement("p");
552
+ c.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", c.textContent = n("invoiceExpired_description"), t.appendChild(c);
547
553
  const d = document.createElement("p");
548
554
  return d.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", d.textContent = n("invoiceExpired_note"), t.appendChild(d), e.appendChild(t), { container: e };
549
555
  }
550
- function R({ theme: i, onClose: a } = {}) {
556
+ function W({ theme: i, onClose: a } = {}) {
551
557
  const e = document.createElement("div");
552
558
  e.className = "wgt:min-h-screen wgt:flex wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", i && e.setAttribute("data-theme", i);
553
559
  const t = document.createElement("div");
554
560
  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";
555
- const o = document.createElement("div");
556
- o.className = "wgt:flex wgt:justify-center wgt:mb-2 wgt:items-center wgt:justify-center";
557
561
  const s = document.createElement("div");
558
- s.innerHTML = `
562
+ s.className = "wgt:flex wgt:justify-center wgt:mb-2 wgt:items-center wgt:justify-center";
563
+ const o = document.createElement("div");
564
+ o.innerHTML = `
559
565
  <svg width="148" height="148" viewBox="0 0 148 148" fill="none" xmlns="http://www.w3.org/2000/svg">
560
566
  <path d="M135.244 83.385C135.244 100.471 128.265 115.873 117.075 126.943C106.125 137.892 90.9645 144.51 74.2393 144.51C57.6344 144.51 42.4734 137.772 31.4035 126.943C20.2132 115.873 13.2344 100.471 13.2344 83.385C13.2344 49.5736 40.5482 22.2598 74.2393 22.2598C107.93 22.2598 135.244 49.6939 135.244 83.385Z" fill="#F1F3FA" stroke="#D5DAE5" stroke-width="1.58571" stroke-miterlimit="10"/>
561
567
  <path d="M65.7815 28.5312L61.2562 44.4926L72.0884 51.9999L71.3267 70.3394L84.999 45.2472L78.6484 40.1734L85.9114 28.5312H94.065L118.732 55.3638L119.694 132.853C119.694 135.5 117.528 137.546 114.881 137.546H39.317C36.6697 137.546 34.5039 135.38 34.5039 132.853V33.224C34.5039 30.5768 36.6697 28.5312 39.317 28.5312H65.7815Z" fill="white" stroke="#D5DAE5" stroke-width="1.58571" stroke-miterlimit="10" stroke-linejoin="round"/>
@@ -571,90 +577,90 @@ function R({ theme: i, onClose: a } = {}) {
571
577
  </svg>
572
578
 
573
579
 
574
- `, o.appendChild(s), t.appendChild(o);
580
+ `, s.appendChild(o), t.appendChild(s);
575
581
  const r = document.createElement("h2");
576
582
  return r.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", r.textContent = n("order_not_found_title"), t.appendChild(r), e.appendChild(t), { container: e };
577
583
  }
578
- function O(i) {
584
+ function U(i) {
579
585
  return String(i || "").trim().toLowerCase();
580
586
  }
581
- function ce({ uuid: i, orderInfo: a, theme: e }) {
587
+ function ge({ uuid: i, orderInfo: a, theme: e }) {
582
588
  const t = document.createElement("div");
583
589
  t.className = "wgt:w-full wgt:min-h-screen";
584
- let o = !1;
585
- function s(w) {
586
- o || (t.innerHTML = "", t.appendChild(w));
590
+ let s = !1;
591
+ function o(g) {
592
+ s || (t.innerHTML = "", t.appendChild(g));
587
593
  }
588
- function r(w) {
589
- const L = ee({
590
- orderInfo: w || {},
594
+ function r(g) {
595
+ const N = ne({
596
+ orderInfo: g || {},
591
597
  theme: e,
592
- onSubmit: (h) => F(null, [h], function* ({ type: x, data: c }) {
593
- const m = ae(x, c);
594
- return yield K(i, m), { ok: !0, finalData: yield re(i, {
598
+ onSubmit: (L) => Z(null, [L], function* ({ type: f, data: p }) {
599
+ const b = oe(f, p);
600
+ return yield Y(i, b), { ok: !0, finalData: yield se(i, {
595
601
  maxTries: 20,
596
602
  intervalMs: 1500
597
603
  }) };
598
604
  })
599
605
  });
600
- s(L.container);
606
+ o(N.container);
601
607
  }
602
- function l() {
603
- return F(this, null, function* () {
604
- const w = yield D(i);
605
- if (String((w == null ? void 0 : w.message) || "").trim())
606
- return s(R({ theme: e }).container);
607
- const x = O(w == null ? void 0 : w.status);
608
- return x === "expired" ? s(ne({ theme: e }).container) : x === "invoiced" ? s(te({ theme: e }).container) : r(w || a || {});
608
+ function c() {
609
+ return Z(this, null, function* () {
610
+ const g = yield O(i);
611
+ if (String((g == null ? void 0 : g.message) || "").trim())
612
+ return o(W({ theme: e }).container);
613
+ const f = U(g == null ? void 0 : g.status);
614
+ return f === "expired" ? o(ae({ theme: e }).container) : f === "invoiced" ? o(ie({ theme: e }).container) : r(g || a || {});
609
615
  });
610
616
  }
611
617
  function d() {
612
- return F(this, null, function* () {
618
+ return Z(this, null, function* () {
613
619
  if (!i)
614
- return s(R({ theme: e }).container);
620
+ return o(W({ theme: e }).container);
615
621
  try {
616
- yield l();
617
- } catch (w) {
618
- return console.error("[EINV_FLOW] init error:", w), s(R({ theme: e }).container);
622
+ yield c();
623
+ } catch (g) {
624
+ return console.error("[EINV_FLOW] init error:", g), o(W({ theme: e }).container);
619
625
  }
620
626
  });
621
627
  }
622
- function b() {
623
- o = !0, t.innerHTML = "";
628
+ function h() {
629
+ s = !0, t.innerHTML = "";
624
630
  }
625
- return { container: t, init: d, destroy: b };
631
+ return { container: t, init: d, destroy: h };
626
632
  }
627
- function ie(i) {
633
+ function re(i) {
628
634
  const a = String(i || "").trim().toLowerCase();
629
635
  return "individual";
630
636
  }
631
- function ae(i, a) {
637
+ function oe(i, a) {
632
638
  return {
633
- invoiceType: ie(i),
639
+ invoiceType: re(i),
634
640
  buyerName: (a == null ? void 0 : a.representativeName) || "",
635
641
  address: (a == null ? void 0 : a.buyerAddress) || "",
636
642
  email: (a == null ? void 0 : a.email) || ""
637
643
  };
638
644
  }
639
- function re(t) {
640
- return F(this, arguments, function* (i, { maxTries: a = 20, intervalMs: e = 1500 } = {}) {
641
- for (let s = 0; s < a; s++) {
642
- yield oe(e);
643
- const r = yield D(i), l = O(r == null ? void 0 : r.status);
644
- if (l === "invoiced")
645
+ function se(t) {
646
+ return Z(this, arguments, function* (i, { maxTries: a = 20, intervalMs: e = 1500 } = {}) {
647
+ for (let o = 0; o < a; o++) {
648
+ yield le(e);
649
+ const r = yield O(i), c = U(r == null ? void 0 : r.status);
650
+ if (c === "invoiced")
645
651
  return r;
646
- if (l === "expired") {
652
+ if (c === "expired") {
647
653
  const d = new Error("Invoice request expired while polling");
648
654
  throw d.code = "EXPIRED", d.data = r, d;
649
655
  }
650
656
  }
651
- const o = new Error("Polling timeout: status not invoiced");
652
- throw o.code = "POLL_TIMEOUT", o;
657
+ const s = new Error("Polling timeout: status not invoiced");
658
+ throw s.code = "POLL_TIMEOUT", s;
653
659
  });
654
660
  }
655
- function oe(i) {
661
+ function le(i) {
656
662
  return new Promise((a) => setTimeout(a, i));
657
663
  }
658
664
  export {
659
- ce as createInvoiceRequestFlow
665
+ ge as createInvoiceRequestFlow
660
666
  };