UNPKG

@integrate.team/react-chatbot-types

Version:
1,604 lines (1,602 loc) 1.33 MB
var s3 = Object.defineProperty; var l3 = (M, b, e) => b in M ? s3(M, b, { enumerable: !0, configurable: !0, writable: !0, value: e }) : M[b] = e; var gM = (M, b, e) => l3(M, typeof b != "symbol" ? b + "" : b, e); import * as Q from "react"; import J1, { useState as i2, useEffect as Ib, forwardRef as q3, useContext as Mb, isValidElement as Xb, cloneElement as Tb, Children as u3, createContext as d3, useRef as f3 } from "react"; function pe(M) { return M && M.__esModule && Object.prototype.hasOwnProperty.call(M, "default") ? M.default : M; } function W3(M) { if (Object.prototype.hasOwnProperty.call(M, "__esModule")) return M; var b = M.default; if (typeof b == "function") { var e = function z() { return this instanceof z ? Reflect.construct(b, arguments, this.constructor) : b.apply(this, arguments); }; e.prototype = b.prototype; } else e = {}; return Object.defineProperty(e, "__esModule", { value: !0 }), Object.keys(M).forEach(function(z) { var p = Object.getOwnPropertyDescriptor(M, z); Object.defineProperty(e, z, p.get ? p : { enumerable: !0, get: function() { return M[z]; } }); }), e; } var qb = { exports: {} }, NM = {}; /** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ro; function R3() { if (ro) return NM; ro = 1; var M = J1, b = Symbol.for("react.element"), e = Symbol.for("react.fragment"), z = Object.prototype.hasOwnProperty, p = M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 }; function n(t, c, O) { var i, r = {}, a = null, A = null; O !== void 0 && (a = "" + O), c.key !== void 0 && (a = "" + c.key), c.ref !== void 0 && (A = c.ref); for (i in c) z.call(c, i) && !o.hasOwnProperty(i) && (r[i] = c[i]); if (t && t.defaultProps) for (i in c = t.defaultProps, c) r[i] === void 0 && (r[i] = c[i]); return { $$typeof: b, type: t, key: a, ref: A, props: r, _owner: p.current }; } return NM.Fragment = e, NM.jsx = n, NM.jsxs = n, NM; } var yM = {}; /** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var io; function h3() { return io || (io = 1, process.env.NODE_ENV !== "production" && function() { var M = J1, b = Symbol.for("react.element"), e = Symbol.for("react.portal"), z = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), n = Symbol.for("react.provider"), t = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), i = Symbol.for("react.suspense_list"), r = Symbol.for("react.memo"), a = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), q = Symbol.iterator, l = "@@iterator"; function L(R) { if (R === null || typeof R != "object") return null; var D = q && R[q] || R[l]; return typeof D == "function" ? D : null; } var f = M.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; function g(R) { { for (var D = arguments.length, Z = new Array(D > 1 ? D - 1 : 0), A0 = 1; A0 < D; A0++) Z[A0 - 1] = arguments[A0]; N("error", R, Z); } } function N(R, D, Z) { { var A0 = f.ReactDebugCurrentFrame, v0 = A0.getStackAddendum(); v0 !== "" && (D += "%s", Z = Z.concat([v0])); var I0 = Z.map(function(g0) { return String(g0); }); I0.unshift("Warning: " + D), Function.prototype.apply.call(console[R], console, I0); } } var B = !1, y = !1, h = !1, C = !1, G = !1, V; V = Symbol.for("react.module.reference"); function s(R) { return !!(typeof R == "string" || typeof R == "function" || R === z || R === o || G || R === p || R === O || R === i || C || R === A || B || y || h || typeof R == "object" && R !== null && (R.$$typeof === a || R.$$typeof === r || R.$$typeof === n || R.$$typeof === t || R.$$typeof === c || // This needs to include all possible module reference object // types supported by any Flight configuration anywhere since // we don't know which Flight build this will end up being used // with. R.$$typeof === V || R.getModuleId !== void 0)); } function X(R, D, Z) { var A0 = R.displayName; if (A0) return A0; var v0 = D.displayName || D.name || ""; return v0 !== "" ? Z + "(" + v0 + ")" : Z; } function S(R) { return R.displayName || "Context"; } function x(R) { if (R == null) return null; if (typeof R.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof R == "function") return R.displayName || R.name || null; if (typeof R == "string") return R; switch (R) { case z: return "Fragment"; case e: return "Portal"; case o: return "Profiler"; case p: return "StrictMode"; case O: return "Suspense"; case i: return "SuspenseList"; } if (typeof R == "object") switch (R.$$typeof) { case t: var D = R; return S(D) + ".Consumer"; case n: var Z = R; return S(Z._context) + ".Provider"; case c: return X(R, R.render, "ForwardRef"); case r: var A0 = R.displayName || null; return A0 !== null ? A0 : x(R.type) || "Memo"; case a: { var v0 = R, I0 = v0._payload, g0 = v0._init; try { return x(g0(I0)); } catch { return null; } } } return null; } var _ = Object.assign, U = 0, b0, c0, L0, O0, u, P, e0; function d() { } d.__reactDisabledLog = !0; function z0() { { if (U === 0) { b0 = console.log, c0 = console.info, L0 = console.warn, O0 = console.error, u = console.group, P = console.groupCollapsed, e0 = console.groupEnd; var R = { configurable: !0, enumerable: !0, value: d, writable: !0 }; Object.defineProperties(console, { info: R, log: R, warn: R, error: R, group: R, groupCollapsed: R, groupEnd: R }); } U++; } } function i0() { { if (U--, U === 0) { var R = { configurable: !0, enumerable: !0, writable: !0 }; Object.defineProperties(console, { log: _({}, R, { value: b0 }), info: _({}, R, { value: c0 }), warn: _({}, R, { value: L0 }), error: _({}, R, { value: O0 }), group: _({}, R, { value: u }), groupCollapsed: _({}, R, { value: P }), groupEnd: _({}, R, { value: e0 }) }); } U < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue."); } } var J = f.ReactCurrentDispatcher, Y; function p0(R, D, Z) { { if (Y === void 0) try { throw Error(); } catch (v0) { var A0 = v0.stack.trim().match(/\n( *(at )?)/); Y = A0 && A0[1] || ""; } return ` ` + Y + R; } } var s0 = !1, r0; { var V0 = typeof WeakMap == "function" ? WeakMap : Map; r0 = new V0(); } function H(R, D) { if (!R || s0) return ""; { var Z = r0.get(R); if (Z !== void 0) return Z; } var A0; s0 = !0; var v0 = Error.prepareStackTrace; Error.prepareStackTrace = void 0; var I0; I0 = J.current, J.current = null, z0(); try { if (D) { var g0 = function() { throw Error(); }; if (Object.defineProperty(g0.prototype, "props", { set: function() { throw Error(); } }), typeof Reflect == "object" && Reflect.construct) { try { Reflect.construct(g0, []); } catch (f1) { A0 = f1; } Reflect.construct(R, [], g0); } else { try { g0.call(); } catch (f1) { A0 = f1; } R.call(g0.prototype); } } else { try { throw Error(); } catch (f1) { A0 = f1; } R(); } } catch (f1) { if (f1 && A0 && typeof f1.stack == "string") { for (var h0 = f1.stack.split(` `), u1 = A0.stack.split(` `), M1 = h0.length - 1, z1 = u1.length - 1; M1 >= 1 && z1 >= 0 && h0[M1] !== u1[z1]; ) z1--; for (; M1 >= 1 && z1 >= 0; M1--, z1--) if (h0[M1] !== u1[z1]) { if (M1 !== 1 || z1 !== 1) do if (M1--, z1--, z1 < 0 || h0[M1] !== u1[z1]) { var x1 = ` ` + h0[M1].replace(" at new ", " at "); return R.displayName && x1.includes("<anonymous>") && (x1 = x1.replace("<anonymous>", R.displayName)), typeof R == "function" && r0.set(R, x1), x1; } while (M1 >= 1 && z1 >= 0); break; } } } finally { s0 = !1, J.current = I0, i0(), Error.prepareStackTrace = v0; } var Q2 = R ? R.displayName || R.name : "", C2 = Q2 ? p0(Q2) : ""; return typeof R == "function" && r0.set(R, C2), C2; } function m(R, D, Z) { return H(R, !1); } function w(R) { var D = R.prototype; return !!(D && D.isReactComponent); } function E(R, D, Z) { if (R == null) return ""; if (typeof R == "function") return H(R, w(R)); if (typeof R == "string") return p0(R); switch (R) { case O: return p0("Suspense"); case i: return p0("SuspenseList"); } if (typeof R == "object") switch (R.$$typeof) { case c: return m(R.render); case r: return E(R.type, D, Z); case a: { var A0 = R, v0 = A0._payload, I0 = A0._init; try { return E(I0(v0), D, Z); } catch { } } } return ""; } var j = Object.prototype.hasOwnProperty, o0 = {}, q0 = f.ReactDebugCurrentFrame; function x0(R) { if (R) { var D = R._owner, Z = E(R.type, R._source, D ? D.type : null); q0.setExtraStackFrame(Z); } else q0.setExtraStackFrame(null); } function W0(R, D, Z, A0, v0) { { var I0 = Function.call.bind(j); for (var g0 in R) if (I0(R, g0)) { var h0 = void 0; try { if (typeof R[g0] != "function") { var u1 = Error((A0 || "React class") + ": " + Z + " type `" + g0 + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof R[g0] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); throw u1.name = "Invariant Violation", u1; } h0 = R[g0](D, g0, A0, Z, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); } catch (M1) { h0 = M1; } h0 && !(h0 instanceof Error) && (x0(v0), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", A0 || "React class", Z, g0, typeof h0), x0(null)), h0 instanceof Error && !(h0.message in o0) && (o0[h0.message] = !0, x0(v0), g("Failed %s type: %s", Z, h0.message), x0(null)); } } } var E0 = Array.isArray; function a0(R) { return E0(R); } function we(R) { { var D = typeof Symbol == "function" && Symbol.toStringTag, Z = D && R[Symbol.toStringTag] || R.constructor.name || "Object"; return Z; } } function Ce(R) { try { return lb(R), !1; } catch { return !0; } } function lb(R) { return "" + R; } function v(R) { if (Ce(R)) return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", we(R)), lb(R); } var $ = f.ReactCurrentOwner, l0 = { key: !0, ref: !0, __self: !0, __source: !0 }, f0, k0; function L1(R) { if (j.call(R, "ref")) { var D = Object.getOwnPropertyDescriptor(R, "ref").get; if (D && D.isReactWarning) return !1; } return R.ref !== void 0; } function n2(R) { if (j.call(R, "key")) { var D = Object.getOwnPropertyDescriptor(R, "key").get; if (D && D.isReactWarning) return !1; } return R.key !== void 0; } function D1(R, D) { typeof R.ref == "string" && $.current; } function v2(R, D) { { var Z = function() { f0 || (f0 = !0, g("%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://reactjs.org/link/special-props)", D)); }; Z.isReactWarning = !0, Object.defineProperty(R, "key", { get: Z, configurable: !0 }); } } function w2(R, D) { { var Z = function() { k0 || (k0 = !0, g("%s: `ref` 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://reactjs.org/link/special-props)", D)); }; Z.isReactWarning = !0, Object.defineProperty(R, "ref", { get: Z, configurable: !0 }); } } var q1 = function(R, D, Z, A0, v0, I0, g0) { var h0 = { // This tag allows us to uniquely identify this as a React Element $$typeof: b, // Built-in properties that belong on the element type: R, key: D, ref: Z, props: g0, // Record the component responsible for creating this element. _owner: I0 }; return h0._store = {}, Object.defineProperty(h0._store, "validated", { configurable: !1, enumerable: !1, writable: !0, value: !1 }), Object.defineProperty(h0, "_self", { configurable: !1, enumerable: !1, writable: !1, value: A0 }), Object.defineProperty(h0, "_source", { configurable: !1, enumerable: !1, writable: !1, value: v0 }), Object.freeze && (Object.freeze(h0.props), Object.freeze(h0)), h0; }; function h2(R, D, Z, A0, v0) { { var I0, g0 = {}, h0 = null, u1 = null; Z !== void 0 && (v(Z), h0 = "" + Z), n2(D) && (v(D.key), h0 = "" + D.key), L1(D) && (u1 = D.ref, D1(D, v0)); for (I0 in D) j.call(D, I0) && !l0.hasOwnProperty(I0) && (g0[I0] = D[I0]); if (R && R.defaultProps) { var M1 = R.defaultProps; for (I0 in M1) g0[I0] === void 0 && (g0[I0] = M1[I0]); } if (h0 || u1) { var z1 = typeof R == "function" ? R.displayName || R.name || "Unknown" : R; h0 && v2(g0, z1), u1 && w2(g0, z1); } return q1(R, h0, u1, v0, A0, $.current, g0); } } var g1 = f.ReactCurrentOwner, zo = f.ReactDebugCurrentFrame; function K2(R) { if (R) { var D = R._owner, Z = E(R.type, R._source, D ? D.type : null); zo.setExtraStackFrame(Z); } else zo.setExtraStackFrame(null); } var Ee; Ee = !1; function _e(R) { return typeof R == "object" && R !== null && R.$$typeof === b; } function po() { { if (g1.current) { var R = x(g1.current.type); if (R) return ` Check the render method of \`` + R + "`."; } return ""; } } function p3(R) { return ""; } var oo = {}; function o3(R) { { var D = po(); if (!D) { var Z = typeof R == "string" ? R : R.displayName || R.name; Z && (D = ` Check the top-level render call using <` + Z + ">."); } return D; } } function no(R, D) { { if (!R._store || R._store.validated || R.key != null) return; R._store.validated = !0; var Z = o3(D); if (oo[Z]) return; oo[Z] = !0; var A0 = ""; R && R._owner && R._owner !== g1.current && (A0 = " It was passed a child from " + x(R._owner.type) + "."), K2(R), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', Z, A0), K2(null); } } function to(R, D) { { if (typeof R != "object") return; if (a0(R)) for (var Z = 0; Z < R.length; Z++) { var A0 = R[Z]; _e(A0) && no(A0, D); } else if (_e(R)) R._store && (R._store.validated = !0); else if (R) { var v0 = L(R); if (typeof v0 == "function" && v0 !== R.entries) for (var I0 = v0.call(R), g0; !(g0 = I0.next()).done; ) _e(g0.value) && no(g0.value, D); } } } function n3(R) { { var D = R.type; if (D == null || typeof D == "string") return; var Z; if (typeof D == "function") Z = D.propTypes; else if (typeof D == "object" && (D.$$typeof === c || // Note: Memo only checks outer props here. // Inner props are checked in the reconciler. D.$$typeof === r)) Z = D.propTypes; else return; if (Z) { var A0 = x(D); W0(Z, R.props, "prop", A0, R); } else if (D.PropTypes !== void 0 && !Ee) { Ee = !0; var v0 = x(D); g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v0 || "Unknown"); } typeof D.getDefaultProps == "function" && !D.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); } } function t3(R) { { for (var D = Object.keys(R.props), Z = 0; Z < D.length; Z++) { var A0 = D[Z]; if (A0 !== "children" && A0 !== "key") { K2(R), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", A0), K2(null); break; } } R.ref !== null && (K2(R), g("Invalid attribute `ref` supplied to `React.Fragment`."), K2(null)); } } var co = {}; function Oo(R, D, Z, A0, v0, I0) { { var g0 = s(R); if (!g0) { var h0 = ""; (R === void 0 || typeof R == "object" && R !== null && Object.keys(R).length === 0) && (h0 += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."); var u1 = p3(); u1 ? h0 += u1 : h0 += po(); var M1; R === null ? M1 = "null" : a0(R) ? M1 = "array" : R !== void 0 && R.$$typeof === b ? (M1 = "<" + (x(R.type) || "Unknown") + " />", h0 = " Did you accidentally export a JSX literal instead of a component?") : M1 = typeof R, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M1, h0); } var z1 = h2(R, D, Z, v0, I0); if (z1 == null) return z1; if (g0) { var x1 = D.children; if (x1 !== void 0) if (A0) if (a0(x1)) { for (var Q2 = 0; Q2 < x1.length; Q2++) to(x1[Q2], R); Object.freeze && Object.freeze(x1); } else g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."); else to(x1, R); } if (j.call(D, "key")) { var C2 = x(R), f1 = Object.keys(D).filter(function(A3) { return A3 !== "key"; }), Pe = f1.length > 0 ? "{key: someKey, " + f1.join(": ..., ") + ": ...}" : "{key: someKey}"; if (!co[C2 + Pe]) { var a3 = f1.length > 0 ? "{" + f1.join(": ..., ") + ": ...}" : "{}"; g(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`, Pe, C2, a3, C2), co[C2 + Pe] = !0; } } return R === z ? t3(z1) : n3(z1), z1; } } function c3(R, D, Z) { return Oo(R, D, Z, !0); } function O3(R, D, Z) { return Oo(R, D, Z, !1); } var r3 = O3, i3 = c3; yM.Fragment = z, yM.jsx = r3, yM.jsxs = i3; }()), yM; } var ao; function m3() { return ao || (ao = 1, process.env.NODE_ENV === "production" ? qb.exports = R3() : qb.exports = h3()), qb.exports; } var k = m3(); const L3 = "_containerWeb_59r3n_1", g3 = { containerWeb: L3 }, N3 = "_imgChat_1u88x_1", y3 = "_headerContainer_1u88x_6", Ao = { imgChat: N3, headerContainer: y3 }, Ot = (M) => { const { title: b, imgUrl: e } = M; return /* @__PURE__ */ k.jsxs("div", { className: Ao.headerContainer, children: [ /* @__PURE__ */ k.jsx("img", { src: e || "/images/icon-chatbot.png", className: Ao.imgChat }), /* @__PURE__ */ k.jsx("span", { children: b || "Trợ lý chatbot" }), /* @__PURE__ */ k.jsx("hr", {}) ] }); }, B3 = "_cardInput_lkmu7_72", X3 = "_inputField_lkmu7_77", T3 = "_inputWrapper_lkmu7_212", S3 = "_chatContainer_lkmu7_230", x3 = "_chatBox_lkmu7_239", k3 = "_messageWrapper_lkmu7_249", v3 = "_userWrapper_lkmu7_254", w3 = "_botWrapper_lkmu7_259", C3 = "_botAvatar_lkmu7_265", E3 = "_loadingBot_lkmu7_271", _3 = "_userMessage_lkmu7_278", P3 = "_botMessage_lkmu7_287", D3 = "_botMessageCarousel_lkmu7_296", I3 = "_sendIcon_lkmu7_325", r1 = { cardInput: B3, inputField: X3, inputWrapper: T3, chatContainer: S3, chatBox: x3, messageWrapper: k3, userWrapper: v3, botWrapper: w3, botAvatar: C3, loadingBot: E3, userMessage: _3, botMessage: P3, botMessageCarousel: D3, sendIcon: I3 }, F3 = () => { const [M, b] = i2(""); return Ib(() => { let e = localStorage.getItem("sb_sender_name"); if (!e) { let z = (/* @__PURE__ */ new Date()).getTime(); e = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (p) => { let o = (z + Math.random() * 16) % 16 | 0; return z = Math.floor(z / 16), (p === "x" ? o : o & 3 | 8).toString(16); }); try { localStorage.setItem("sb_sender_name", e); } catch (p) { console.error("Error saving UUID:", p); } } b(e); }, []), M; }, g2 = { QUICKREPLY: "quickreply", TEXT: "text", IMAGE: "image", CAROUSEL: "carousel" }, j3 = { play_type: "audio", buttons: [], audio_speed: 1, audio_url: "https://www.mmsp.ece.mcgill.ca/Documents/AudioFormats/WAVE/Samples/AFsp/M1F1-Alaw-AFsp.wav", text: "Kiểm tra thẻ chỉ có thoại!", type: "text" }, U3 = { play_type: "both", buttons: [ { button_variables: [], color: "#F3DF7E", payload: "?ic_bot_button_11434", icon: "", title: "Đi đến bước", type: "postback" }, { button_variables: [], color: "#A9D1D9", payload: "https://vnptpay.vn/web/", icon: "", title: "Đi đến URL", type: "web_url" }, { button_variables: [], color: "#EFC1A7", payload: "0941634482", icon: "", title: "Gọi điện thoại", type: "phone_number" } ], audio_speed: 1, audio_url: "https://www.mmsp.ece.mcgill.ca/Documents/AudioFormats/WAVE/Samples/AFsp/M1F1-Alaw-AFsp.wav", text: "Kiểm tra thẻ có cả văn bản và thoại", type: "text" }, $3 = { play_type: null, buttons: [ { button_variables: [], color: "#F3DF7E", payload: "?ic_bot_button_11434", icon: "", title: "Đi đến bước", type: "postback" }, { button_variables: [], color: "#A9D1D9", payload: "https://vnptpay.vn/web/", icon: "", title: "Đi đến URL", type: "web_url" }, { button_variables: [], color: "#EFC1A7", payload: "0941634482", icon: "", title: "Gọi điện thoại", type: "phone_number" } ], subtitle: "Mô tá", audio_url: null, title: "Tiêu đề", type: "image", url: "https://ktmt.vnmediacdn.com/images/2021/07/13/13-1626163108-anh-2.jpg" }, H3 = { play_type: null, data: [ { buttons: [ { button_variables: [], color: "#F3DF7E", payload: "?ic_bot_button_11434", icon: "", title: "Đi đến bước", type: "postback" }, { button_variables: [], color: "#A9D1D9", payload: "https://vnptpay.vn/web/", icon: "", title: "Đi đến URL", type: "web_url" }, { button_variables: [], color: "#EFC1A7", payload: "0941634482", icon: "", title: "Gọi điện thoại", type: "phone_number" } ], subtitle: "Mô tả", title: "Tiêu đề", url: "https://ktmt.vnmediacdn.com/images/2021/07/13/13-1626163108-anh-2.jpg" }, { buttons: [], subtitle: "Mô tả", title: "Tiêu đề", url: "https://ktmt.vnmediacdn.com/images/2021/07/13/13-1626163108-anh-2.jpg" }, { buttons: [], subtitle: "Mô tả", title: "Tiêu đề", url: "https://ktmt.vnmediacdn.com/images/2021/07/13/13-1626163108-anh-2.jpg" } ], audio_url: null, type: "carousel" }, rt = ({ data: M = j3 }) => /* @__PURE__ */ k.jsx("audio", { controls: !0, children: /* @__PURE__ */ k.jsx("source", { src: M.audio_url, type: "audio/wav" }) }), UM = { black: "#000", white: "#fff" }, J2 = { 300: "#e57373", 400: "#ef5350", 500: "#f44336", 700: "#d32f2f", 800: "#c62828" }, Z2 = { 50: "#f3e5f5", 200: "#ce93d8", 300: "#ba68c8", 400: "#ab47bc", 500: "#9c27b0", 700: "#7b1fa2" }, MM = { 50: "#e3f2fd", 200: "#90caf9", 400: "#42a5f5", 700: "#1976d2", 800: "#1565c0" }, bM = { 300: "#4fc3f7", 400: "#29b6f6", 500: "#03a9f4", 700: "#0288d1", 900: "#01579b" }, eM = { 300: "#81c784", 400: "#66bb6a", 500: "#4caf50", 700: "#388e3c", 800: "#2e7d32", 900: "#1b5e20" }, BM = { 300: "#ffb74d", 400: "#ffa726", 500: "#ff9800", 700: "#f57c00", 900: "#e65100" }, V3 = { 50: "#fafafa", 100: "#f5f5f5", 200: "#eeeeee", 300: "#e0e0e0", 400: "#bdbdbd", 500: "#9e9e9e", 600: "#757575", 700: "#616161", 800: "#424242", 900: "#212121", A100: "#f5f5f5", A200: "#eeeeee", A400: "#bdbdbd", A700: "#616161" }; function X2(M, ...b) { const e = new URL(`https://mui.com/production-error/?code=${M}`); return b.forEach((z) => e.searchParams.append("args[]", z)), `Minified MUI error #${M}; visit ${e} for the full message.`; } const it = "$$material"; function Fb() { return Fb = Object.assign ? Object.assign.bind() : function(M) { for (var b = 1; b < arguments.length; b++) { var e = arguments[b]; for (var z in e) ({}).hasOwnProperty.call(e, z) && (M[z] = e[z]); } return M; }, Fb.apply(null, arguments); } function Y3(M) { if (M.sheet) return M.sheet; for (var b = 0; b < document.styleSheets.length; b++) if (document.styleSheets[b].ownerNode === M) return document.styleSheets[b]; } function G3(M) { var b = document.createElement("style"); return b.setAttribute("data-emotion", M.key), M.nonce !== void 0 && b.setAttribute("nonce", M.nonce), b.appendChild(document.createTextNode("")), b.setAttribute("data-s", ""), b; } var K3 = /* @__PURE__ */ function() { function M(e) { var z = this; this._insertTag = function(p) { var o; z.tags.length === 0 ? z.insertionPoint ? o = z.insertionPoint.nextSibling : z.prepend ? o = z.container.firstChild : o = z.before : o = z.tags[z.tags.length - 1].nextSibling, z.container.insertBefore(p, o), z.tags.push(p); }, this.isSpeedy = e.speedy === void 0 ? !0 : e.speedy, this.tags = [], this.ctr = 0, this.nonce = e.nonce, this.key = e.key, this.container = e.container, this.prepend = e.prepend, this.insertionPoint = e.insertionPoint, this.before = null; } var b = M.prototype; return b.hydrate = function(z) { z.forEach(this._insertTag); }, b.insert = function(z) { this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(G3(this)); var p = this.tags[this.tags.length - 1]; if (this.isSpeedy) { var o = Y3(p); try { o.insertRule(z, o.cssRules.length); } catch { } } else p.appendChild(document.createTextNode(z)); this.ctr++; }, b.flush = function() { this.tags.forEach(function(z) { var p; return (p = z.parentNode) == null ? void 0 : p.removeChild(z); }), this.tags = [], this.ctr = 0; }, M; }(), i1 = "-ms-", jb = "-moz-", T0 = "-webkit-", at = "comm", Yz = "rule", Gz = "decl", Q3 = "@import", At = "@keyframes", J3 = "@layer", Z3 = Math.abs, oe = String.fromCharCode, Mr = Object.assign; function br(M, b) { return O1(M, 0) ^ 45 ? (((b << 2 ^ O1(M, 0)) << 2 ^ O1(M, 1)) << 2 ^ O1(M, 2)) << 2 ^ O1(M, 3) : 0; } function st(M) { return M.trim(); } function er(M, b) { return (M = b.exec(M)) ? M[0] : M; } function S0(M, b, e) { return M.replace(b, e); } function Wz(M, b) { return M.indexOf(b); } function O1(M, b) { return M.charCodeAt(b) | 0; } function $M(M, b, e) { return M.slice(b, e); } function Y1(M) { return M.length; } function Kz(M) { return M.length; } function ub(M, b) { return b.push(M), M; } function zr(M, b) { return M.map(b).join(""); } var ne = 1, qM = 1, lt = 0, h1 = 0, o1 = 0, fM = ""; function te(M, b, e, z, p, o, n) { return { value: M, root: b, parent: e, type: z, props: p, children: o, line: ne, column: qM, length: n, return: "" }; } function XM(M, b) { return Mr(te("", null, null, "", null, null, 0), M, { length: -M.length }, b); } function pr() { return o1; } function or() { return o1 = h1 > 0 ? O1(fM, --h1) : 0, qM--, o1 === 10 && (qM = 1, ne--), o1; } function B1() { return o1 = h1 < lt ? O1(fM, h1++) : 0, qM++, o1 === 10 && (qM = 1, ne++), o1; } function Z1() { return O1(fM, h1); } function Sb() { return h1; } function bb(M, b) { return $M(fM, M, b); } function HM(M) { switch (M) { // \0 \t \n \r \s whitespace token case 0: case 9: case 10: case 13: case 32: return 5; // ! + , / > @ ~ isolate token case 33: case 43: case 44: case 47: case 62: case 64: case 126: // ; { } breakpoint token case 59: case 123: case 125: return 4; // : accompanied token case 58: return 3; // " ' ( [ opening delimit token case 34: case 39: case 40: case 91: return 2; // ) ] closing delimit token case 41: case 93: return 1; } return 0; } function qt(M) { return ne = qM = 1, lt = Y1(fM = M), h1 = 0, []; } function ut(M) { return fM = "", M; } function xb(M) { return st(bb(h1 - 1, Rz(M === 91 ? M + 2 : M === 40 ? M + 1 : M))); } function nr(M) { for (; (o1 = Z1()) && o1 < 33; ) B1(); return HM(M) > 2 || HM(o1) > 3 ? "" : " "; } function tr(M, b) { for (; --b && B1() && !(o1 < 48 || o1 > 102 || o1 > 57 && o1 < 65 || o1 > 70 && o1 < 97); ) ; return bb(M, Sb() + (b < 6 && Z1() == 32 && B1() == 32)); } function Rz(M) { for (; B1(); ) switch (o1) { // ] ) " ' case M: return h1; // " ' case 34: case 39: M !== 34 && M !== 39 && Rz(o1); break; // ( case 40: M === 41 && Rz(M); break; // \ case 92: B1(); break; } return h1; } function cr(M, b) { for (; B1() && M + o1 !== 57; ) if (M + o1 === 84 && Z1() === 47) break; return "/*" + bb(b, h1 - 1) + "*" + oe(M === 47 ? M : B1()); } function Or(M) { for (; !HM(Z1()); ) B1(); return bb(M, h1); } function rr(M) { return ut(kb("", null, null, null, [""], M = qt(M), 0, [0], M)); } function kb(M, b, e, z, p, o, n, t, c) { for (var O = 0, i = 0, r = n, a = 0, A = 0, q = 0, l = 1, L = 1, f = 1, g = 0, N = "", B = p, y = o, h = z, C = N; L; ) switch (q = g, g = B1()) { // ( case 40: if (q != 108 && O1(C, r - 1) == 58) { Wz(C += S0(xb(g), "&", "&\f"), "&\f") != -1 && (f = -1); break; } // " ' [ case 34: case 39: case 91: C += xb(g); break; // \t \n \r \s case 9: case 10: case 13: case 32: C += nr(q); break; // \ case 92: C += tr(Sb() - 1, 7); continue; // / case 47: switch (Z1()) { case 42: case 47: ub(ir(cr(B1(), Sb()), b, e), c); break; default: C += "/"; } break; // { case 123 * l: t[O++] = Y1(C) * f; // } ; \0 case 125 * l: case 59: case 0: switch (g) { // \0 } case 0: case 125: L = 0; // ; case 59 + i: f == -1 && (C = S0(C, /\f/g, "")), A > 0 && Y1(C) - r && ub(A > 32 ? lo(C + ";", z, e, r - 1) : lo(S0(C, " ", "") + ";", z, e, r - 2), c); break; // @ ; case 59: C += ";"; // { rule/at-rule default: if (ub(h = so(C, b, e, O, i, p, t, N, B = [], y = [], r), o), g === 123) if (i === 0) kb(C, b, h, h, B, o, r, t, y); else switch (a === 99 && O1(C, 3) === 110 ? 100 : a) { // d l m s case 100: case 108: case 109: case 115: kb(M, h, h, z && ub(so(M, h, h, 0, 0, p, t, N, p, B = [], r), y), p, y, r, t, z ? B : y); break; default: kb(C, h, h, h, [""], y, 0, t, y); } } O = i = A = 0, l = f = 1, N = C = "", r = n; break; // : case 58: r = 1 + Y1(C), A = q; default: if (l < 1) { if (g == 123) --l; else if (g == 125 && l++ == 0 && or() == 125) continue; } switch (C += oe(g), g * l) { // & case 38: f = i > 0 ? 1 : (C += "\f", -1); break; // , case 44: t[O++] = (Y1(C) - 1) * f, f = 1; break; // @ case 64: Z1() === 45 && (C += xb(B1())), a = Z1(), i = r = Y1(N = C += Or(Sb())), g++; break; // - case 45: q === 45 && Y1(C) == 2 && (l = 0); } } return o; } function so(M, b, e, z, p, o, n, t, c, O, i) { for (var r = p - 1, a = p === 0 ? o : [""], A = Kz(a), q = 0, l = 0, L = 0; q < z; ++q) for (var f = 0, g = $M(M, r + 1, r = Z3(l = n[q])), N = M; f < A; ++f) (N = st(l > 0 ? a[f] + " " + g : S0(g, /&\f/g, a[f]))) && (c[L++] = N); return te(M, b, e, p === 0 ? Yz : t, c, O, i); } function ir(M, b, e) { return te(M, b, e, at, oe(pr()), $M(M, 2, -2), 0); } function lo(M, b, e, z) { return te(M, b, e, Gz, $M(M, 0, z), $M(M, z + 1, -1), z); } function rM(M, b) { for (var e = "", z = Kz(M), p = 0; p < z; p++) e += b(M[p], p, M, b) || ""; return e; } function ar(M, b, e, z) { switch (M.type) { case J3: if (M.children.length) break; case Q3: case Gz: return M.return = M.return || M.value; case at: return ""; case At: return M.return = M.value + "{" + rM(M.children, z) + "}"; case Yz: M.value = M.props.join(","); } return Y1(e = rM(M.children, z)) ? M.return = M.value + "{" + e + "}" : ""; } function Ar(M) { var b = Kz(M); return function(e, z, p, o) { for (var n = "", t = 0; t < b; t++) n += M[t](e, z, p, o) || ""; return n; }; } function sr(M) { return function(b) { b.root || (b = b.return) && M(b); }; } function dt(M) { var b = /* @__PURE__ */ Object.create(null); return function(e) { return b[e] === void 0 && (b[e] = M(e)), b[e]; }; } var lr = function(b, e, z) { for (var p = 0, o = 0; p = o, o = Z1(), p === 38 && o === 12 && (e[z] = 1), !HM(o); ) B1(); return bb(b, h1); }, qr = function(b, e) { var z = -1, p = 44; do switch (HM(p)) { case 0: p === 38 && Z1() === 12 && (e[z] = 1), b[z] += lr(h1 - 1, e, z); break; case 2: b[z] += xb(p); break; case 4: if (p === 44) { b[++z] = Z1() === 58 ? "&\f" : "", e[z] = b[z].length; break; } // fallthrough default: b[z] += oe(p); } while (p = B1()); return b; }, ur = function(b, e) { return ut(qr(qt(b), e)); }, qo = /* @__PURE__ */ new WeakMap(), dr = function(b) { if (!(b.type !== "rule" || !b.parent || // positive .length indicates that this rule contains pseudo // negative .length indicates that this rule has been already prefixed b.length < 1)) { for (var e = b.value, z = b.parent, p = b.column === z.column && b.line === z.line; z.type !== "rule"; ) if (z = z.parent, !z) return; if (!(b.props.length === 1 && e.charCodeAt(0) !== 58 && !qo.get(z)) && !p) { qo.set(b, !0); for (var o = [], n = ur(e, o), t = z.props, c = 0, O = 0; c < n.length; c++) for (var i = 0; i < t.length; i++, O++) b.props[O] = o[c] ? n[c].replace(/&\f/g, t[i]) : t[i] + " " + n[c]; } } }, fr = function(b) { if (b.type === "decl") { var e = b.value; // charcode for l e.charCodeAt(0) === 108 && // charcode for b e.charCodeAt(2) === 98 && (b.return = "", b.value = ""); } }; function ft(M, b) { switch (br(M, b)) { // color-adjust case 5103: return T0 + "print-" + M + M; // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function) case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break case 5572: case 6356: case 5844: case 3191: case 6645: case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite, case 6391: case 5879: case 5623: case 6135: case 4599: case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width) case 4215: case 6389: case 5109: case 5365: case 5621: case 3829: return T0 + M + M; // appearance, user-select, transform, hyphens, text-size-adjust case 5349: case 4246: case 4810: case 6968: case 2756: return T0 + M + jb + M + i1 + M + M; // flex, flex-direction case 6828: case 4268: return T0 + M + i1 + M + M; // order case 6165: return T0 + M + i1 + "flex-" + M + M; // align-items case 5187: return T0 + M + S0(M, /(\w+).+(:[^]+)/, T0 + "box-$1$2" + i1 + "flex-$1$2") + M; // align-self case 5443: return T0 + M + i1 + "flex-item-" + S0(M, /flex-|-self/, "") + M; // align-content case 4675: return T0 + M + i1 + "flex-line-pack" + S0(M, /align-content|flex-|-self/, "") + M; // flex-shrink case 5548: return T0 + M + i1 + S0(M, "shrink", "negative") + M; // flex-basis case 5292: return T0 + M + i1 + S0(M, "basis", "preferred-size") + M; // flex-grow case 6060: return T0 + "box-" + S0(M, "-grow", "") + T0 + M + i1 + S0(M, "grow", "positive") + M; // transition case 4554: return T0 + S0(M, /([^-])(transform)/g, "$1" + T0 + "$2") + M; // cursor case 6187: return S0(S0(S0(M, /(zoom-|grab)/, T0 + "$1"), /(image-set)/, T0 + "$1"), M, "") + M; // background, background-image case 5495: case 3959: return S0(M, /(image-set\([^]*)/, T0 + "$1$`$1"); // justify-content case 4968: return S0(S0(M, /(.+:)(flex-)?(.*)/, T0 + "box-pack:$3" + i1 + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + T0 + M + M; // (margin|padding)-inline-(start|end) case 4095: case 3583: case 4068: case 2532: return S0(M, /(.+)-inline(.+)/, T0 + "$1$2") + M; // (min|max)?(width|height|inline-size|block-size) case 8116: case 7059: case 5753: case 5535: case 5445: case 5701: case 4933: case 4677: case 5533: case 5789: case 5021: case 4765: if (Y1(M) - 1 - b > 6) switch (O1(M, b + 1)) { // (m)ax-content, (m)in-content case 109: if (O1(M, b + 4) !== 45) break; // (f)ill-available, (f)it-content case 102: return S0(M, /(.+:)(.+)-([^]+)/, "$1" + T0 + "$2-$3$1" + jb + (O1(M, b + 3) == 108 ? "$3" : "$2-$3")) + M; // (s)tretch case 115: return ~Wz(M, "stretch") ? ft(S0(M, "stretch", "fill-available"), b) + M : M; } break; // position: sticky case 4949: if (O1(M, b + 1) !== 115) break; // display: (flex|inline-flex) case 6444: switch (O1(M, Y1(M) - 3 - (~Wz(M, "!important") && 10))) { // stic(k)y case 107: return S0(M, ":", ":" + T0) + M; // (inline-)?fl(e)x case 101: return S0(M, /(.+:)([^;!]+)(;|!.+)?/, "$1" + T0 + (O1(M, 14) === 45 ? "inline-" : "") + "box$3$1" + T0 + "$2$3$1" + i1 + "$2box$3") + M; } break; // writing-mode case 5936: switch (O1(M, b + 11)) { // vertical-l(r) case 114: return T0 + M + i1 + S0(M, /[svh]\w+-[tblr]{2}/, "tb") + M; // vertical-r(l) case 108: return T0 + M + i1 + S0(M, /[svh]\w+-[tblr]{2}/, "tb-rl") + M; // horizontal(-)tb case 45: return T0 + M + i1 + S0(M, /[svh]\w+-[tblr]{2}/, "lr") + M; } return T0 + M + i1 + M + M; } return M; } var Wr = function(b, e, z, p) { if (b.length > -1 && !b.return) switch (b.type) { case Gz: b.return = ft(b.value, b.length); break; case At: return rM([XM(b, { value: S0(b.value, "@", "@" + T0) })], p); case Yz: if (b.length) return zr(b.props, function(o) { switch (er(o, /(::plac\w+|:read-\w+)/)) { // :read-(only|write) case ":read-only": case ":read-write": return rM([XM(b, { props: [S0(o, /:(read-\w+)/, ":" + jb + "$1")] })], p); // :placeholder case "::placeholder": return rM([XM(b, { props: [S0(o, /:(plac\w+)/, ":" + T0 + "input-$1")] }), XM(b, { props: [S0(o, /:(plac\w+)/, ":" + jb + "$1")] }), XM(b, { props: [S0(o, /:(plac\w+)/, i1 + "input-$1")] })], p); } return ""; }); } }, Rr = [Wr], hr = function(b) { var e = b.key; if (e === "css") { var z = document.querySelectorAll("style[data-emotion]:not([data-s])"); Array.prototype.forEach.call(z, function(l) { var L = l.getAttribute("data-emotion"); L.indexOf(" ") !== -1 && (document.head.appendChild(l), l.setAttribute("data-s", "")); }); } var p = b.stylisPlugins || Rr, o = {}, n, t = []; n = b.container || document.head, Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which // means that the style elements we're looking at are only Emotion 11 server-rendered style elements document.querySelectorAll('style[data-emotion^="' + e + ' "]'), function(l) { for (var L = l.getAttribute("data-emotion").split(" "), f = 1; f < L.length; f++) o[L[f]] = !0; t.push(l); } ); var c, O = [dr, fr]; { var i, r = [ar, sr(function(l) { i.insert(l); })], a = Ar(O.concat(p, r)), A = function(L) { return rM(rr(L), a); }; c = function(L, f, g, N) { i = g, A(L ? L + "{" + f.styles + "}" : f.styles), N && (q.inserted[f.name] = !0); }; } var q = { key: e, sheet: new K3({ key: e, container: n, nonce: b.nonce, speedy: b.speedy, prepend: b.prepend, insertionPoint: b.insertionPoint }), nonce: b.nonce, inserted: o, registered: {}, insert: c }; return q.sheet.hydrate(t), q; }, db = { exports: {} }, w0 = {}; /** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var uo; function mr() { if (uo) return w0; uo = 1; var M = typeof Symbol == "function" && Symbol.for, b = M ? Symbol.for("react.element") : 60103, e = M ? Symbol.for("react.portal") : 60106, z = M ? Symbol.for("react.fragment") : 60107, p = M ? Symbol.for("react.strict_mode") : 60108, o = M ? Symbol.for("react.profiler") : 60114, n = M ? Symbol.for("react.provider") : 60109, t = M ? Symbol.for("react.context") : 60110, c = M ? Symbol.for("react.async_mode") : 60111, O = M ? Symbol.for("react.concurrent_mode") : 60111, i = M ? Symbol.for("react.forward_ref") : 60112, r = M ? Symbol.for("react.suspense") : 60113, a = M ? Symbol.for("react.suspense_list") : 60120, A = M ? Symbol.for("react.memo") : 60115, q = M ? Symbol.for("react.lazy") : 60116, l = M ? Symbol.for("react.block") : 60121, L = M ? Symbol.for("react.fundamental") : 60117, f = M ? Symbol.for("react.responder") : 60118, g = M ? Symbol.for("react.scope") : 60119; function N(y) { if (typeof y == "object" && y !== null) { var h = y.$$typeof; switch (h) { case b: switch (y = y.type, y) { case c: case O: case z: case o: case p: case r: return y; default: switch (y = y && y.$$typeof, y) { case t: case i: case q: case A: case n: return y; default: return h; } } case e: return h; } } } function B(y) { return N(y) === O; } return w0.AsyncMode = c, w0.ConcurrentMode = O, w0.ContextConsumer = t, w0.ContextProvider = n, w0.Element = b, w0.ForwardRef = i, w0.Fragment = z, w0.Lazy = q, w0.Memo = A, w0.Portal = e, w0.Profiler = o, w0.StrictMode = p, w0.Suspense = r, w0.isAsyncMode = function(y) { return B(y) || N(y) === c; }, w0.isConcurrentMode = B, w0.isContextConsumer = function(y) { return N(y) === t; }, w0.isContextProvider = function(y) { return N(y) === n; }, w0.isElement = function(y) { return typeof y == "object" && y !== null && y.$$typeof === b; }, w0.isForwardRef = function(y) { return N(y) === i; }, w0.isFragment = function(y) { return N(y) === z; }, w0.isLazy = function(y) { return N(y) === q; }, w0.isMemo = function(y) { return N(y) === A; }, w0.isPortal = function(y) { return N(y) === e; }, w0.isProfiler = function(y) { return N(y) === o; }, w0.isStrictMode = function(y) { return N(y) === p; }, w0.isSuspense = function(y) { return N(y) === r; }, w0.isValidElementType = function(y) { return typeof y == "string" || typeof y == "function" || y === z || y === O || y === o || y === p || y === r || y === a || typeof y == "object" && y !== null && (y.$$typeof === q || y.$$typeof === A || y.$$typeof === n || y.$$typeof === t || y.$$typeof === i || y.$$typeof === L || y.$$typeof === f || y.$$typeof === g || y.$$typeof === l); }, w0.typeOf = N, w0; } var C0 = {}; /** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var fo; function Lr() { return fo || (fo = 1, process.env.NODE_ENV !== "production" && function() { var M = typeof Symb