@poovit-banton/speech-recognition-sdk 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,25 +1,26 @@
1
- import pe, { useState as O, useRef as J, useEffect as X, useCallback as B, createContext as ue, useMemo as fe, useContext as he } from "react";
2
- function ge() {
1
+ import { useState as k, useRef as D, useEffect as H, useCallback as B, createContext as $, useMemo as Y, useContext as q } from "react";
2
+ import { jsxs as c, Fragment as j, jsx as e } from "react/jsx-runtime";
3
+ function J() {
3
4
  return typeof window > "u" ? !1 : !!(window.SpeechRecognition || window.webkitSpeechRecognition);
4
5
  }
5
- function xe() {
6
+ function K() {
6
7
  return typeof window > "u" ? null : window.SpeechRecognition || window.webkitSpeechRecognition || null;
7
8
  }
8
- async function me() {
9
+ async function Q() {
9
10
  try {
10
- return (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((a) => a.stop()), !0;
11
+ return (await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((n) => n.stop()), !0;
11
12
  } catch {
12
13
  return !1;
13
14
  }
14
15
  }
15
- async function Pe() {
16
+ async function g0() {
16
17
  try {
17
- return (await navigator.mediaDevices.enumerateDevices()).some((a) => a.kind === "audioinput");
18
+ return (await navigator.mediaDevices.enumerateDevices()).some((n) => n.kind === "audioinput");
18
19
  } catch {
19
20
  return !1;
20
21
  }
21
22
  }
22
- function Ue() {
23
+ function x0() {
23
24
  return [
24
25
  "th-TH",
25
26
  // Thai
@@ -59,84 +60,84 @@ function Ue() {
59
60
  // Hindi
60
61
  ];
61
62
  }
62
- function De(r) {
63
- return `${Math.round(r * 100)}%`;
63
+ function y0(t) {
64
+ return `${Math.round(t * 100)}%`;
64
65
  }
65
- const ye = {
66
+ const X = {
66
67
  language: "th-TH",
67
68
  continuous: !0,
68
69
  interimResults: !0,
69
70
  maxAlternatives: 1
70
71
  };
71
- function se(r = {}) {
72
- const { config: a = {}, callbacks: c = {} } = r, [i, s] = O(!1), [p, x] = O(""), [y, l] = O(""), [k, w] = O(""), [j, _] = O(null), [m, S] = O(!0), f = J(null), n = J(c);
73
- X(() => {
74
- n.current = c;
75
- }, [c]);
76
- const C = ge(), P = B(
72
+ function P(t = {}) {
73
+ const { config: n = {}, callbacks: l = {} } = t, [a, s] = k(!1), [p, g] = k(""), [w, i] = k(""), [_, x] = k(""), [S, f] = k(null), [u, b] = k(!0), d = D(null), r = D(l);
74
+ H(() => {
75
+ r.current = l;
76
+ }, [l]);
77
+ const y = J(), R = B(
77
78
  async (M) => {
78
- if (!C) {
79
- _("Speech recognition is not supported in this browser");
79
+ if (!y) {
80
+ f("Speech recognition is not supported in this browser");
80
81
  return;
81
82
  }
82
- if (!await me()) {
83
- _("Microphone permission denied"), S(!1);
83
+ if (!await Q()) {
84
+ f("Microphone permission denied"), b(!1);
84
85
  return;
85
86
  }
86
- f.current && f.current.abort();
87
- const N = xe();
88
- if (!N) return;
89
- const b = new N(), v = { ...ye, ...a, ...M };
90
- b.lang = v.language || "th-TH", b.continuous = v.continuous ?? !0, b.interimResults = v.interimResults ?? !0, b.maxAlternatives = v.maxAlternatives ?? 1, b.onstart = () => {
91
- s(!0), _(null), n.current.onStart?.();
92
- }, b.onend = () => {
93
- s(!1), n.current.onEnd?.();
94
- }, b.onerror = (R) => {
95
- const E = _e(R.error);
96
- _(E), s(!1), n.current.onError?.(E);
97
- }, b.onresult = (R) => {
98
- let E = "", L = "";
99
- for (let U = R.resultIndex; U < R.results.length; U++) {
100
- const A = R.results[U], F = A[0].transcript;
101
- A.isFinal ? (L += F, n.current.onResult?.({
102
- transcript: F,
87
+ d.current && d.current.abort();
88
+ const z = K();
89
+ if (!z) return;
90
+ const m = new z(), h = { ...X, ...n, ...M };
91
+ m.lang = h.language || "th-TH", m.continuous = h.continuous ?? !0, m.interimResults = h.interimResults ?? !0, m.maxAlternatives = h.maxAlternatives ?? 1, m.onstart = () => {
92
+ s(!0), f(null), r.current.onStart?.();
93
+ }, m.onend = () => {
94
+ s(!1), r.current.onEnd?.();
95
+ }, m.onerror = (v) => {
96
+ const T = e0(v.error);
97
+ f(T), s(!1), r.current.onError?.(T);
98
+ }, m.onresult = (v) => {
99
+ let T = "", L = "";
100
+ for (let O = v.resultIndex; O < v.results.length; O++) {
101
+ const A = v.results[O], U = A[0].transcript;
102
+ A.isFinal ? (L += U, r.current.onResult?.({
103
+ transcript: U,
103
104
  confidence: A[0].confidence,
104
105
  isFinal: !0
105
- })) : E += F;
106
+ })) : T += U;
106
107
  }
107
- l(E), w((U) => {
108
- const A = U + L, F = A + E;
109
- return x(F), n.current.onTranscriptChange?.(F), A;
108
+ i(T), x((O) => {
109
+ const A = O + L, U = A + T;
110
+ return g(U), r.current.onTranscriptChange?.(U), A;
110
111
  });
111
- }, f.current = b, b.start();
112
+ }, d.current = m, m.start();
112
113
  },
113
- [C, a]
114
- ), T = B(() => {
115
- f.current && f.current.stop();
114
+ [y, n]
115
+ ), C = B(() => {
116
+ d.current && d.current.stop();
116
117
  }, []), I = B(() => {
117
- f.current && f.current.abort(), s(!1);
118
- }, []), z = B(() => {
119
- x(""), l(""), w("");
118
+ d.current && d.current.abort(), s(!1);
119
+ }, []), G = B(() => {
120
+ g(""), i(""), x("");
120
121
  }, []);
121
- return X(() => () => {
122
- f.current && f.current.abort();
122
+ return H(() => () => {
123
+ d.current && d.current.abort();
123
124
  }, []), {
124
125
  // State
125
- isListening: i,
126
+ isListening: a,
126
127
  transcript: p,
127
- interimTranscript: y,
128
- finalTranscript: k,
129
- isSupported: C,
130
- isMicrophoneAvailable: m,
131
- error: j,
128
+ interimTranscript: w,
129
+ finalTranscript: _,
130
+ isSupported: y,
131
+ isMicrophoneAvailable: u,
132
+ error: S,
132
133
  // Actions
133
- startListening: P,
134
- stopListening: T,
134
+ startListening: R,
135
+ stopListening: C,
135
136
  abortListening: I,
136
- resetTranscript: z
137
+ resetTranscript: G
137
138
  };
138
139
  }
139
- function _e(r) {
140
+ function e0(t) {
140
141
  return {
141
142
  "not-allowed": "Microphone permission was denied",
142
143
  "no-speech": "No speech was detected",
@@ -145,269 +146,9 @@ function _e(r) {
145
146
  aborted: "Speech recognition was aborted",
146
147
  "language-not-supported": "Language is not supported",
147
148
  "service-not-allowed": "Speech recognition service is not allowed"
148
- }[r] || `Speech recognition error: ${r}`;
149
+ }[t] || `Speech recognition error: ${t}`;
149
150
  }
150
- var $ = { exports: {} }, V = {};
151
- var oe;
152
- function be() {
153
- if (oe) return V;
154
- oe = 1;
155
- var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
156
- function c(i, s, p) {
157
- var x = null;
158
- if (p !== void 0 && (x = "" + p), s.key !== void 0 && (x = "" + s.key), "key" in s) {
159
- p = {};
160
- for (var y in s)
161
- y !== "key" && (p[y] = s[y]);
162
- } else p = s;
163
- return s = p.ref, {
164
- $$typeof: r,
165
- type: i,
166
- key: x,
167
- ref: s !== void 0 ? s : null,
168
- props: p
169
- };
170
- }
171
- return V.Fragment = a, V.jsx = c, V.jsxs = c, V;
172
- }
173
- var H = {};
174
- var ne;
175
- function we() {
176
- return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
177
- function r(e) {
178
- if (e == null) return null;
179
- if (typeof e == "function")
180
- return e.$$typeof === R ? null : e.displayName || e.name || null;
181
- if (typeof e == "string") return e;
182
- switch (e) {
183
- case n:
184
- return "Fragment";
185
- case P:
186
- return "Profiler";
187
- case C:
188
- return "StrictMode";
189
- case M:
190
- return "Suspense";
191
- case W:
192
- return "SuspenseList";
193
- case v:
194
- return "Activity";
195
- }
196
- if (typeof e == "object")
197
- switch (typeof e.tag == "number" && console.error(
198
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
199
- ), e.$$typeof) {
200
- case f:
201
- return "Portal";
202
- case I:
203
- return e.displayName || "Context";
204
- case T:
205
- return (e._context.displayName || "Context") + ".Consumer";
206
- case z:
207
- var o = e.render;
208
- return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
209
- case N:
210
- return o = e.displayName || null, o !== null ? o : r(e.type) || "Memo";
211
- case b:
212
- o = e._payload, e = e._init;
213
- try {
214
- return r(e(o));
215
- } catch {
216
- }
217
- }
218
- return null;
219
- }
220
- function a(e) {
221
- return "" + e;
222
- }
223
- function c(e) {
224
- try {
225
- a(e);
226
- var o = !1;
227
- } catch {
228
- o = !0;
229
- }
230
- if (o) {
231
- o = console;
232
- var u = o.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
233
- return u.call(
234
- o,
235
- "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
236
- h
237
- ), a(e);
238
- }
239
- }
240
- function i(e) {
241
- if (e === n) return "<>";
242
- if (typeof e == "object" && e !== null && e.$$typeof === b)
243
- return "<...>";
244
- try {
245
- var o = r(e);
246
- return o ? "<" + o + ">" : "<...>";
247
- } catch {
248
- return "<...>";
249
- }
250
- }
251
- function s() {
252
- var e = E.A;
253
- return e === null ? null : e.getOwner();
254
- }
255
- function p() {
256
- return Error("react-stack-top-frame");
257
- }
258
- function x(e) {
259
- if (L.call(e, "key")) {
260
- var o = Object.getOwnPropertyDescriptor(e, "key").get;
261
- if (o && o.isReactWarning) return !1;
262
- }
263
- return e.key !== void 0;
264
- }
265
- function y(e, o) {
266
- function u() {
267
- F || (F = !0, console.error(
268
- "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
269
- o
270
- ));
271
- }
272
- u.isReactWarning = !0, Object.defineProperty(e, "key", {
273
- get: u,
274
- configurable: !0
275
- });
276
- }
277
- function l() {
278
- var e = r(this.type);
279
- return K[e] || (K[e] = !0, console.error(
280
- "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
281
- )), e = this.props.ref, e !== void 0 ? e : null;
282
- }
283
- function k(e, o, u, h, Y, Z) {
284
- var g = u.ref;
285
- return e = {
286
- $$typeof: S,
287
- type: e,
288
- key: o,
289
- props: u,
290
- _owner: h
291
- }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
292
- enumerable: !1,
293
- get: l
294
- }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
295
- configurable: !1,
296
- enumerable: !1,
297
- writable: !0,
298
- value: 0
299
- }), Object.defineProperty(e, "_debugInfo", {
300
- configurable: !1,
301
- enumerable: !1,
302
- writable: !0,
303
- value: null
304
- }), Object.defineProperty(e, "_debugStack", {
305
- configurable: !1,
306
- enumerable: !1,
307
- writable: !0,
308
- value: Y
309
- }), Object.defineProperty(e, "_debugTask", {
310
- configurable: !1,
311
- enumerable: !1,
312
- writable: !0,
313
- value: Z
314
- }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
315
- }
316
- function w(e, o, u, h, Y, Z) {
317
- var g = o.children;
318
- if (g !== void 0)
319
- if (h)
320
- if (U(g)) {
321
- for (h = 0; h < g.length; h++)
322
- j(g[h]);
323
- Object.freeze && Object.freeze(g);
324
- } else
325
- console.error(
326
- "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
327
- );
328
- else j(g);
329
- if (L.call(o, "key")) {
330
- g = r(e);
331
- var G = Object.keys(o).filter(function(de) {
332
- return de !== "key";
333
- });
334
- h = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", re[g + h] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
335
- `A props object containing a "key" prop is being spread into JSX:
336
- let props = %s;
337
- <%s {...props} />
338
- React keys must be passed directly to JSX without using spread:
339
- let props = %s;
340
- <%s key={someKey} {...props} />`,
341
- h,
342
- g,
343
- G,
344
- g
345
- ), re[g + h] = !0);
346
- }
347
- if (g = null, u !== void 0 && (c(u), g = "" + u), x(o) && (c(o.key), g = "" + o.key), "key" in o) {
348
- u = {};
349
- for (var q in o)
350
- q !== "key" && (u[q] = o[q]);
351
- } else u = o;
352
- return g && y(
353
- u,
354
- typeof e == "function" ? e.displayName || e.name || "Unknown" : e
355
- ), k(
356
- e,
357
- g,
358
- u,
359
- s(),
360
- Y,
361
- Z
362
- );
363
- }
364
- function j(e) {
365
- _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === b && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
366
- }
367
- function _(e) {
368
- return typeof e == "object" && e !== null && e.$$typeof === S;
369
- }
370
- var m = pe, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), I = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), b = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.activity"), R = /* @__PURE__ */ Symbol.for("react.client.reference"), E = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, U = Array.isArray, A = console.createTask ? console.createTask : function() {
371
- return null;
372
- };
373
- m = {
374
- react_stack_bottom_frame: function(e) {
375
- return e();
376
- }
377
- };
378
- var F, K = {}, ee = m.react_stack_bottom_frame.bind(
379
- m,
380
- p
381
- )(), te = A(i(p)), re = {};
382
- H.Fragment = n, H.jsx = function(e, o, u) {
383
- var h = 1e4 > E.recentlyCreatedOwnerStacks++;
384
- return w(
385
- e,
386
- o,
387
- u,
388
- !1,
389
- h ? Error("react-stack-top-frame") : ee,
390
- h ? A(i(e)) : te
391
- );
392
- }, H.jsxs = function(e, o, u) {
393
- var h = 1e4 > E.recentlyCreatedOwnerStacks++;
394
- return w(
395
- e,
396
- o,
397
- u,
398
- !0,
399
- h ? Error("react-stack-top-frame") : ee,
400
- h ? A(i(e)) : te
401
- );
402
- };
403
- })()), H;
404
- }
405
- var ie;
406
- function ve() {
407
- return ie || (ie = 1, process.env.NODE_ENV === "production" ? $.exports = be() : $.exports = we()), $.exports;
408
- }
409
- var t = ve();
410
- const Q = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%200%20117%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='%23FF8800'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint0_radial_6015_131977)'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint1_radial_6015_131977)'%20fill-opacity='0.4'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='%23FF8800'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint2_radial_6015_131977)'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint3_radial_6015_131977)'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint4_radial_6015_131977)'%20fill-opacity='0.3'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20stroke='url(%23paint5_linear_6015_131977)'%20stroke-width='1.81818'%20/%3e%3cg%20opacity='0.4'%3e%3cpath%20d='M27.2731%20104.474C27.0272%2082.1726%209.92689%2079.0823%203.63672%2079.4341C25.2722%2077.2252%2027.1558%2041.2543%2027.2731%2031.9004C27.4055%2041.4094%2029.3496%2077.2327%2050.9094%2079.4379C44.6231%2079.0861%2027.5341%2082.2028%2027.2731%20104.478V104.474Z'%20fill='url(%23paint6_radial_6015_131977)'%20/%3e%3c/g%3e%3cg%20opacity='0.4'%3e%3cg%20clip-path='url(%23clip0_6015_131977)'%3e%3cpath%20d='M87.2716%2014.546C87.4985%2035.1318%20103.284%2037.9843%20109.09%2037.6596C89.1186%2039.6987%2087.3798%2072.9027%2087.2716%2081.5371C87.1494%2072.7595%2085.3547%2039.6917%2065.4533%2037.6561C71.2561%2037.9809%2087.0306%2035.1039%2087.2716%2014.5425L87.2716%2014.546Z'%20fill='url(%23paint7_radial_6015_131977)'%20/%3e%3c/g%3e%3c/g%3e%3cg%20clip-path='url(%23clip1_6015_131977)'%20filter='url(%23filter0_i_6015_131977)'%20%3e%3cpath%20d='M77.1274%2060.0186C77.1274%2058.8913%2076.2654%2058.0293%2075.1381%2058.0293C74.0108%2058.0293%2073.1488%2058.8913%2073.1488%2060.0186C73.1488%2067.7769%2066.8493%2074.0764%2059.0911%2074.0764C51.3328%2074.0764%2045.0333%2067.7769%2045.0333%2060.0186C45.0333%2058.8913%2044.1713%2058.0293%2043.044%2058.0293C41.9167%2058.0293%2041.0547%2058.8913%2041.0547%2060.0186C41.0547%2069.2357%2047.9509%2076.994%2057.1017%2077.9887V83.2935H49.8739C48.7467%2083.2935%2047.8846%2084.1555%2047.8846%2085.2828C47.8846%2086.41%2048.7467%2087.2721%2049.8739%2087.2721H68.3082C69.4354%2087.2721%2070.2975%2086.41%2070.2975%2085.2828C70.2975%2084.1555%2069.4354%2083.2935%2068.3082%2083.2935H61.0804V77.9887C70.2312%2076.994%2077.1274%2069.2357%2077.1274%2060.0186Z'%20fill='white'%20/%3e%3cpath%20d='M59.0933%2030.9082C52.9928%2030.9082%2048.0195%2035.8815%2048.0195%2041.982V59.9521C48.0195%2066.1189%2052.9928%2071.0259%2059.0933%2071.0922C65.1939%2071.0922%2070.1671%2066.1189%2070.1671%2060.0184V41.982C70.1671%2035.8815%2065.1939%2030.9082%2059.0933%2030.9082Z'%20fill='white'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_6015_131977'%20x='30.9102'%20y='30.9082'%20width='56.3633'%20height='58.1815'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1.81818'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.909091'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.937087%200%200%200%200%200.449802%200%200%200%200%200%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_6015_131977'%20/%3e%3c/filter%3e%3cradialGradient%20id='paint0_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-150.909)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23DBFF00'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(25.124%20-134.545%2037.8392%2053.435%2043.6364%20120)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint2_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-154.545)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFC700'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint3_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(45.6198%20-45.4545%2027.7487%20210.613%206.61157%20116.364)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23F6FB22'%20stop-opacity='0.51'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF9E45'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint4_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-36.3636%2036.3636%20-36.3636%20-275%20112.397%2036.3637)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3clinearGradient%20id='paint5_linear_6015_131977'%20x1='58.1818'%20y1='0'%20x2='58.1818'%20y2='116.364'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'%20stop-opacity='0'%20/%3e%3c/linearGradient%3e%3cradialGradient%20id='paint6_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(10.2066%20-83.9173%2015.3722%2033.328%2021.364%20104.478)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.2'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint7_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-9.42152%2077.4625%20-14.1898%20-30.7644%2092.7261%2014.5425)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.1'%20/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_6015_131977'%3e%3crect%20width='43.6366'%20height='66.9911'%20fill='white'%20transform='translate(109.09%2081.5371)%20rotate(180)'%20/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_6015_131977'%3e%3crect%20width='56.3636'%20height='56.3636'%20fill='white'%20transform='translate(30.9102%2030.9082)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", le = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%200%20117%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%20filter='url(%23filter0_i_6104_131024)'%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='%23FF8800'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint0_radial_6104_131024)'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint1_radial_6104_131024)'%20fill-opacity='0.4'%20/%3e%3c/g%3e%3crect%20x='1.08067'%20y='1.08067'%20width='114.202'%20height='114.202'%20rx='57.1011'%20fill='white'%20stroke='url(%23paint2_linear_6104_131024)'%20stroke-width='2.16135'%20/%3e%3cg%20filter='url(%23filter1_d_6104_131024)'%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='%23FBEDD9'%20/%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='%23FF7A00'%20/%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='url(%23paint3_radial_6104_131024)'%20fill-opacity='0.4'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_6104_131024'%20x='0'%20y='3.63672'%20width='116.363'%20height='116.363'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20/%3e%3cfeGaussianBlur%20stdDeviation='3.63636'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_6104_131024'%20/%3e%3c/filter%3e%3cfilter%20id='filter1_d_6104_131024'%20x='34.5828'%20y='38.8992'%20width='47.5493'%20height='43.227'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20/%3e%3cfeGaussianBlur%20stdDeviation='1.08067'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%200.565%200%200%200%200%200%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_6104_131024'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_6104_131024'%20result='shape'%20/%3e%3c/filter%3e%3cradialGradient%20id='paint0_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-150.909)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23DBFF00'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(25.124%20-134.545%2037.8392%2053.435%2043.6364%20120)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3clinearGradient%20id='paint2_linear_6104_131024'%20x1='58.1818'%20y1='0'%20x2='58.1818'%20y2='116.364'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='0.515'%20stop-color='%23FCEAD2'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'%20/%3e%3c/linearGradient%3e%3cradialGradient%20id='paint3_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(9.33301%20-44.9831%2014.0564%2017.8651%2052.9541%2079.9648)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e", Se = "data:image/svg+xml,%3csvg%20width='640'%20height='640'%20viewBox='0%200%20640%20640'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_f_5207_91652)'%3e%3cg%20filter='url(%23filter1_f_5207_91652)'%3e%3crect%20x='45'%20y='45'%20width='550'%20height='550'%20rx='275'%20fill='url(%23paint0_linear_5207_91652)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_5207_91652'%20x='-32'%20y='-32'%20width='704'%20height='704'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='16'%20result='effect1_foregroundBlur_5207_91652'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_5207_91652'%20x='41.4052'%20y='41.4052'%20width='557.19'%20height='557.19'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.79739'%20result='effect1_foregroundBlur_5207_91652'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_5207_91652'%20x1='320'%20y1='45'%20x2='326.74'%20y2='605.784'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.177383'%20stop-color='%23EBDDFF'/%3e%3cstop%20offset='0.755511'%20stop-color='%23FEBB63'/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", d = {
151
+ const V = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%200%20117%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='%23FF8800'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint0_radial_6015_131977)'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint1_radial_6015_131977)'%20fill-opacity='0.4'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='%23FF8800'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint2_radial_6015_131977)'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint3_radial_6015_131977)'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20fill='url(%23paint4_radial_6015_131977)'%20fill-opacity='0.3'%20/%3e%3crect%20x='0.909091'%20y='0.909091'%20width='114.545'%20height='114.545'%20rx='57.2727'%20stroke='url(%23paint5_linear_6015_131977)'%20stroke-width='1.81818'%20/%3e%3cg%20opacity='0.4'%3e%3cpath%20d='M27.2731%20104.474C27.0272%2082.1726%209.92689%2079.0823%203.63672%2079.4341C25.2722%2077.2252%2027.1558%2041.2543%2027.2731%2031.9004C27.4055%2041.4094%2029.3496%2077.2327%2050.9094%2079.4379C44.6231%2079.0861%2027.5341%2082.2028%2027.2731%20104.478V104.474Z'%20fill='url(%23paint6_radial_6015_131977)'%20/%3e%3c/g%3e%3cg%20opacity='0.4'%3e%3cg%20clip-path='url(%23clip0_6015_131977)'%3e%3cpath%20d='M87.2716%2014.546C87.4985%2035.1318%20103.284%2037.9843%20109.09%2037.6596C89.1186%2039.6987%2087.3798%2072.9027%2087.2716%2081.5371C87.1494%2072.7595%2085.3547%2039.6917%2065.4533%2037.6561C71.2561%2037.9809%2087.0306%2035.1039%2087.2716%2014.5425L87.2716%2014.546Z'%20fill='url(%23paint7_radial_6015_131977)'%20/%3e%3c/g%3e%3c/g%3e%3cg%20clip-path='url(%23clip1_6015_131977)'%20filter='url(%23filter0_i_6015_131977)'%20%3e%3cpath%20d='M77.1274%2060.0186C77.1274%2058.8913%2076.2654%2058.0293%2075.1381%2058.0293C74.0108%2058.0293%2073.1488%2058.8913%2073.1488%2060.0186C73.1488%2067.7769%2066.8493%2074.0764%2059.0911%2074.0764C51.3328%2074.0764%2045.0333%2067.7769%2045.0333%2060.0186C45.0333%2058.8913%2044.1713%2058.0293%2043.044%2058.0293C41.9167%2058.0293%2041.0547%2058.8913%2041.0547%2060.0186C41.0547%2069.2357%2047.9509%2076.994%2057.1017%2077.9887V83.2935H49.8739C48.7467%2083.2935%2047.8846%2084.1555%2047.8846%2085.2828C47.8846%2086.41%2048.7467%2087.2721%2049.8739%2087.2721H68.3082C69.4354%2087.2721%2070.2975%2086.41%2070.2975%2085.2828C70.2975%2084.1555%2069.4354%2083.2935%2068.3082%2083.2935H61.0804V77.9887C70.2312%2076.994%2077.1274%2069.2357%2077.1274%2060.0186Z'%20fill='white'%20/%3e%3cpath%20d='M59.0933%2030.9082C52.9928%2030.9082%2048.0195%2035.8815%2048.0195%2041.982V59.9521C48.0195%2066.1189%2052.9928%2071.0259%2059.0933%2071.0922C65.1939%2071.0922%2070.1671%2066.1189%2070.1671%2060.0184V41.982C70.1671%2035.8815%2065.1939%2030.9082%2059.0933%2030.9082Z'%20fill='white'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_6015_131977'%20x='30.9102'%20y='30.9082'%20width='56.3633'%20height='58.1815'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20dy='1.81818'%20/%3e%3cfeGaussianBlur%20stdDeviation='0.909091'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.937087%200%200%200%200%200.449802%200%200%200%200%200%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_6015_131977'%20/%3e%3c/filter%3e%3cradialGradient%20id='paint0_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-150.909)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23DBFF00'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(25.124%20-134.545%2037.8392%2053.435%2043.6364%20120)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint2_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-154.545)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23FFC700'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint3_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(45.6198%20-45.4545%2027.7487%20210.613%206.61157%20116.364)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23F6FB22'%20stop-opacity='0.51'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF9E45'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint4_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-36.3636%2036.3636%20-36.3636%20-275%20112.397%2036.3637)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0'%20/%3e%3c/radialGradient%3e%3clinearGradient%20id='paint5_linear_6015_131977'%20x1='58.1818'%20y1='0'%20x2='58.1818'%20y2='116.364'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'%20stop-opacity='0'%20/%3e%3c/linearGradient%3e%3cradialGradient%20id='paint6_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(10.2066%20-83.9173%2015.3722%2033.328%2021.364%20104.478)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.2'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint7_radial_6015_131977'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-9.42152%2077.4625%20-14.1898%20-30.7644%2092.7261%2014.5425)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.1'%20/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_6015_131977'%3e%3crect%20width='43.6366'%20height='66.9911'%20fill='white'%20transform='translate(109.09%2081.5371)%20rotate(180)'%20/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_6015_131977'%3e%3crect%20width='56.3636'%20height='56.3636'%20fill='white'%20transform='translate(30.9102%2030.9082)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Z = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%200%20117%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%20filter='url(%23filter0_i_6104_131024)'%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='%23FF8800'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint0_radial_6104_131024)'%20/%3e%3crect%20y='3.63672'%20width='116.364'%20height='116.364'%20rx='58.1818'%20fill='url(%23paint1_radial_6104_131024)'%20fill-opacity='0.4'%20/%3e%3c/g%3e%3crect%20x='1.08067'%20y='1.08067'%20width='114.202'%20height='114.202'%20rx='57.1011'%20fill='white'%20stroke='url(%23paint2_linear_6104_131024)'%20stroke-width='2.16135'%20/%3e%3cg%20filter='url(%23filter1_d_6104_131024)'%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='%23FBEDD9'%20/%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='%23FF7A00'%20/%3e%3cpath%20d='M49.7119%2041.0605C52.0993%2041.0605%2054.0352%2042.9964%2054.0352%2045.3838V75.6426C54.0351%2078.0299%2052.0992%2079.9648%2049.7119%2079.9648H41.0664C38.6793%2079.9646%2036.7442%2078.0297%2036.7441%2075.6426V45.3838C36.7441%2042.9966%2038.6793%2041.0608%2041.0664%2041.0605H49.7119ZM75.6484%2041.0605C78.0358%2041.0605%2079.9707%2042.9964%2079.9707%2045.3838V75.6426C79.9706%2078.0299%2078.0357%2079.9648%2075.6484%2079.9648H67.0029C64.6157%2079.9648%2062.6808%2078.0298%2062.6807%2075.6426V45.3838C62.6807%2042.9965%2064.6156%2041.0606%2067.0029%2041.0605H75.6484Z'%20fill='url(%23paint3_radial_6104_131024)'%20fill-opacity='0.4'%20/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_6104_131024'%20x='0'%20y='3.63672'%20width='116.363'%20height='116.363'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20/%3e%3cfeGaussianBlur%20stdDeviation='3.63636'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow_6104_131024'%20/%3e%3c/filter%3e%3cfilter%20id='filter1_d_6104_131024'%20x='34.5828'%20y='38.8992'%20width='47.5493'%20height='43.227'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%20%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'%20/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'%20/%3e%3cfeOffset%20/%3e%3cfeGaussianBlur%20stdDeviation='1.08067'%20/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%200.565%200%200%200%200%200%200%200%200%201%200'%20/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_6104_131024'%20/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_6104_131024'%20result='shape'%20/%3e%3c/filter%3e%3cradialGradient%20id='paint0_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(-107.107%20232.727%20-57.2274%20-199.178%20110.413%20-150.909)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20offset='0.67589'%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='1'%20stop-color='%23DBFF00'%20stop-opacity='0.38'%20/%3e%3c/radialGradient%3e%3cradialGradient%20id='paint1_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(25.124%20-134.545%2037.8392%2053.435%2043.6364%20120)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3clinearGradient%20id='paint2_linear_6104_131024'%20x1='58.1818'%20y1='0'%20x2='58.1818'%20y2='116.364'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='%23FF7A00'%20/%3e%3cstop%20offset='0.515'%20stop-color='%23FCEAD2'%20/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'%20/%3e%3c/linearGradient%3e%3cradialGradient%20id='paint3_radial_6104_131024'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='matrix(9.33301%20-44.9831%2014.0564%2017.8651%2052.9541%2079.9648)'%20gradientUnits='userSpaceOnUse'%20%3e%3cstop%20stop-color='white'%20stop-opacity='0.73'%20/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='0.12'%20/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e", t0 = "data:image/svg+xml,%3csvg%20width='640'%20height='640'%20viewBox='0%200%20640%20640'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_f_5207_91652)'%3e%3cg%20filter='url(%23filter1_f_5207_91652)'%3e%3crect%20x='45'%20y='45'%20width='550'%20height='550'%20rx='275'%20fill='url(%23paint0_linear_5207_91652)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_5207_91652'%20x='-32'%20y='-32'%20width='704'%20height='704'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='16'%20result='effect1_foregroundBlur_5207_91652'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_5207_91652'%20x='41.4052'%20y='41.4052'%20width='557.19'%20height='557.19'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.79739'%20result='effect1_foregroundBlur_5207_91652'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_5207_91652'%20x1='320'%20y1='45'%20x2='326.74'%20y2='605.784'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.177383'%20stop-color='%23EBDDFF'/%3e%3cstop%20offset='0.755511'%20stop-color='%23FEBB63'/%3e%3cstop%20offset='1'%20stop-color='%23FF7A00'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", o = {
411
152
  overlay: {
412
153
  position: "fixed",
413
154
  inset: 0,
@@ -599,7 +340,7 @@ const Q = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%2
599
340
  fontSize: "12px",
600
341
  color: "#9ca3af"
601
342
  }
602
- }, Ce = `
343
+ }, r0 = `
603
344
  @keyframes shimmer {
604
345
  0% { background-position: 200% 0; }
605
346
  100% { background-position: -200% 0; }
@@ -612,241 +353,241 @@ const Q = "data:image/svg+xml,%3csvg%20width='117'%20height='120'%20viewBox='0%2
612
353
  0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
613
354
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
614
355
  }
615
- `, ke = () => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "24", height: "24", children: /* @__PURE__ */ t.jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }), je = () => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ t.jsx("path", { d: "M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2z" }) }), Te = () => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: [
616
- /* @__PURE__ */ t.jsx(
356
+ `, i0 = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "24", height: "24", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }), o0 = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ e("path", { d: "M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2z" }) }), n0 = () => /* @__PURE__ */ c("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: [
357
+ /* @__PURE__ */ e(
617
358
  "path",
618
359
  {
619
360
  d: "M12 2L10.5 8.5L4 10L10.5 11.5L12 18L13.5 11.5L20 10L13.5 8.5L12 2Z",
620
361
  fill: "#9333ea"
621
362
  }
622
363
  ),
623
- /* @__PURE__ */ t.jsx("path", { d: "M5 14L4 17L7 16L5 14Z", fill: "#9333ea", opacity: "0.6" }),
624
- /* @__PURE__ */ t.jsx("path", { d: "M19 14L20 17L17 16L19 14Z", fill: "#9333ea", opacity: "0.6" })
364
+ /* @__PURE__ */ e("path", { d: "M5 14L4 17L7 16L5 14Z", fill: "#9333ea", opacity: "0.6" }),
365
+ /* @__PURE__ */ e("path", { d: "M19 14L20 17L17 16L19 14Z", fill: "#9333ea", opacity: "0.6" })
625
366
  ] });
626
- function Re({
627
- isOpen: r,
628
- onClose: a,
629
- isListening: c,
630
- transcript: i,
367
+ function a0({
368
+ isOpen: t,
369
+ onClose: n,
370
+ isListening: l,
371
+ transcript: a,
631
372
  onStartListening: s,
632
373
  onStopListening: p,
633
- onResetTranscript: x,
634
- onGenerate: y,
635
- isGenerating: l = !1,
636
- title: k = "AI Speech-to-Data",
637
- generateButtonText: w = "Generate",
638
- placeholder: j = "Click the microphone and start speaking..."
374
+ onResetTranscript: g,
375
+ onGenerate: w,
376
+ isGenerating: i = !1,
377
+ title: _ = "AI Speech-to-Data",
378
+ generateButtonText: x = "Generate",
379
+ placeholder: S = "Click the microphone and start speaking..."
639
380
  }) {
640
- const _ = J(null);
641
- X(() => {
642
- const n = (C) => {
643
- C.key === "Escape" && r && !l && a();
381
+ const f = D(null);
382
+ H(() => {
383
+ const r = (y) => {
384
+ y.key === "Escape" && t && !i && n();
644
385
  };
645
- return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
646
- }, [r, a, l]);
647
- const m = (n) => {
648
- n.target === n.currentTarget && !l && a();
386
+ return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
387
+ }, [t, n, i]);
388
+ const u = (r) => {
389
+ r.target === r.currentTarget && !i && n();
649
390
  };
650
- if (!r) return null;
651
- const S = () => {
652
- l || (c ? p() : (x(), s()));
653
- }, f = () => {
654
- i && !l && y(i);
391
+ if (!t) return null;
392
+ const b = () => {
393
+ i || (l ? p() : (g(), s()));
394
+ }, d = () => {
395
+ a && !i && w(a);
655
396
  };
656
- return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
657
- /* @__PURE__ */ t.jsx("style", { children: Ce }),
658
- /* @__PURE__ */ t.jsx("div", { style: d.overlay, onClick: m, children: /* @__PURE__ */ t.jsxs(
397
+ return /* @__PURE__ */ c(j, { children: [
398
+ /* @__PURE__ */ e("style", { children: r0 }),
399
+ /* @__PURE__ */ e("div", { style: o.overlay, onClick: u, children: /* @__PURE__ */ c(
659
400
  "div",
660
401
  {
661
- ref: _,
402
+ ref: f,
662
403
  style: {
663
- ...d.modal,
404
+ ...o.modal,
664
405
  animation: "fadeIn 0.25s ease-out"
665
406
  },
666
- onClick: (n) => n.stopPropagation(),
407
+ onClick: (r) => r.stopPropagation(),
667
408
  children: [
668
- l && /* @__PURE__ */ t.jsxs("div", { style: d.loadingOverlay, children: [
669
- /* @__PURE__ */ t.jsx(Te, {}),
670
- /* @__PURE__ */ t.jsxs("div", { style: d.loadingBars, children: [
671
- /* @__PURE__ */ t.jsx("div", { style: { ...d.loadingBar, width: "100%" } }),
672
- /* @__PURE__ */ t.jsx("div", { style: { ...d.loadingBar, width: "80%" } }),
673
- /* @__PURE__ */ t.jsx("div", { style: { ...d.loadingBar, width: "90%" } }),
674
- /* @__PURE__ */ t.jsx("div", { style: { ...d.loadingBar, width: "70%" } })
409
+ i && /* @__PURE__ */ c("div", { style: o.loadingOverlay, children: [
410
+ /* @__PURE__ */ e(n0, {}),
411
+ /* @__PURE__ */ c("div", { style: o.loadingBars, children: [
412
+ /* @__PURE__ */ e("div", { style: { ...o.loadingBar, width: "100%" } }),
413
+ /* @__PURE__ */ e("div", { style: { ...o.loadingBar, width: "80%" } }),
414
+ /* @__PURE__ */ e("div", { style: { ...o.loadingBar, width: "90%" } }),
415
+ /* @__PURE__ */ e("div", { style: { ...o.loadingBar, width: "70%" } })
675
416
  ] }),
676
- /* @__PURE__ */ t.jsxs("span", { style: d.loadingText, children: [
677
- /* @__PURE__ */ t.jsx("span", { style: d.sparkleIcon, children: "✨" }),
417
+ /* @__PURE__ */ c("span", { style: o.loadingText, children: [
418
+ /* @__PURE__ */ e("span", { style: o.sparkleIcon, children: "✨" }),
678
419
  "AI Analyzing"
679
420
  ] })
680
421
  ] }),
681
- /* @__PURE__ */ t.jsxs("div", { style: d.header, children: [
682
- /* @__PURE__ */ t.jsxs("h2", { style: d.title, children: [
683
- /* @__PURE__ */ t.jsx("span", { style: { fontSize: "20px" }, children: "✨" }),
684
- k
422
+ /* @__PURE__ */ c("div", { style: o.header, children: [
423
+ /* @__PURE__ */ c("h2", { style: o.title, children: [
424
+ /* @__PURE__ */ e("span", { style: { fontSize: "20px" }, children: "✨" }),
425
+ _
685
426
  ] }),
686
- /* @__PURE__ */ t.jsx(
427
+ /* @__PURE__ */ e(
687
428
  "button",
688
429
  {
689
- style: d.closeButton,
690
- onClick: a,
691
- disabled: l,
692
- onMouseOver: (n) => {
693
- l || (n.currentTarget.style.background = "#f3f4f6");
430
+ style: o.closeButton,
431
+ onClick: n,
432
+ disabled: i,
433
+ onMouseOver: (r) => {
434
+ i || (r.currentTarget.style.background = "#f3f4f6");
694
435
  },
695
- onMouseOut: (n) => {
696
- n.currentTarget.style.background = "transparent";
436
+ onMouseOut: (r) => {
437
+ r.currentTarget.style.background = "transparent";
697
438
  },
698
- children: /* @__PURE__ */ t.jsx(ke, {})
439
+ children: /* @__PURE__ */ e(i0, {})
699
440
  }
700
441
  )
701
442
  ] }),
702
- /* @__PURE__ */ t.jsxs("div", { style: d.micSection, children: [
703
- /* @__PURE__ */ t.jsx(
443
+ /* @__PURE__ */ c("div", { style: o.micSection, children: [
444
+ /* @__PURE__ */ e(
704
445
  "img",
705
446
  {
706
- src: Se,
447
+ src: t0,
707
448
  alt: "",
708
449
  style: {
709
- ...d.bgCircle,
710
- opacity: c ? 1 : 0.6,
711
- animation: c ? "pulse-glow 2s ease-in-out infinite" : "none"
450
+ ...o.bgCircle,
451
+ opacity: l ? 1 : 0.6,
452
+ animation: l ? "pulse-glow 2s ease-in-out infinite" : "none"
712
453
  }
713
454
  }
714
455
  ),
715
- /* @__PURE__ */ t.jsx(
456
+ /* @__PURE__ */ e(
716
457
  "button",
717
458
  {
718
- style: d.micButton,
719
- onClick: S,
720
- disabled: l,
721
- onMouseOver: (n) => {
722
- l || (n.currentTarget.style.transform = "scale(1.05)");
459
+ style: o.micButton,
460
+ onClick: b,
461
+ disabled: i,
462
+ onMouseOver: (r) => {
463
+ i || (r.currentTarget.style.transform = "scale(1.05)");
723
464
  },
724
- onMouseOut: (n) => {
725
- n.currentTarget.style.transform = "scale(1)";
465
+ onMouseOut: (r) => {
466
+ r.currentTarget.style.transform = "scale(1)";
726
467
  },
727
- children: /* @__PURE__ */ t.jsx(
468
+ children: /* @__PURE__ */ e(
728
469
  "img",
729
470
  {
730
- src: c ? le : Q,
731
- alt: c ? "Stop" : "Start recording",
732
- style: d.micImage
471
+ src: l ? Z : V,
472
+ alt: l ? "Stop" : "Start recording",
473
+ style: o.micImage
733
474
  }
734
475
  )
735
476
  }
736
477
  ),
737
- /* @__PURE__ */ t.jsx(
478
+ /* @__PURE__ */ e(
738
479
  "p",
739
480
  {
740
481
  style: {
741
- ...d.statusText,
742
- ...c ? d.statusTextActive : {}
482
+ ...o.statusText,
483
+ ...l ? o.statusTextActive : {}
743
484
  },
744
- children: c ? "AI is listening." : "Generate result"
485
+ children: l ? "AI is listening." : "Generate result"
745
486
  }
746
487
  )
747
488
  ] }),
748
- (i || !c) && !l && /* @__PURE__ */ t.jsx("div", { style: d.transcriptBox, children: i ? /* @__PURE__ */ t.jsx("p", { style: d.transcriptText, children: i }) : /* @__PURE__ */ t.jsx("p", { style: d.placeholderText, children: j }) }),
749
- !l && /* @__PURE__ */ t.jsx("div", { style: d.actions, children: /* @__PURE__ */ t.jsxs(
489
+ (a || !l) && !i && /* @__PURE__ */ e("div", { style: o.transcriptBox, children: a ? /* @__PURE__ */ e("p", { style: o.transcriptText, children: a }) : /* @__PURE__ */ e("p", { style: o.placeholderText, children: S }) }),
490
+ !i && /* @__PURE__ */ e("div", { style: o.actions, children: /* @__PURE__ */ c(
750
491
  "button",
751
492
  {
752
493
  style: {
753
- ...d.generateButton,
754
- ...i ? {} : d.generateButtonDisabled
494
+ ...o.generateButton,
495
+ ...a ? {} : o.generateButtonDisabled
755
496
  },
756
- onClick: f,
757
- disabled: !i || l,
758
- onMouseOver: (n) => {
759
- i && !l && (n.currentTarget.style.background = "#9333ea", n.currentTarget.style.color = "white");
497
+ onClick: d,
498
+ disabled: !a || i,
499
+ onMouseOver: (r) => {
500
+ a && !i && (r.currentTarget.style.background = "#9333ea", r.currentTarget.style.color = "white");
760
501
  },
761
- onMouseOut: (n) => {
762
- n.currentTarget.style.background = "transparent", n.currentTarget.style.color = i ? "#9333ea" : "#9ca3af";
502
+ onMouseOut: (r) => {
503
+ r.currentTarget.style.background = "transparent", r.currentTarget.style.color = a ? "#9333ea" : "#9ca3af";
763
504
  },
764
505
  children: [
765
- /* @__PURE__ */ t.jsx(je, {}),
766
- w
506
+ /* @__PURE__ */ e(o0, {}),
507
+ x
767
508
  ]
768
509
  }
769
510
  ) }),
770
- /* @__PURE__ */ t.jsx("div", { style: d.footer, children: /* @__PURE__ */ t.jsxs("span", { children: [
511
+ /* @__PURE__ */ e("div", { style: o.footer, children: /* @__PURE__ */ c("span", { children: [
771
512
  "Powered by ",
772
- /* @__PURE__ */ t.jsx("strong", { children: "DFM" })
513
+ /* @__PURE__ */ e("strong", { children: "DFM" })
773
514
  ] }) })
774
515
  ]
775
516
  }
776
517
  ) })
777
518
  ] });
778
519
  }
779
- const Ee = (r) => {
780
- if (typeof r == "object")
520
+ const l0 = (t) => {
521
+ if (typeof t == "object")
781
522
  return {
782
- top: r.top,
783
- right: r.right,
784
- bottom: r.bottom,
785
- left: r.left
523
+ top: t.top,
524
+ right: t.right,
525
+ bottom: t.bottom,
526
+ left: t.left
786
527
  };
787
- const a = {
528
+ const n = {
788
529
  "bottom-left": { bottom: "24px", left: "24px" },
789
530
  "bottom-right": { bottom: "24px", right: "24px" },
790
531
  "top-left": { top: "24px", left: "24px" },
791
532
  "top-right": { top: "24px", right: "24px" }
792
533
  };
793
- return a[r] || a["bottom-left"];
534
+ return n[t] || n["bottom-left"];
794
535
  };
795
- function Ae({
796
- enabled: r = !0,
797
- position: a = "bottom-left",
798
- config: c = { language: "th-TH", continuous: !0 },
799
- onGenerate: i,
536
+ function c0({
537
+ enabled: t = !0,
538
+ position: n = "bottom-left",
539
+ config: l = { language: "th-TH", continuous: !0 },
540
+ onGenerate: a,
800
541
  onGenerateComplete: s,
801
542
  onGenerateError: p,
802
- modalTitle: x = "AI Speech-to-Data",
803
- generateButtonText: y = "Generate",
804
- buttonContent: l,
805
- buttonSize: k = 64,
806
- buttonStyle: w,
807
- zIndex: j = 9998
543
+ modalTitle: g = "AI Speech-to-Data",
544
+ generateButtonText: w = "Generate",
545
+ buttonContent: i,
546
+ buttonSize: _ = 64,
547
+ buttonStyle: x,
548
+ zIndex: S = 9998
808
549
  }) {
809
- const [_, m] = O(!1), [S, f] = O(!1), {
810
- transcript: n,
811
- isListening: C,
812
- startListening: P,
813
- stopListening: T,
550
+ const [f, u] = k(!1), [b, d] = k(!1), {
551
+ transcript: r,
552
+ isListening: y,
553
+ startListening: R,
554
+ stopListening: C,
814
555
  resetTranscript: I
815
- } = se({ config: c }), z = B(() => {
816
- m(!0);
556
+ } = P({ config: l }), G = B(() => {
557
+ u(!0);
817
558
  }, []), M = B(() => {
818
- m(!1), C && T();
819
- }, [C, T]), W = B(
820
- async (v) => {
821
- if (!i) {
822
- s?.(v), M(), I();
559
+ u(!1), y && C();
560
+ }, [y, C]), E = B(
561
+ async (h) => {
562
+ if (!a) {
563
+ s?.(h), M(), I();
823
564
  return;
824
565
  }
825
- f(!0);
566
+ d(!0);
826
567
  try {
827
- const R = await i(v);
828
- s?.(R), M(), I();
829
- } catch (R) {
830
- p?.(R);
568
+ const v = await a(h);
569
+ s?.(v), M(), I();
570
+ } catch (v) {
571
+ p?.(v);
831
572
  } finally {
832
- f(!1);
573
+ d(!1);
833
574
  }
834
575
  },
835
576
  [
836
- i,
577
+ a,
837
578
  s,
838
579
  p,
839
580
  M,
840
581
  I
841
582
  ]
842
583
  );
843
- if (!r) return null;
844
- const b = {
584
+ if (!t) return null;
585
+ const m = {
845
586
  position: "fixed",
846
- ...Ee(a),
847
- zIndex: j,
848
- width: k,
849
- height: k,
587
+ ...l0(n),
588
+ zIndex: S,
589
+ width: _,
590
+ height: _,
850
591
  borderRadius: "50%",
851
592
  border: "none",
852
593
  cursor: "pointer",
@@ -854,108 +595,108 @@ function Ae({
854
595
  padding: 0,
855
596
  transition: "all 0.3s ease",
856
597
  filter: "drop-shadow(0 4px 12px rgba(255, 122, 0, 0.4))",
857
- ...w
598
+ ...x
858
599
  };
859
- return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
860
- /* @__PURE__ */ t.jsx(
600
+ return /* @__PURE__ */ c(j, { children: [
601
+ /* @__PURE__ */ e(
861
602
  "button",
862
603
  {
863
- style: b,
864
- onClick: z,
604
+ style: m,
605
+ onClick: G,
865
606
  "aria-label": "Open voice input",
866
- onMouseOver: (v) => {
867
- v.currentTarget.style.transform = "scale(1.1)", v.currentTarget.style.filter = "drop-shadow(0 6px 20px rgba(255, 122, 0, 0.5))";
607
+ onMouseOver: (h) => {
608
+ h.currentTarget.style.transform = "scale(1.1)", h.currentTarget.style.filter = "drop-shadow(0 6px 20px rgba(255, 122, 0, 0.5))";
868
609
  },
869
- onMouseOut: (v) => {
870
- v.currentTarget.style.transform = "scale(1)", v.currentTarget.style.filter = "drop-shadow(0 4px 12px rgba(255, 122, 0, 0.4))";
610
+ onMouseOut: (h) => {
611
+ h.currentTarget.style.transform = "scale(1)", h.currentTarget.style.filter = "drop-shadow(0 4px 12px rgba(255, 122, 0, 0.4))";
871
612
  },
872
- children: l || /* @__PURE__ */ t.jsx(
613
+ children: i || /* @__PURE__ */ e(
873
614
  "img",
874
615
  {
875
- src: Q,
616
+ src: V,
876
617
  alt: "Voice input",
877
618
  style: { width: "100%", height: "100%" }
878
619
  }
879
620
  )
880
621
  }
881
622
  ),
882
- /* @__PURE__ */ t.jsx(
883
- Re,
623
+ /* @__PURE__ */ e(
624
+ a0,
884
625
  {
885
- isOpen: _,
626
+ isOpen: f,
886
627
  onClose: M,
887
- isListening: C,
888
- transcript: n,
889
- onStartListening: P,
890
- onStopListening: T,
628
+ isListening: y,
629
+ transcript: r,
630
+ onStartListening: R,
631
+ onStopListening: C,
891
632
  onResetTranscript: I,
892
- onGenerate: W,
893
- isGenerating: S,
894
- title: x,
895
- generateButtonText: y
633
+ onGenerate: E,
634
+ isGenerating: b,
635
+ title: g,
636
+ generateButtonText: w
896
637
  }
897
638
  )
898
639
  ] });
899
640
  }
900
- const ce = ue(null);
901
- function Ge({
902
- children: r,
903
- config: a,
904
- callbacks: c,
905
- showWidget: i = !1,
641
+ const N = $(null);
642
+ function m0({
643
+ children: t,
644
+ config: n,
645
+ callbacks: l,
646
+ showWidget: a = !1,
906
647
  widgetEnabled: s = !0,
907
648
  widgetPosition: p = "bottom-left",
908
- widgetButtonSize: x = 60,
909
- widgetZIndex: y = 9998,
910
- modalTitle: l,
911
- generateButtonText: k,
912
- onGenerate: w,
913
- onGenerateComplete: j,
914
- onGenerateError: _
649
+ widgetButtonSize: g = 60,
650
+ widgetZIndex: w = 9998,
651
+ modalTitle: i,
652
+ generateButtonText: _,
653
+ onGenerate: x,
654
+ onGenerateComplete: S,
655
+ onGenerateError: f
915
656
  }) {
916
- const [m, S] = O(s), f = se({ config: a, callbacks: c }), n = B((T) => {
917
- S(T);
918
- }, []), C = B(() => {
919
- S((T) => !T);
920
- }, []), P = fe(
657
+ const [u, b] = k(s), d = P({ config: n, callbacks: l }), r = B((C) => {
658
+ b(C);
659
+ }, []), y = B(() => {
660
+ b((C) => !C);
661
+ }, []), R = Y(
921
662
  () => ({
922
- ...f,
923
- isWidgetEnabled: m,
924
- setWidgetEnabled: n,
925
- toggleWidget: C
663
+ ...d,
664
+ isWidgetEnabled: u,
665
+ setWidgetEnabled: r,
666
+ toggleWidget: y
926
667
  }),
927
- [f, m, n, C]
668
+ [d, u, r, y]
928
669
  );
929
- return /* @__PURE__ */ t.jsxs(ce.Provider, { value: P, children: [
930
- r,
931
- i && /* @__PURE__ */ t.jsx(
932
- Ae,
670
+ return /* @__PURE__ */ c(N.Provider, { value: R, children: [
671
+ t,
672
+ a && /* @__PURE__ */ e(
673
+ c0,
933
674
  {
934
- enabled: m,
675
+ enabled: u,
935
676
  position: p,
936
- config: a,
937
- buttonSize: x,
938
- zIndex: y,
939
- modalTitle: l,
940
- generateButtonText: k,
941
- onGenerate: w,
942
- onGenerateComplete: j,
943
- onGenerateError: _
677
+ config: n,
678
+ buttonSize: g,
679
+ zIndex: w,
680
+ modalTitle: i,
681
+ generateButtonText: _,
682
+ onGenerate: x,
683
+ onGenerateComplete: S,
684
+ onGenerateError: f
944
685
  }
945
686
  )
946
687
  ] });
947
688
  }
948
- function ze() {
949
- const r = he(ce);
950
- if (!r)
689
+ function w0() {
690
+ const t = q(N);
691
+ if (!t)
951
692
  throw new Error("useSpeechContext must be used within a SpeechProvider");
952
- return r;
693
+ return t;
953
694
  }
954
- const Fe = {
695
+ const s0 = {
955
696
  sm: 60,
956
697
  md: 100,
957
698
  lg: 140
958
- }, ae = {
699
+ }, W = {
959
700
  button: {
960
701
  display: "inline-flex",
961
702
  alignItems: "center",
@@ -972,74 +713,74 @@ const Fe = {
972
713
  opacity: 0.5,
973
714
  cursor: "not-allowed"
974
715
  }
975
- }, Oe = () => /* @__PURE__ */ t.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "32", height: "32", children: [
976
- /* @__PURE__ */ t.jsx("path", { d: "M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5z" }),
977
- /* @__PURE__ */ t.jsx("path", { d: "M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z" })
978
- ] }), Be = () => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "32", height: "32", children: /* @__PURE__ */ t.jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
979
- function Ne({
980
- isListening: r,
981
- onStart: a,
982
- onStop: c,
983
- disabled: i = !1,
716
+ }, d0 = () => /* @__PURE__ */ c("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "32", height: "32", children: [
717
+ /* @__PURE__ */ e("path", { d: "M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5z" }),
718
+ /* @__PURE__ */ e("path", { d: "M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z" })
719
+ ] }), p0 = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "32", height: "32", children: /* @__PURE__ */ e("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
720
+ function _0({
721
+ isListening: t,
722
+ onStart: n,
723
+ onStop: l,
724
+ disabled: a = !1,
984
725
  className: s,
985
726
  style: p,
986
- startIcon: x,
987
- stopIcon: y,
988
- startLabel: l,
989
- stopLabel: k,
990
- size: w = "md",
991
- useAssets: j = !0
727
+ startIcon: g,
728
+ stopIcon: w,
729
+ startLabel: i,
730
+ stopLabel: _,
731
+ size: x = "md",
732
+ useAssets: S = !0
992
733
  }) {
993
- const _ = () => {
994
- i || (r ? c() : a());
995
- }, m = Fe[w], S = {
996
- ...ae.button,
997
- width: m,
998
- height: m,
999
- ...i && ae.disabled,
1000
- filter: j ? "drop-shadow(0 4px 12px rgba(255, 122, 0, 0.4))" : void 0,
734
+ const f = () => {
735
+ a || (t ? l() : n());
736
+ }, u = s0[x], b = {
737
+ ...W.button,
738
+ width: u,
739
+ height: u,
740
+ ...a && W.disabled,
741
+ filter: S ? "drop-shadow(0 4px 12px rgba(255, 122, 0, 0.4))" : void 0,
1001
742
  ...p
1002
743
  };
1003
- return j ? /* @__PURE__ */ t.jsx(
744
+ return S ? /* @__PURE__ */ e(
1004
745
  "button",
1005
746
  {
1006
747
  type: "button",
1007
- onClick: _,
1008
- disabled: i,
748
+ onClick: f,
749
+ disabled: a,
1009
750
  className: s,
1010
- style: S,
1011
- "aria-label": r ? "Stop recording" : "Start recording",
1012
- children: /* @__PURE__ */ t.jsx(
751
+ style: b,
752
+ "aria-label": t ? "Stop recording" : "Start recording",
753
+ children: /* @__PURE__ */ e(
1013
754
  "img",
1014
755
  {
1015
- src: r ? le : Q,
1016
- alt: r ? "Stop" : "Start",
756
+ src: t ? Z : V,
757
+ alt: t ? "Stop" : "Start",
1017
758
  style: { width: "100%", height: "100%" }
1018
759
  }
1019
760
  )
1020
761
  }
1021
- ) : /* @__PURE__ */ t.jsx(
762
+ ) : /* @__PURE__ */ e(
1022
763
  "button",
1023
764
  {
1024
765
  type: "button",
1025
- onClick: _,
1026
- disabled: i,
766
+ onClick: f,
767
+ disabled: a,
1027
768
  className: s,
1028
769
  style: {
1029
- ...S,
1030
- background: r ? "linear-gradient(135deg, #ef4444 0%, #dc2626 100%)" : "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
770
+ ...b,
771
+ background: t ? "linear-gradient(135deg, #ef4444 0%, #dc2626 100%)" : "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
1031
772
  color: "white",
1032
- boxShadow: r ? "0 10px 40px rgba(239, 68, 68, 0.4)" : "0 10px 40px rgba(102, 126, 234, 0.4)"
773
+ boxShadow: t ? "0 10px 40px rgba(239, 68, 68, 0.4)" : "0 10px 40px rgba(102, 126, 234, 0.4)"
1033
774
  },
1034
- "aria-label": r ? "Stop recording" : "Start recording",
1035
- children: /* @__PURE__ */ t.jsxs("span", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "4px" }, children: [
1036
- r ? y || /* @__PURE__ */ t.jsx(Be, {}) : x || /* @__PURE__ */ t.jsx(Oe, {}),
1037
- (l || k) && /* @__PURE__ */ t.jsx("span", { style: { fontSize: w === "sm" ? "10px" : w === "md" ? "12px" : "14px" }, children: r ? k || "Stop" : l || "Start" })
775
+ "aria-label": t ? "Stop recording" : "Start recording",
776
+ children: /* @__PURE__ */ c("span", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "4px" }, children: [
777
+ t ? w || /* @__PURE__ */ e(p0, {}) : g || /* @__PURE__ */ e(d0, {}),
778
+ (i || _) && /* @__PURE__ */ e("span", { style: { fontSize: x === "sm" ? "10px" : x === "md" ? "12px" : "14px" }, children: t ? _ || "Stop" : i || "Start" })
1038
779
  ] })
1039
780
  }
1040
781
  );
1041
782
  }
1042
- const D = {
783
+ const F = {
1043
784
  container: {
1044
785
  width: "100%"
1045
786
  },
@@ -1087,59 +828,59 @@ const D = {
1087
828
  margin: 0,
1088
829
  padding: "32px 0"
1089
830
  }
1090
- }, Ie = () => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "16", height: "16", children: /* @__PURE__ */ t.jsx("path", { d: "M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }) });
1091
- function Le({
1092
- transcript: r,
1093
- placeholder: a = "Click the microphone to start speaking...",
1094
- isListening: c = !1,
1095
- className: i,
831
+ }, f0 = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "16", height: "16", children: /* @__PURE__ */ e("path", { d: "M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }) });
832
+ function b0({
833
+ transcript: t,
834
+ placeholder: n = "Click the microphone to start speaking...",
835
+ isListening: l = !1,
836
+ className: a,
1096
837
  style: s,
1097
838
  onReset: p,
1098
- showResetButton: x = !0,
1099
- maxHeight: y = "300px"
839
+ showResetButton: g = !0,
840
+ maxHeight: w = "300px"
1100
841
  }) {
1101
- const l = {
1102
- ...D.box,
1103
- maxHeight: y,
842
+ const i = {
843
+ ...F.box,
844
+ maxHeight: w,
1104
845
  ...s
1105
846
  };
1106
- return /* @__PURE__ */ t.jsxs("div", { className: i, style: D.container, children: [
1107
- /* @__PURE__ */ t.jsxs("div", { style: D.header, children: [
1108
- /* @__PURE__ */ t.jsx("h2", { style: D.title, children: "📝 Transcript" }),
1109
- x && p && /* @__PURE__ */ t.jsxs(
847
+ return /* @__PURE__ */ c("div", { className: a, style: F.container, children: [
848
+ /* @__PURE__ */ c("div", { style: F.header, children: [
849
+ /* @__PURE__ */ e("h2", { style: F.title, children: "📝 Transcript" }),
850
+ g && p && /* @__PURE__ */ c(
1110
851
  "button",
1111
852
  {
1112
853
  type: "button",
1113
854
  onClick: p,
1114
- disabled: !r,
855
+ disabled: !t,
1115
856
  style: {
1116
- ...D.resetButton,
1117
- opacity: r ? 1 : 0.5,
1118
- cursor: r ? "pointer" : "not-allowed"
857
+ ...F.resetButton,
858
+ opacity: t ? 1 : 0.5,
859
+ cursor: t ? "pointer" : "not-allowed"
1119
860
  },
1120
861
  children: [
1121
- /* @__PURE__ */ t.jsx(Ie, {}),
862
+ /* @__PURE__ */ e(f0, {}),
1122
863
  "Clear"
1123
864
  ]
1124
865
  }
1125
866
  )
1126
867
  ] }),
1127
- /* @__PURE__ */ t.jsx("div", { style: l, children: r ? /* @__PURE__ */ t.jsx("p", { style: D.text, children: r }) : /* @__PURE__ */ t.jsx("p", { style: D.placeholder, children: c ? "🎧 Listening... Speak now!" : a }) })
868
+ /* @__PURE__ */ e("div", { style: i, children: t ? /* @__PURE__ */ e("p", { style: F.text, children: t }) : /* @__PURE__ */ e("p", { style: F.placeholder, children: l ? "🎧 Listening... Speak now!" : n }) })
1128
869
  ] });
1129
870
  }
1130
871
  export {
1131
- Ne as SpeechButton,
1132
- Re as SpeechModal,
1133
- Ge as SpeechProvider,
1134
- Ae as SpeechWidget,
1135
- Le as TranscriptDisplay,
1136
- De as formatConfidence,
1137
- xe as getSpeechRecognition,
1138
- Ue as getSupportedLanguages,
1139
- Pe as isMicrophoneAvailable,
1140
- ge as isSpeechRecognitionSupported,
1141
- me as requestMicrophonePermission,
1142
- ze as useSpeechContext,
1143
- se as useSpeechRecognition
872
+ _0 as SpeechButton,
873
+ a0 as SpeechModal,
874
+ m0 as SpeechProvider,
875
+ c0 as SpeechWidget,
876
+ b0 as TranscriptDisplay,
877
+ y0 as formatConfidence,
878
+ K as getSpeechRecognition,
879
+ x0 as getSupportedLanguages,
880
+ g0 as isMicrophoneAvailable,
881
+ J as isSpeechRecognitionSupported,
882
+ Q as requestMicrophonePermission,
883
+ w0 as useSpeechContext,
884
+ P as useSpeechRecognition
1144
885
  };
1145
886
  //# sourceMappingURL=speech-recognition-sdk.es.js.map