@invoice-sdk/widget 1.117.5 → 1.117.6

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 (7) hide show
  1. package/dist/{index-tPFGhFcF.js → index-BLVpnHrq.js} +336 -334
  2. package/dist/{index-O9T8X9G_.js → index-nM8LKzUp.js} +594 -590
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.umd.js +45 -45
  5. package/dist/{loading-DXHjg-K-.js → loading-Cd3dKurf.js} +2 -2
  6. package/dist/{widget-J1JuhRxL.js → widget-aJ4UFhIg.js} +2 -2
  7. package/package.json +1 -1
package/dist/{index-tPFGhFcF.js → index-BLVpnHrq.js} RENAMED
@@ -1,334 +1,334 @@
1
- var I = Object.defineProperty;
2
- var q = Object.getOwnPropertySymbols;
3
- var X = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
4
- var W = (r, n, t) => n in r ? I(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t, P = (r, n) => {
1
+ var G = Object.defineProperty;
2
+ var R = Object.getOwnPropertySymbols;
3
+ var I = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
4
+ var U = (a, n, t) => n in a ? G(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t, P = (a, n) => {
5
5
  for (var t in n || (n = {}))
6
- X.call(n, t) && W(r, t, n[t]);
7
- if (q)
8
- for (var t of q(n))
9
- G.call(n, t) && W(r, t, n[t]);
10
- return r;
6
+ I.call(n, t) && U(a, t, n[t]);
7
+ if (R)
8
+ for (var t of R(n))
9
+ X.call(n, t) && U(a, t, n[t]);
10
+ return a;
11
11
  };
12
- var Z = (r, n, t) => new Promise((e, l) => {
13
- var s = (d) => {
12
+ var B = (a, n, t) => new Promise((e, l) => {
13
+ var s = (c) => {
14
14
  try {
15
- g(t.next(d));
16
- } catch (h) {
17
- l(h);
15
+ p(t.next(c));
16
+ } catch (C) {
17
+ l(C);
18
18
  }
19
- }, o = (d) => {
19
+ }, r = (c) => {
20
20
  try {
21
- g(t.throw(d));
22
- } catch (h) {
23
- l(h);
21
+ p(t.throw(c));
22
+ } catch (C) {
23
+ l(C);
24
24
  }
25
- }, g = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(s, o);
26
- g((t = t.apply(r, n)).next());
25
+ }, p = (c) => c.done ? e(c.value) : Promise.resolve(c.value).then(s, r);
26
+ p((t = t.apply(a, n)).next());
27
27
  });
28
- import { c as O, f as U, e as J, b as K, o as $, s as Q } from "./loading-DXHjg-K-.js";
29
- import { t as i, c as R } from "./index-O9T8X9G_.js";
30
- function Y({ defaultValues: r = {}, onChange: n } = {}) {
28
+ import { c as O, f as W, e as J, b as K, o as $, s as Q } from "./loading-Cd3dKurf.js";
29
+ import { t as i, c as q } from "./index-nM8LKzUp.js";
30
+ function Y({ defaultValues: a = {}, onChange: n } = {}) {
31
31
  const t = {
32
- representativeName: r.representativeName || "",
33
- buyerAddress: r.buyerAddress || "",
34
- email: r.email || "",
35
- phone: r.phone || ""
32
+ representativeName: a.representativeName || "",
33
+ buyerAddress: a.buyerAddress || "",
34
+ email: a.email || "",
35
+ phone: a.phone || ""
36
36
  }, e = document.createElement("div");
37
37
  e.className = "wgt:space-y-2";
38
38
  function l() {
39
39
  typeof n == "function" && n(P({}, t));
40
40
  }
41
- function s({ label: p, required: f, name: E, type: A = "text", placeholder: C }) {
42
- const a = document.createElement("div");
43
- a.className = "";
44
- const w = document.createElement("label");
45
- w.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", w.htmlFor = E, w.innerHTML = f ? `${p} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : p;
41
+ function s({ label: g, required: x, name: f, type: k = "text", placeholder: v }) {
42
+ const w = document.createElement("div");
43
+ w.className = "";
44
+ const o = document.createElement("label");
45
+ o.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", o.htmlFor = f, o.innerHTML = x ? `${g} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : g;
46
46
  const m = document.createElement("input");
47
- return m.id = E, m.name = E, m.type = A, m.placeholder = C || "", m.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", m.value = t[E] || "", m.addEventListener("input", () => {
48
- t[E] = m.value, m.classList.remove(
47
+ return m.id = f, m.name = f, m.type = k, m.placeholder = v || "", m.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", m.value = t[f] || "", m.addEventListener("input", () => {
48
+ t[f] = m.value, m.classList.remove(
49
49
  "wgt:border-semantic-error",
50
50
  "wgt:bg-semantic-error-50"
51
51
  ), l();
52
- }), a.appendChild(w), a.appendChild(m), { field: a, input: m };
52
+ }), w.appendChild(o), w.appendChild(m), { field: w, input: m };
53
53
  }
54
- const { field: o, input: g } = s({
54
+ const { field: r, input: p } = s({
55
55
  label: i("representativeName"),
56
56
  required: !0,
57
57
  name: "representativeName",
58
58
  placeholder: i("representativeName_input")
59
- }), { field: d } = s({
59
+ }), { field: c } = s({
60
60
  label: i("buyerAddress"),
61
61
  required: !1,
62
62
  name: "buyerAddress",
63
63
  placeholder: i("buyerAddress_input")
64
- }), { field: h, input: x } = s({
64
+ }), { field: C, input: L } = s({
65
65
  label: i("email"),
66
66
  required: !0,
67
67
  name: "email",
68
68
  type: "email",
69
69
  placeholder: i("email_input")
70
70
  });
71
- e.appendChild(o), e.appendChild(d), e.appendChild(h);
72
- function M() {
73
- let p = !0;
74
- function f(E) {
75
- E.classList.add(
71
+ e.appendChild(r), e.appendChild(c), e.appendChild(C);
72
+ function h() {
73
+ let g = !0;
74
+ function x(f) {
75
+ f.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 t.representativeName.trim() || f(g), t.email.trim() || f(x), p;
80
+ return t.representativeName.trim() || x(p), t.email.trim() || x(L), g;
81
81
  }
82
- function y() {
82
+ function E() {
83
83
  return P({}, t);
84
84
  }
85
- return { container: e, getValues: y, validate: M };
85
+ return { container: e, getValues: E, validate: h };
86
86
  }
87
87
  function D({
88
- defaultValues: r = {},
88
+ defaultValues: a = {},
89
89
  onChange: n,
90
90
  onFetchByTaxCode: t
91
91
  } = {}) {
92
92
  const e = {
93
- noTaxCode: !!r.noTaxCode,
94
- taxCode: r.taxCode || "",
95
- representativeName: r.representativeName || "",
96
- buyerAddress: r.buyerAddress || "",
97
- performerName: r.performerName || "",
98
- email: r.email || "",
99
- phone: r.phone || ""
93
+ noTaxCode: !!a.noTaxCode,
94
+ taxCode: a.taxCode || "",
95
+ representativeName: a.representativeName || "",
96
+ buyerAddress: a.buyerAddress || "",
97
+ performerName: a.performerName || "",
98
+ email: a.email || "",
99
+ phone: a.phone || ""
100
100
  }, l = document.createElement("div");
101
101
  l.className = "wgt:space-y-2";
102
102
  function s() {
103
103
  typeof n == "function" && n(P({}, e));
104
104
  }
105
- function o({ label: N, required: c, name: u, type: L = "text", placeholder: V }) {
106
- const F = document.createElement("div");
107
- F.className = "";
108
- const v = document.createElement("label");
109
- v.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", v.htmlFor = u, v.innerHTML = c ? `${N} <span class="wgt:text-[#ED1C24]">*</span>` : N;
110
- const b = document.createElement("input");
111
- return b.id = u, b.name = u, b.type = L, b.placeholder = V || "", b.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", b.value = e[u] || "", b.addEventListener("input", () => {
112
- e[u] = b.value, b.classList.remove(
105
+ function r({ label: N, required: d, name: u, type: _ = "text", placeholder: F }) {
106
+ const Z = document.createElement("div");
107
+ Z.className = "";
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 = F || "", 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
  ), s();
116
- }), F.appendChild(v), F.appendChild(b), { field: F, input: b };
116
+ }), Z.appendChild(b), Z.appendChild(y), { field: Z, input: y };
117
117
  }
118
- const g = document.createElement("label");
119
- g.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 = e.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
- e.noTaxCode = d.checked, p.disabled = e.noTaxCode, f.disabled = e.noTaxCode, s();
125
- }), g.appendChild(d), g.appendChild(h);
126
- const x = document.createElement("div");
127
- x.className = "wgt:space-y-2";
128
- const M = document.createElement("label");
129
- M.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", M.innerHTML = i("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
130
- const y = document.createElement("div");
131
- y.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 = e.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
- e.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 C = document.createElement("span");
123
+ C.textContent = i("business_noTaxCode"), C.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", C.style.fontFamily = "Inter, sans-serif", c.addEventListener("change", () => {
124
+ e.noTaxCode = c.checked, g.disabled = e.noTaxCode, x.disabled = e.noTaxCode, s();
125
+ }), p.appendChild(c), p.appendChild(C);
126
+ const L = document.createElement("div");
127
+ L.className = "wgt:space-y-2";
128
+ const h = document.createElement("label");
129
+ h.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", h.innerHTML = i("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 = i("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
  ), s();
138
138
  });
139
- const f = O({
139
+ const x = O({
140
140
  type: "button",
141
141
  title: i("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: () => Z(null, null, function* () {
143
+ handleClick: () => B(null, null, function* () {
144
144
  if (e.noTaxCode || typeof t != "function")
145
145
  return;
146
146
  const N = String(e.taxCode || "").trim();
147
147
  if (!N) {
148
- p.classList.add(
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
- f.disabled = !0;
156
- const c = yield t(N, P({}, e));
157
- if (!c || typeof c != "object") return;
158
- c.representativeName != null && (e.representativeName = String(c.representativeName || ""), A.value = e.representativeName), c.buyerAddress != null && (e.buyerAddress = String(c.buyerAddress || ""), a.value = e.buyerAddress), s();
159
- } catch (c) {
160
- p.classList.add(
155
+ x.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 || ""), k.value = e.representativeName), d.buyerAddress != null && (e.buyerAddress = String(d.buyerAddress || ""), m.value = e.buyerAddress), s();
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
- f.disabled = e.noTaxCode;
165
+ x.disabled = e.noTaxCode;
166
166
  }
167
167
  })
168
168
  });
169
- y.appendChild(p), y.appendChild(f), x.appendChild(M), x.appendChild(y);
170
- const { field: E, input: A } = o({
169
+ E.appendChild(g), E.appendChild(x), L.appendChild(h), L.appendChild(E);
170
+ const { field: f, input: k } = r({
171
+ label: i("business_name"),
172
+ required: !0,
173
+ name: "business_name",
174
+ placeholder: i("business_name_input")
175
+ }), { field: v, input: w } = r({
171
176
  label: i("representativeName"),
172
177
  required: !0,
173
178
  name: "representativeName",
174
179
  placeholder: i("representativeName_input")
175
- }), { field: C, input: a } = o({
180
+ }), { field: o, input: m } = r({
176
181
  label: i("buyerAddress"),
177
182
  required: !1,
178
183
  name: "buyerAddress",
179
184
  placeholder: i("buyerAddress_input")
180
- }), { field: w, input: m } = o({
181
- label: i("performerName"),
182
- required: !0,
183
- name: "performerName",
184
- placeholder: i("performerName_input")
185
- }), { field: B, input: S } = o({
185
+ }), { field: H, input: S } = r({
186
186
  label: i("email"),
187
187
  required: !0,
188
188
  name: "email",
189
189
  type: "email",
190
190
  placeholder: i("email_input")
191
- }), { field: H, input: T } = o({
191
+ }), { field: V, input: T } = r({
192
192
  label: i("phone"),
193
193
  required: !0,
194
194
  name: "phone",
195
195
  type: "tel",
196
196
  placeholder: i("phone_input")
197
197
  });
198
- l.appendChild(g), l.appendChild(x), l.appendChild(E), l.appendChild(C), l.appendChild(w), l.appendChild(B), l.appendChild(H), p.disabled = e.noTaxCode, f.disabled = e.noTaxCode;
199
- function _() {
198
+ l.appendChild(p), l.appendChild(L), l.appendChild(f), l.appendChild(v), l.appendChild(o), l.appendChild(H), l.appendChild(V), g.disabled = e.noTaxCode, x.disabled = e.noTaxCode;
199
+ function A() {
200
200
  let N = !0;
201
- function c(u) {
201
+ function d(u) {
202
202
  u.classList.add(
203
203
  "wgt:border-semantic-error",
204
204
  "wgt:bg-semantic-error-50 ",
205
205
  "wgt:mt-2"
206
206
  ), N = !1;
207
207
  }
208
- return !e.noTaxCode && !e.taxCode.trim() && c(p), e.representativeName.trim() || c(A), e.performerName.trim() || c(m), e.email.trim() || c(S), e.phone.trim() || c(T), N;
208
+ return !e.noTaxCode && !e.taxCode.trim() && d(g), e.representativeName.trim() || d(k), e.performerName.trim() || d(w), e.email.trim() || d(S), e.phone.trim() || d(T), N;
209
209
  }
210
- function k() {
210
+ function M() {
211
211
  return P({}, e);
212
212
  }
213
- return { container: l, getValues: k, validate: _ };
213
+ return { container: l, getValues: M, validate: A };
214
214
  }
215
215
  function ee({
216
- type: r,
216
+ type: a,
217
217
  data: n,
218
218
  orderInfo: t,
219
219
  theme: e,
220
220
  onClose: l,
221
221
  onConfirm: s
222
222
  }) {
223
- const o = document.createElement("div");
224
- o.className = "wgt:fixed wgt:inset-0 wgt:flex wgt:items-center wgt:justify-center wgt:z-50 wgt:p-4", o.style.cssText = `
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 = `
225
225
  background-color: rgba(0, 0, 0, 0.5);
226
226
  backdrop-filter: blur(4px);
227
- `, e && o.setAttribute("data-theme", e);
228
- const g = document.createElement("div");
229
- g.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 x = document.createElement("p");
235
- x.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", x.textContent = i("confirmation_popup_subtitle"), d.appendChild(h), d.appendChild(x), g.appendChild(d);
236
- const M = document.createElement("div");
237
- M.className = "wgt:px-6 wgt:pb-4";
238
- const y = document.createElement("div");
239
- y.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
240
- function p(H, T, _) {
241
- const k = document.createElement("div");
242
- k.className = "wgt:flex wgt:items-start wgt:gap-3";
227
+ `, e && r.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";
230
+ const c = document.createElement("div");
231
+ c.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
232
+ const C = document.createElement("h3");
233
+ C.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", C.textContent = i("confirmation_popup_title");
234
+ const L = document.createElement("p");
235
+ L.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", L.textContent = i("confirmation_popup_subtitle"), c.appendChild(C), c.appendChild(L), p.appendChild(c);
236
+ const h = document.createElement("div");
237
+ h.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(V, T, A) {
241
+ const M = document.createElement("div");
242
+ M.className = "wgt:flex wgt:items-start wgt:gap-3";
243
243
  const N = document.createElement("span");
244
- N.className = "wgt:text-primary wgt:flex-shrink-0", N.innerHTML = H;
245
- const c = document.createElement("div");
246
- c.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
244
+ N.className = "wgt:text-primary wgt:flex-shrink-0", N.innerHTML = V;
245
+ const d = document.createElement("div");
246
+ d.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
247
247
  const u = document.createElement("span");
248
248
  u.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", u.textContent = T;
249
- const L = document.createElement("span");
250
- return L.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", L.textContent = _ || "-", c.appendChild(u), c.appendChild(L), k.appendChild(N), k.appendChild(c), k;
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(_), M.appendChild(N), M.appendChild(d), M;
251
251
  }
252
- const f = '<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>', E = '<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>', A = '<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
- y.appendChild(
254
- p(
255
- f,
252
+ const x = '<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>', f = '<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>', k = '<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
+ x,
256
256
  i("confirmation_popup_orderCode"),
257
257
  t == null ? void 0 : t.billNo
258
258
  )
259
- ), y.appendChild(
260
- p(
261
- E,
259
+ ), E.appendChild(
260
+ g(
261
+ f,
262
262
  i("confirmation_popup_address"),
263
263
  t == null ? void 0 : t.merchantAddress
264
264
  )
265
- ), y.appendChild(
266
- p(
267
- A,
265
+ ), E.appendChild(
266
+ g(
267
+ k,
268
268
  i("confirmation_popup_totalAmount"),
269
- U(t == null ? void 0 : t.amount) + " VND"
269
+ W(t == null ? void 0 : t.amount) + " VND"
270
270
  )
271
- ), M.appendChild(y), g.appendChild(M);
272
- const C = document.createElement("div");
273
- C.className = "wgt:px-6 wgt:pb-6";
274
- const a = document.createElement("div");
275
- a.className = "wgt:space-y-3 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:px-4 wgt:py-4";
276
- function w(H, T) {
277
- const _ = document.createElement("div");
278
- _.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
279
- const k = document.createElement("span");
280
- k.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", k.textContent = H;
271
+ ), h.appendChild(E), p.appendChild(h);
272
+ const v = document.createElement("div");
273
+ v.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 o(V, T) {
277
+ const A = document.createElement("div");
278
+ A.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
279
+ const M = document.createElement("span");
280
+ M.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", M.textContent = V;
281
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 || "-", _.appendChild(k), _.appendChild(N), _;
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(M), A.appendChild(N), A;
283
283
  }
284
- r === "business" ? (a.appendChild(
285
- w(i("confirmation_popup_taxCode"), n.taxCode)
286
- ), a.appendChild(
287
- w(
284
+ a === "business" ? (w.appendChild(
285
+ o(i("confirmation_popup_taxCode"), n.taxCode)
286
+ ), w.appendChild(
287
+ o(
288
288
  i("confirmation_popup_representativeName"),
289
289
  n.representativeName
290
290
  )
291
- ), a.appendChild(
292
- w(i("confirmation_popup_buyerAddress"), n.buyerAddress)
293
- ), a.appendChild(
294
- w(i("confirmation_popup_performerName"), n.performerName)
295
- ), a.appendChild(
296
- w(i("confirmation_popup_email"), n.email)
297
- ), a.appendChild(
298
- w(i("confirmation_popup_phone"), n.phone)
299
- )) : (a.appendChild(
300
- w(
291
+ ), w.appendChild(
292
+ o(i("confirmation_popup_buyerAddress"), n.buyerAddress)
293
+ ), w.appendChild(
294
+ o(i("confirmation_popup_performerName"), n.performerName)
295
+ ), w.appendChild(
296
+ o(i("confirmation_popup_email"), n.email)
297
+ ), w.appendChild(
298
+ o(i("confirmation_popup_phone"), n.phone)
299
+ )) : (w.appendChild(
300
+ o(
301
301
  i("confirmation_popup_representativeName"),
302
302
  n.representativeName
303
303
  )
304
- ), a.appendChild(
305
- w(i("confirmation_popup_buyerAddress"), n.buyerAddress)
306
- ), a.appendChild(
307
- w(i("confirmation_popup_email"), n.email)
308
- )), C.appendChild(a), g.appendChild(C);
304
+ ), w.appendChild(
305
+ o(i("confirmation_popup_buyerAddress"), n.buyerAddress)
306
+ ), w.appendChild(
307
+ o(i("confirmation_popup_email"), n.email)
308
+ )), v.appendChild(w), p.appendChild(v);
309
309
  const m = document.createElement("div");
310
310
  m.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
311
- const B = O({
311
+ const H = O({
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 l == "function" && l(), o.remove();
316
+ typeof l == "function" && l(), r.remove();
317
317
  }
318
318
  }), S = O({
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: r, data: n }), o.remove();
323
+ typeof s == "function" && s({ type: a, data: n }), r.remove();
324
324
  }
325
325
  });
326
- return m.appendChild(B), m.appendChild(S), g.appendChild(m), o.appendChild(g), o.addEventListener("click", (H) => {
327
- H.target === o && (typeof l == "function" && l(), o.remove());
328
- }), { overlay: o };
326
+ return m.appendChild(H), m.appendChild(S), p.appendChild(m), r.appendChild(p), r.addEventListener("click", (V) => {
327
+ V.target === r && (typeof l == "function" && l(), r.remove());
328
+ }), { overlay: r };
329
329
  }
330
330
  function te({
331
- orderInfo: r,
331
+ orderInfo: a,
332
332
  onPreview: n,
333
333
  theme: t,
334
334
  onSubmit: e,
@@ -336,65 +336,65 @@ function te({
336
336
  }) {
337
337
  const s = document.createElement("div");
338
338
  s.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", t && s.setAttribute("data-theme", t);
339
- const o = document.createElement("div");
340
- o.className = "wgt:w-full wgt:max-w-md wgt:space-y-4 wgt:rounded-xl wgt:bg-white wgt:p-4", s.appendChild(o);
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
341
  const {
342
- container: g,
343
- open: d,
344
- close: h
342
+ container: p,
343
+ open: c,
344
+ close: C
345
345
  } = J();
346
- s.style.position = s.style.position || "relative", s.appendChild(g);
347
- const x = document.createElement("div");
348
- x.className = "wgt:space-y-1";
349
- const M = document.createElement("h3");
350
- M.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", M.textContent = i("invoiceform_title");
351
- const y = document.createElement("p");
352
- y.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", y.textContent = i("invoiceform_subtitle"), x.appendChild(M), x.appendChild(y), o.appendChild(x);
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 f(c, u) {
356
- const L = document.createElement("div");
357
- L.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 v = "";
363
- c === i("orderCode") ? v = `
346
+ s.style.position = s.style.position || "relative", s.appendChild(p);
347
+ const L = document.createElement("div");
348
+ L.className = "wgt:space-y-1";
349
+ const h = document.createElement("h3");
350
+ h.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", h.textContent = i("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 = i("invoiceform_subtitle"), L.appendChild(h), L.appendChild(E), r.appendChild(L);
353
+ const g = document.createElement("div");
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 x(d, u) {
356
+ const _ = document.createElement("div");
357
+ _.className = "wgt:flex wgt:items-start";
358
+ const F = document.createElement("div");
359
+ F.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:w-1/3";
360
+ const Z = document.createElement("span");
361
+ Z.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
362
+ let b = "";
363
+ d === i("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
- ` : c === i("address_form") ? v = `
368
+ ` : d === i("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
- ` : c === i("total_amount") && (v = `
373
+ ` : d === i("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 = v;
379
- const b = document.createElement("span");
380
- b.className = "wgt:text-sm wgt:text-weak-700", b.textContent = c, V.appendChild(F), V.appendChild(b);
378
+ `), Z.innerHTML = b;
379
+ const y = document.createElement("span");
380
+ y.className = "wgt:text-sm wgt:text-weak-700", y.textContent = d, F.appendChild(Z), F.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 = u, L.appendChild(V), L.appendChild(j), L;
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(F), _.appendChild(j), _;
383
383
  }
384
- p.appendChild(f(i("orderCode"), r == null ? void 0 : r.billNo)), p.appendChild(
385
- f(i("address_form"), r == null ? void 0 : r.merchantAddress)
386
- ), p.appendChild(
387
- f(
384
+ g.appendChild(x(i("orderCode"), a == null ? void 0 : a.billNo)), g.appendChild(
385
+ x(i("address_form"), a == null ? void 0 : a.merchantAddress)
386
+ ), g.appendChild(
387
+ x(
388
388
  i("total_amount"),
389
- U(r == null ? void 0 : r.amount) + " VND"
389
+ W(a == null ? void 0 : a.amount) + " VND"
390
390
  )
391
- ), o.appendChild(p);
392
- const E = document.createElement("div");
393
- E.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", o.appendChild(E);
394
- const A = document.createElement("div");
395
- A.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", E.appendChild(A);
396
- const C = document.createElement("button");
397
- C.type = "button", C.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", C.innerHTML = `
391
+ ), r.appendChild(g);
392
+ const f = document.createElement("div");
393
+ f.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", r.appendChild(f);
394
+ const k = document.createElement("div");
395
+ k.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", f.appendChild(k);
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"/>
@@ -403,8 +403,8 @@ function te({
403
403
  ${i("individual")}
404
404
  </span>
405
405
  `;
406
- const a = document.createElement("button");
407
- a.type = "button", a.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold", a.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 = `
408
408
  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
409
409
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
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"/>
@@ -412,60 +412,60 @@ function te({
412
412
 
413
413
  ${i("business")}
414
414
  </span>
415
- `, A.appendChild(C), A.appendChild(a);
416
- const w = document.createElement("div");
417
- w.className = "wgt:mt-4 wgt:px-4", E.appendChild(w);
418
- const m = Y(), B = D({
415
+ `, k.appendChild(v), k.appendChild(w);
416
+ const o = document.createElement("div");
417
+ o.className = "wgt:mt-4 wgt:px-4", f.appendChild(o);
418
+ const m = Y(), H = D({
419
419
  defaultValues: { taxCode: l || "" },
420
- onFetchByTaxCode: (c) => Z(null, null, function* () {
421
- var L, V;
422
- const u = yield K(c);
420
+ onFetchByTaxCode: (d) => B(null, null, function* () {
421
+ var _, F;
422
+ const u = yield K(d);
423
423
  return {
424
- representativeName: (L = u.nguoi_dai_dien) != null ? L : "",
425
- buyerAddress: (V = u.dia_chi) != null ? V : ""
424
+ representativeName: (_ = u.nguoi_dai_dien) != null ? _ : "",
425
+ buyerAddress: (F = u.dia_chi) != null ? F : ""
426
426
  };
427
427
  })
428
428
  });
429
- let S = "individual", H = m;
430
- function T(c) {
431
- S = c, C.style.borderBottom = "none", a.style.borderBottom = "none";
429
+ let S = "individual", V = m;
430
+ function T(d) {
431
+ S = d, v.style.borderBottom = "none", w.style.borderBottom = "none";
432
432
  const u = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
433
- c === "individual" ? (C.className = `${u} wgt:text-strong-950`, C.style.borderBottom = "2px solid var(--primary)", a.className = `${u} wgt:text-soft-400`, w.innerHTML = "", w.appendChild(m.container), H = m) : (a.className = `${u} wgt:text-strong-950`, a.style.borderBottom = "2px solid var(--primary)", C.className = `${u} wgt:text-soft-400`, w.innerHTML = "", w.appendChild(B.container), H = B);
433
+ d === "individual" ? (v.className = `${u} wgt:text-strong-950`, v.style.borderBottom = "2px solid var(--primary)", w.className = `${u} wgt:text-soft-400`, o.innerHTML = "", o.appendChild(m.container), V = m) : (w.className = `${u} wgt:text-strong-950`, w.style.borderBottom = "2px solid var(--primary)", v.className = `${u} wgt:text-soft-400`, o.innerHTML = "", o.appendChild(H.container), V = H);
434
434
  }
435
- C.addEventListener("click", () => T("individual")), a.addEventListener("click", () => T("business")), T("individual");
436
- const _ = document.createElement("p");
437
- _.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", _.textContent = i("invoiceform_note"), o.appendChild(_);
438
- const k = document.createElement("div");
439
- k.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
435
+ v.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 = i("invoiceform_note"), r.appendChild(A);
438
+ const M = document.createElement("div");
439
+ M.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
440
440
  const N = O({
441
441
  type: "button",
442
442
  title: i("btn_preview"),
443
443
  className: "wgt:min-w-[163px] wgt:text-white",
444
444
  handleClick: () => {
445
- if (!H.validate())
445
+ if (!V.validate())
446
446
  return;
447
- const c = {
447
+ const d = {
448
448
  type: S,
449
- data: H.getValues()
449
+ data: V.getValues()
450
450
  }, { overlay: u } = ee({
451
- type: c.type,
452
- data: c.data,
453
- orderInfo: r,
451
+ type: d.type,
452
+ data: d.data,
453
+ orderInfo: a,
454
454
  theme: t,
455
455
  onClose: () => {
456
456
  console.log("Popup closed");
457
457
  },
458
- onConfirm: () => Z(null, null, function* () {
459
- var L, V, F;
460
- u.remove(), d();
458
+ onConfirm: () => B(null, null, function* () {
459
+ var _, F, Z;
460
+ u.remove(), c();
461
461
  try {
462
462
  if (typeof e != "function") return;
463
- const v = yield e({
464
- type: c.type,
465
- data: c.data
466
- }), b = (F = (V = (L = v == null ? void 0 : v.finalData) != null ? L : v == null ? void 0 : v.data) != null ? V : v) != null ? F : {}, j = String((b == null ? void 0 : b.status) || "").trim().toLowerCase();
467
- if (h(), j === "invoiced") {
468
- R({
463
+ const b = yield e({
464
+ type: d.type,
465
+ data: d.data
466
+ }), y = (Z = (F = (_ = b == null ? void 0 : b.finalData) != null ? _ : b == null ? void 0 : b.data) != null ? F : b) != null ? Z : {}, j = String((y == null ? void 0 : y.status) || "").trim().toLowerCase();
467
+ if (C(), j === "invoiced") {
468
+ q({
469
469
  message: i("invoice_success"),
470
470
  description: i("invoice_description"),
471
471
  // okLabel: t('close'),
@@ -477,7 +477,7 @@ function te({
477
477
  return;
478
478
  }
479
479
  if (j === "failed") {
480
- R({
480
+ q({
481
481
  message: i("invoice_failed"),
482
482
  description: i("invoice_description_failed"),
483
483
  // okLabel: t('close'),
@@ -488,8 +488,8 @@ function te({
488
488
  }).open();
489
489
  return;
490
490
  }
491
- } catch (v) {
492
- h(), R({
491
+ } catch (b) {
492
+ C(), q({
493
493
  message: i("invoice_failed"),
494
494
  description: i("invoice_description_failed"),
495
495
  // okLabel: t('close'),
@@ -497,18 +497,18 @@ function te({
497
497
  hideOkButton: !0,
498
498
  closeOnClickOutside: !1,
499
499
  theme: t
500
- }).open(), console.error(v);
500
+ }).open(), console.error(b);
501
501
  }
502
502
  })
503
503
  });
504
504
  document.body.appendChild(u);
505
505
  }
506
506
  });
507
- return k.appendChild(N), o.appendChild(k), { container: s };
507
+ return M.appendChild(N), r.appendChild(M), { container: s };
508
508
  }
509
- function ne({ theme: r, onClose: n } = {}) {
509
+ function ne({ theme: a, onClose: n } = {}) {
510
510
  const t = document.createElement("div");
511
- t.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", r && t.setAttribute("data-theme", r);
511
+ t.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", a && t.setAttribute("data-theme", a);
512
512
  const e = document.createElement("div");
513
513
  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";
514
514
  const l = document.createElement("div");
@@ -520,14 +520,14 @@ function ne({ theme: r, onClose: n } = {}) {
520
520
  </svg>
521
521
 
522
522
  `, l.appendChild(s), e.appendChild(l);
523
- const o = document.createElement("h2");
524
- o.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", o.textContent = i("invoiceCheckout_title"), e.appendChild(o);
525
- const g = document.createElement("p");
526
- return g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", g.textContent = i("invoiceCheckout_description"), e.appendChild(g), t.appendChild(e), { container: t };
523
+ const r = document.createElement("h2");
524
+ r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = i("invoiceCheckout_title"), e.appendChild(r);
525
+ const p = document.createElement("p");
526
+ return p.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", p.textContent = i("invoiceCheckout_description"), e.appendChild(p), t.appendChild(e), { container: t };
527
527
  }
528
- function ie({ theme: r, onClose: n } = {}) {
528
+ function ie({ theme: a, onClose: n } = {}) {
529
529
  const t = document.createElement("div");
530
- t.className = "wgt:min-h-screen wgt:flex wgt:bg-[#F3F4F6] wgt:p-4", r && t.setAttribute("data-theme", r);
530
+ t.className = "wgt:min-h-screen wgt:flex wgt:bg-[#F3F4F6] wgt:p-4", a && t.setAttribute("data-theme", a);
531
531
  const e = document.createElement("div");
532
532
  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";
533
533
  const l = document.createElement("div");
@@ -552,16 +552,16 @@ function ie({ theme: r, onClose: n } = {}) {
552
552
  </svg>
553
553
 
554
554
  `, l.appendChild(s), e.appendChild(l);
555
- const o = document.createElement("h2");
556
- o.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", o.textContent = i("invoiceExpired_title"), e.appendChild(o);
557
- const g = document.createElement("p");
558
- g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", g.textContent = i("invoiceExpired_description"), e.appendChild(g);
559
- const d = document.createElement("p");
560
- return d.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", d.textContent = i("invoiceExpired_note"), e.appendChild(d), t.appendChild(e), { container: t };
555
+ const r = document.createElement("h2");
556
+ r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = i("invoiceExpired_title"), e.appendChild(r);
557
+ const p = document.createElement("p");
558
+ p.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", p.textContent = i("invoiceExpired_description"), e.appendChild(p);
559
+ const c = document.createElement("p");
560
+ return c.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", c.textContent = i("invoiceExpired_note"), e.appendChild(c), t.appendChild(e), { container: t };
561
561
  }
562
- function re({ theme: r, onClose: n } = {}) {
562
+ function ae({ theme: a, onClose: n } = {}) {
563
563
  const t = document.createElement("div");
564
- t.className = "wgt:min-h-screen wgt:flex wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", r && t.setAttribute("data-theme", r);
564
+ t.className = "wgt:min-h-screen wgt:flex wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", a && t.setAttribute("data-theme", a);
565
565
  const e = document.createElement("div");
566
566
  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";
567
567
  const l = document.createElement("div");
@@ -584,96 +584,98 @@ function re({ theme: r, onClose: n } = {}) {
584
584
 
585
585
 
586
586
  `, l.appendChild(s), e.appendChild(l);
587
- const o = document.createElement("h2");
588
- return o.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", o.textContent = i("order_not_found_title"), e.appendChild(o), t.appendChild(e), { container: t };
587
+ const r = document.createElement("h2");
588
+ return r.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", r.textContent = i("order_not_found_title"), e.appendChild(r), t.appendChild(e), { container: t };
589
589
  }
590
- function z(r) {
591
- return String(r || "").trim().toLowerCase();
590
+ function z(a) {
591
+ return String(a || "").trim().toLowerCase();
592
592
  }
593
- function ge({ uuid: r, orderInfo: n, theme: t }) {
594
- var C;
593
+ function ge({ uuid: a, orderInfo: n, theme: t }) {
594
+ var w;
595
595
  const e = document.createElement("div");
596
596
  e.className = "wgt:w-full wgt:min-h-screen";
597
597
  let l = !1;
598
- function s(a) {
599
- l || (e.innerHTML = "", e.appendChild(a));
598
+ function s(o) {
599
+ l || (e.innerHTML = "", e.appendChild(o));
600
600
  }
601
- const o = new URLSearchParams(window.location.search || "");
602
- o.has("uuid");
603
- const d = String((C = o.get("uuid")) != null ? C : "").trim() || String(r || "").trim();
604
- function h() {
605
- return Z(this, null, function* () {
601
+ const r = new URLSearchParams(window.location.search || ""), p = r.has("uuid"), c = String((w = r.get("uuid")) != null ? w : "").trim(), C = c || String(a || "").trim();
602
+ function L() {
603
+ return B(this, null, function* () {
606
604
  yield f();
607
605
  });
608
606
  }
609
- function x() {
610
- const a = re({
607
+ function h() {
608
+ const o = ae({
611
609
  theme: t
612
610
  });
613
- s(a.container);
611
+ s(o.container);
614
612
  }
615
- function M() {
616
- const a = ie({
613
+ function E() {
614
+ const o = ie({
617
615
  theme: t
618
616
  });
619
- s(a.container);
617
+ s(o.container);
620
618
  }
621
- function y(a) {
622
- const w = ne({
619
+ function g(o) {
620
+ const m = ne({
623
621
  theme: t
624
622
  });
625
- s(w.container);
623
+ s(m.container);
626
624
  }
627
- function p(a) {
628
- const w = te({
629
- orderInfo: a || {},
625
+ function x(o) {
626
+ const m = te({
627
+ orderInfo: o || {},
630
628
  theme: t,
631
- onSubmit: (S) => Z(null, [S], function* ({ type: m, data: B }) {
632
- if (!d) {
633
- const _ = new Error("Missing uuid");
634
- throw _.code = "MISSING_UUID", _;
629
+ onSubmit: (V) => B(null, [V], function* ({ type: H, data: S }) {
630
+ if (!C) {
631
+ const M = new Error("Missing uuid");
632
+ throw M.code = "MISSING_UUID", M;
635
633
  }
636
- const H = oe(m, B);
637
- return yield Q(d, H), { ok: !0, finalData: yield se(d, {
634
+ const T = oe(H, S);
635
+ return yield Q(C, T), { ok: !0, finalData: yield se(C, {
638
636
  maxTries: 20,
639
637
  intervalMs: 1500
640
638
  }) };
641
639
  }),
642
- onBack: h
640
+ onBack: L
643
641
  });
644
- s(w.container);
642
+ s(m.container);
645
643
  }
646
644
  function f() {
647
- return Z(this, null, function* () {
645
+ return B(this, null, function* () {
648
646
  try {
649
- const a = yield $(d);
650
- if (String((a == null ? void 0 : a.message) || "").trim()) return x();
651
- const m = z(a == null ? void 0 : a.status);
652
- return m === "expired" ? M() : m === "invoiced" ? y(a) : p(a || n || {});
653
- } catch (a) {
654
- return console.error("[EINV_FLOW] loadAndRender error:", a), x();
647
+ console.log("[DEBUG] Calling API with finalUuid:", C);
648
+ const o = yield $(C);
649
+ if (console.log("[DEBUG] API response:", o), String((o == null ? void 0 : o.message) || "").trim())
650
+ return h();
651
+ const H = z(o == null ? void 0 : o.status);
652
+ return H === "expired" ? E() : H === "invoiced" ? g(o) : H === "pending" || H === "waiting" ? x(o || n || {}) : H === "" && o && Object.keys(o).length > 0 ? x(o) : h();
653
+ } catch (o) {
654
+ return h();
655
655
  }
656
656
  });
657
657
  }
658
- function E() {
659
- return Z(this, null, function* () {
658
+ function k() {
659
+ return B(this, null, function* () {
660
+ if (p && c === "")
661
+ return h();
660
662
  try {
661
663
  yield f();
662
- } catch (a) {
663
- return console.error("[EINV_FLOW] init error:", a), x();
664
+ } catch (o) {
665
+ return h();
664
666
  }
665
667
  });
666
668
  }
667
- function A() {
669
+ function v() {
668
670
  l = !0, e.innerHTML = "";
669
671
  }
670
- return { container: e, init: E, destroy: A };
672
+ return { container: e, init: k, destroy: v };
671
673
  }
672
- function ae(r) {
673
- return String(r || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
674
+ function re(a) {
675
+ return String(a || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
674
676
  }
675
- function oe(r, n) {
676
- const t = ae(r), e = {
677
+ function oe(a, n) {
678
+ const t = re(a), e = {
677
679
  invoiceType: t,
678
680
  buyerName: (n == null ? void 0 : n.representativeName) || "",
679
681
  address: (n == null ? void 0 : n.buyerAddress) || "",
@@ -682,22 +684,22 @@ function oe(r, n) {
682
684
  return t === "enterprise" && (e.taxCode = n != null && n.noTaxCode ? "" : (n == null ? void 0 : n.taxCode) || "", e.performerName = (n == null ? void 0 : n.performerName) || ""), e;
683
685
  }
684
686
  function se(e) {
685
- return Z(this, arguments, function* (r, { maxTries: n = 20, intervalMs: t = 1500 } = {}) {
687
+ return B(this, arguments, function* (a, { maxTries: n = 20, intervalMs: t = 1500 } = {}) {
686
688
  for (let s = 0; s < n; s++) {
687
689
  yield le(t);
688
- const o = yield $(r), g = z(o == null ? void 0 : o.status);
689
- if (g === "invoiced") return o;
690
- if (g === "expired") {
691
- const d = new Error("Invoice request expired while polling");
692
- throw d.code = "EXPIRED", d.data = o, d;
690
+ const r = yield $(a), p = z(r == null ? void 0 : r.status);
691
+ if (p === "invoiced") return r;
692
+ if (p === "expired") {
693
+ const c = new Error("Invoice request expired while polling");
694
+ throw c.code = "EXPIRED", c.data = r, c;
693
695
  }
694
696
  }
695
697
  const l = new Error("Polling timeout: status not invoiced");
696
698
  throw l.code = "POLL_TIMEOUT", l;
697
699
  });
698
700
  }
699
- function le(r) {
700
- return new Promise((n) => setTimeout(n, r));
701
+ function le(a) {
702
+ return new Promise((n) => setTimeout(n, a));
701
703
  }
702
704
  export {
703
705
  ge as createInvoiceRequestFlow