//#region common/types/widget-config.ts
var e = {
debug: !1,
allowFullscreen: !0,
alwaysShowWelcomeMessages: !1,
disableSourcesFullscreen: !1
}, t = (e, t) => {
let n = (e ?? "").trim();
return t ? n !== "false" : n === "true";
}, n = (n) => {
try {
let r = new URL(n), i = r.pathname.split("/").filter((e) => !!e)[1];
if (!i) return null;
let a = e.debug;
r.searchParams.has("debug") && (a = t(r.searchParams.get("debug"), a));
let o = e.allowFullscreen;
r.searchParams.has("allowFullscreen") && (o = t(r.searchParams.get("allowFullscreen"), o));
let s = e.alwaysShowWelcomeMessages;
r.searchParams.has("alwaysShowWelcomeMessages") && (s = t(r.searchParams.get("alwaysShowWelcomeMessages"), s));
let c = e.disableSourcesFullscreen;
return r.searchParams.has("disableSourcesFullscreen") && (c = t(r.searchParams.get("disableSourcesFullscreen"), c)), {
widgetId: i,
debug: a,
allowFullscreen: o,
alwaysShowWelcomeMessages: s,
disableSourcesFullscreen: c
};
} catch {
return null;
}
}, r = /* @__PURE__ */ function(e) {
return e.OPEN_CHAT = "OPEN_CHAT", e.CLOSE_CHAT = "CLOSE_CHAT", e.TOGGLE_CHAT = "TOGGLE_CHAT", e;
}({}), i = Object.values(r), a = (e, t) => {
try {
if (typeof e != "object" || !e) return !1;
let { type: t, data: n, target: r, clientId: a } = e;
return r === "script" && i.includes(t) && typeof n == "object" && !!n;
} catch {
return !1;
}
}, o = (e, t, n) => {
try {
return a(e, n) ? e.type === t : !1;
} catch {
return !1;
}
}, s = (e, t, n, r) => {
try {
let i = {
type: e,
data: t,
target: "script",
clientId: n
};
r.postMessage(i, "*");
} catch {}
}, c = {
openChat: (e) => {
s(r.OPEN_CHAT, {}, e, window);
},
closeChat: (e) => {
s(r.CLOSE_CHAT, {}, e, window);
},
toggleChat: (e) => {
s(r.TOGGLE_CHAT, {}, e, window);
}
}, l = /* @__PURE__ */ function(e) {
return e.SEND_QUESTION = "SEND_QUESTION", e.CLEAR_MESSAGES = "CLEAR_MESSAGES", e.UPDATE_STYLES = "UPDATE_STYLES", e.UPDATE_IMAGES = "UPDATE_IMAGES", e.UPDATE_FULLSCREEN = "UPDATE_FULLSCREEN", e.UPDATE_PARENT_URL = "UPDATE_PARENT_URL", e.SHOW_CATEGORIES_MESSAGES = "SHOW_CATEGORIES_MESSAGES", e.SHOW_FEEDBACK_PAGE = "SHOW_FEEDBACK_PAGE", e.GO_TO_DATA_RETRIEVAL_PAGE = "GO_TO_DATA_RETRIEVAL_PAGE", e.SHAREPOINT_REQUEST_ACCESS_TOKEN_RECEIVED = "SHAREPOINT_REQUEST_ACCESS_TOKEN_RECEIVED", e.SHAREPOINT_SET_ACCESS_TOKEN = "SHAREPOINT_SET_ACCESS_TOKEN", e;
}({});
Object.values(l);
var u = (e, t, n) => {
try {
let r = {
type: e,
data: t,
target: "iframe"
};
n.postMessage(r, "*");
} catch {}
}, d = /* @__PURE__ */ function(e) {
return e.CHAT_READY = "CHAT_READY", e.CHAT_FAILED = "CHAT_FAILED", e.STYLES_UPDATED = "STYLES_UPDATED", e.QUESTION_ASKED = "QUESTION_ASKED", e.QUESTION_ANSWERED = "QUESTION_ANSWERED", e.ANSWER_REACTED = "ANSWER_REACTED", e.MESSAGES_CLEARED = "MESSAGES_CLEARED", e.CONTACT_ADMIN_CLICKED = "CONTACT_ADMIN_CLICKED", e.CLOSE_IFRAME_CLICKED = "CLOSE_IFRAME_CLICKED", e.SHOW_FEEDBACK_PAGE = "SHOW_FEEDBACK_PAGE", e.SEARCH_PAGE_ACTIVE = "SEARCH_PAGE_ACTIVE", e.SOURCE_PREVIEW_OPENED = "SOURCE_PREVIEW_OPENED", e.SOURCE_PREVIEW_CLOSED = "SOURCE_PREVIEW_CLOSED", e.SHAREPOINT_REQUEST_ACCESS_TOKEN = "SHAREPOINT_REQUEST_ACCESS_TOKEN", e;
}({}), f = Object.values(d), p = (e, t) => {
try {
if (typeof e != "object" || !e) return !1;
let { type: t, data: n, source: r, clientId: i } = e;
return r === "iframe" && f.includes(t) && typeof n == "object" && !!n;
} catch {
return !1;
}
}, m = (e, t, n) => {
try {
return p(e, n) ? e.type === t : !1;
} catch {
return !1;
}
}, h = (e) => `myreach-widget-${e}`, g = h("style"), _ = h("wrapper"), v = h("iframe"), y = h("iframe-parent"), b = h("toggler"), x = h("toggler-button"), S = h("popup-message-wrapper"), ee = h("popup-message"), C = h("open-image"), w = h("toggler-open-wrapper"), T = h("toggler-close-wrapper"), E = "data-client-id", D = (e, t) => {
e.setAttribute(E, t);
}, O = (e, t) => document.querySelector(`#${e}[${E}="${t}"]`), k = (e, t, n) => {
try {
let r = O(v, e)?.contentWindow;
r && u(t, n, r);
} catch {}
}, te = (e) => {
try {
let t = window.location.href;
new URL(t).protocol.startsWith("http") && k(e, l.UPDATE_PARENT_URL, { parentUrl: t });
} catch {}
}, A = {
"theme-primary": {
cssVar: "--myreach-widget-theme-primary-color",
getterFn: (e) => e.primary,
defaultValues: {
light: "rgb(72, 161, 238)",
dark: "rgb(72, 161, 238)"
}
},
"theme-primary-hover": {
cssVar: "--myreach-widget-theme-primary-hover-color",
getterFn: (e) => e.primaryHover,
defaultValues: {
light: "rgb(48, 107, 159)",
dark: "rgb(48, 107, 159)"
}
},
"fonts-over-primary": {
cssVar: "--myreach-widget-fonts-over-primary-color",
getterFn: (e) => e.textOverPrimary,
defaultValues: {
light: "rgb(255, 255, 255)",
dark: "rgb(255, 255, 255)"
}
},
"background-main": {
cssVar: "--myreach-widget-background-main-color",
defaultValues: {
light: "rgb(255, 255, 255)",
dark: "rgb(10, 10, 16)"
}
},
"background-alt": {
cssVar: "--myreach-widget-background-alt-color",
defaultValues: {
light: "rgb(244, 245, 247)",
dark: "rgb(28, 28, 34)"
}
},
"fonts-main": {
cssVar: "--myreach-widget-fonts-main-color",
defaultValues: {
light: "rgb(27, 42, 74)",
dark: "rgb(227, 227, 227)"
}
},
"fonts-alt": {
cssVar: "--myreach-widget-fonts-alt-color",
defaultValues: {
light: "rgb(139, 146, 162)",
dark: "rgb(139, 146, 162)"
}
},
"border-main": {
cssVar: "--myreach-widget-border-main-color",
defaultValues: {
light: "rgb(226, 226, 226)",
dark: "rgb(45, 46, 49)"
}
},
"warn-color": {
cssVar: "--myreach-widget-warn-color",
defaultValues: {
light: "rgb(208, 2, 27)",
dark: "rgb(208, 2, 27)"
}
}
}, j = Object.values(A), M = "data-myreach-theme", N = "screen and (max-width: 767px)", P = (e, t, n) => {
try {
let r = document.documentElement;
r.setAttribute(M, n.toLowerCase());
for (let n of j) {
let i = n.getterFn?.(t) ?? null;
i ? r.style.setProperty(`${n.cssVar}-${e}-given`, `rgb(${i.join(",")})`) : r.style.removeProperty(`${n.cssVar}-${e}-given`);
}
} catch {}
}, F = (e) => {
let t = `${A["theme-primary"]?.cssVar}-${e}`, n = `${A["theme-primary-hover"]?.cssVar}-${e}`, r = `${A["fonts-over-primary"]?.cssVar}-${e}`, i = `${A["background-main"]?.cssVar}-${e}`, a = `${A["fonts-main"]?.cssVar}-${e}`, o = `${A["border-main"]?.cssVar}-${e}`, s = `${A["warn-color"]?.cssVar}-${e}`;
return `
:root {
${j.map((t) => `
${t.cssVar}-${e}: var(${t.cssVar}-${e}-given, ${t.defaultValues.light});
`).join("\n")}
--_myreach-button-size-small: var(--myreach-button-size-small, var(--myreach-button-size, 40px));
--_myreach-button-size-medium: var(--myreach-button-size-medium, var(--myreach-button-size, 48px));
--_myreach-button-size-large: var(--myreach-button-size-large, var(--myreach-button-size, 56px));
--_myreach-icon-size-small: var(--myreach-icon-size-small, var(--myreach-icon-size, 24px));
--_myreach-icon-size-medium: var(--myreach-icon-size-medium, var(--myreach-icon-size, 32px));
--_myreach-icon-size-large: var(--myreach-icon-size-large, var(--myreach-icon-size, 40px));
--_myreach-button-size: var(--_myreach-button-size-small);
--_myreach-icon-size: var(--_myreach-icon-size-small);
--_myreach-vertical-gap: var(--myreach-vertical-gap, 20px);
--_myreach-horizontal-gap: var(--myreach-horizontal-gap, 20px);
--_myreach-iframe-radius: var(--myreach-iframe-radius, 16px);
--_myreach-min-font-size: var(--myreach-min-font-size, 14px);
}
:root[${M}="dark"] {
${j.map((t) => `
${t.cssVar}-${e}: var(${t.cssVar}-${e}-given, ${t.defaultValues.dark});
`).join("\n")}
}
@media (prefers-color-scheme: dark) {
:root[${M}="auto"] {
${j.map((t) => `
${t.cssVar}-${e}: var(${t.cssVar}-${e}-given, ${t.defaultValues.dark});
`).join("\n")}
}
}
#${_} {
position: fixed;
bottom: var(--_myreach-vertical-gap);
right: var(--_myreach-horizontal-gap);
z-index: 9999;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
max-height: calc(100% - var(--_myreach-vertical-gap) - 8px);
max-width: calc(100% - var(--_myreach-horizontal-gap) - 8px);
display: none;
pointer-events: none;
transition: all 300ms;
}
#${_}.at-left {
right: unset;
left: var(--myreach-horizontal-gap, 20px);
align-items: flex-start;
}
#${_}.ready {
display: flex;
}
#${_}.previewing #${y},
#${_}.previewing #${v} {
width: 1080px;
height: 720px;
}
#${y},
#${v} {
width: 400px;
height: 640px;
max-height: 100%;
max-width: 100%;
transition: all 300ms;
flex: 0 1 auto;
border-radius: var(--_myreach-iframe-radius);
overflow: hidden;
border: none;
transform: translateY(0px);
}
#${y} {
box-shadow:
2px 6px 28px 0px rgba(12, 30, 70, 0.12),
0px 0px 16px 0px rgba(17, 42, 96, 0.06),
0px 0px 6px 0px rgba(13, 34, 80, 0.04),
0px 0px 4px 0px rgba(9, 22, 70, 0.02),
0px 0px 2px 0px rgba(0, 0, 0, 0.02)
;
visibility: hidden;
}
#${v} {
pointer-events: all;
clip-path: inset(0 round var(--_myreach-iframe-radius));
}
#${_}.open #${y} {
visibility: visible;
}
#${b} {
position: relative;
margin-top: 4px;
flex: 0 0 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
}
#${b}[data-button-size="MEDIUM"] {
--_myreach-button-size: var(--_myreach-button-size-medium);
--_myreach-icon-size: var(--_myreach-icon-size-medium);
}
#${b}[data-button-size="LARGE"] {
--_myreach-button-size: var(--_myreach-button-size-large);
--_myreach-icon-size: var(--_myreach-icon-size-large);
}
#${x} {
width: var(--_myreach-button-size);
height: var(--_myreach-button-size);
border-radius: 50%;
background-color: var(${t});
color: var(${r});
border: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
overflow: hidden;
cursor: pointer;
pointer-events: all;
}
@media (hover: hover) {
#${x}:hover {
background-color: var(${n});
}
#${S} {
> p:hover {
> button {
display: flex;
align-items: center;
}
> button:hover {
> svg {
fill: var(${s});
}
}
}
}
}
#${S} {
display: none;
position: absolute;
top: 0;
right: 0;
transform: translateY(calc(-100% - 8px));
width: 100%;
pointer-events: all;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
gap: 8px;
> p {
position: relative;
margin: 0;
padding: 12px 16px;
border: 1px solid var(${o});
white-space: nowrap;
border-radius: 12px;
border-bottom-right-radius: 0;
background: var(${i});
color: var(${a});
white-space: break-spaces;
font-size: max(var(--_myreach-min-font-size), calc((14 / 16) * 1rem));
&.open {
display: flex;
}
&:not(.open) {
display: none;
}
> button {
display: none;
cursor: pointer;
position: absolute;
right: -8px;
top: -8px;
padding: 4px;
border-radius: 50%;
border-style: none;
background-color: var(${o});
color: var(${a});
> svg {
width: 16px;
height: 16px;
min-width: unset;
min-height: unset;
}
}
}
}
#${_}.at-left {
#${b} {
align-items: flex-start;
}
#${S} {
left: 0;
right: unset;
align-items: flex-start;
> p {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 0;
}
}
}
#${_}.message-ready:not(.interacted) #${S},
#${_}.message-ready.always-show-welcome-messages:not(.open) #${S} {
display: flex;
}
#${w} {
display: none;
}
#${w},
#${T} {
width: 100%;
height: 100%;
flex: 0 0 100%;
align-items: center;
justify-content: center;
}
#${w} {
display: flex;
}
#${T} {
display: none;
}
#${_}.open #${T} {
display: flex;
}
#${_}.open #${w} {
display: none;
}
#${b} #${C} {
display: none;
width: 100%;
height: 100%;
}
#${_}.with-image #${C} {
display: block;
}
#${_}.with-image #${w} svg {
display: none;
}
#${b} svg {
fill: currentColor;
min-width: var(--_myreach-icon-size);
width: var(--_myreach-icon-size);
min-height: var(--_myreach-icon-size);
height: var(--_myreach-icon-size);
}
@media ${N} {
#${_}.allow-fullscreen {
#${y} {
width: 100%;
flex: 1 1 auto;
border-radius: 0px;
box-shadow: none;
}
#${v} {
width: 100%;
height: 100%;
border-radius: 0px;
}
}
#${_}.allow-fullscreen.open {
width: 100%;
height: 100%;
max-width: unset;
max-height: unset;
bottom: 0px;
right: 0px;
background-color: var(${i});
}
#${_}.allow-fullscreen.open.at-left {
left: 0px;
}
#${_}.allow-fullscreen.open #${b} {
display: none;
}
#${S} {
> p {
> button {
display: flex;
}
}
}
}
`;
}, I = (e, t) => {
let n = document.createElement("style");
return n.id = g, D(n, e), n.textContent = F(e), t.appendChild(n), n;
}, L = (e, t) => {
let n = (n) => {
p(n.data, e) && t(n.data);
};
return window.addEventListener("message", n), () => {
window.removeEventListener("message", n);
};
}, R = "myreach-icon", z = "\n\n\n", B = "\n\n", V = (e) => {
let t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
return t.classList.add(R), t.setAttribute("viewBox", "0 0 24 24"), t.innerHTML = e, t;
}, H = (e, t) => {
let n = document.createElement("div");
n.id = b, D(n, e);
let r = document.createElement("div");
r.id = S, D(r, e), n.appendChild(r);
let i = document.createElement("button");
i.id = x, D(i, e);
let a = document.createElement("div");
a.id = w, D(a, e);
let o = document.createElement("img");
o.id = C, D(o, e);
let s = V(B);
a.appendChild(o), a.appendChild(s), i.appendChild(a);
let c = document.createElement("div");
c.id = T, D(c, e);
let u = V(z);
c.appendChild(u), i.appendChild(c), n.appendChild(i);
let f = !1;
return i.onclick = () => {
f ? (k(e, l.SHOW_FEEDBACK_PAGE, { showFeedbackPage: !0 }), f = !1) : (k(e, l.SHOW_FEEDBACK_PAGE, { showFeedbackPage: !1 }), J(e));
}, o.onload = () => {
O(_, e)?.classList.add("image-loaded");
}, o.onerror = () => {
O(_, e)?.classList.add("image-failed");
}, L(e, (e) => {
e.type === d.SHOW_FEEDBACK_PAGE && (f = e.data.showFeedbackPage);
}), t.appendChild(n), n;
}, U = (e, t) => {
if (!t) return;
let n = O(b, e);
if (!n) throw Error(`Toggler not found for client ID: ${e}`);
n.setAttribute("data-button-size", t);
}, W = (e, t) => {
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
if (!t) {
n.classList.remove("with-image");
return;
}
n.classList.add("with-image");
let r = O(C, e);
if (!r) throw Error(`Image not found for client ID: ${e}`);
r.src = t;
}, G = (e, t) => {
if (t.length === 0) return;
let n = O(S, e);
n && (Array.from(n.childNodes).forEach((e) => e.remove()), t.forEach((t, r) => {
let i = document.createElement("p");
i.id = `${ee}-${r}`, D(i, e), i.textContent = t, i.classList.add("open");
let a = document.createElement("button"), o = V(z);
a.appendChild(o), a.onclick = () => {
ne(i.id, e);
}, i.appendChild(a), n.appendChild(i);
})), O(_, e)?.classList.add("message-ready");
}, K = (e) => {
let t = O(_, e);
t?.classList.add("open"), t?.classList.add("interacted");
}, q = (e) => {
let t = O(_, e);
t?.classList.remove("open"), t?.classList.add("interacted");
}, J = (e) => {
let t = O(_, e);
t?.classList.toggle("open"), t?.classList.add("interacted");
}, ne = (e, t) => {
O(e, t)?.classList.remove("open");
}, Y = /* @__PURE__ */ new Map(), X = (e, t) => {
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
if (t.data.widget.pageLocationAtBottomLeft ? n.classList.add("at-left") : n.classList.remove("at-left"), !t.data.widget.tooltipMessagesDisabled) {
let n = Y.get(e);
clearTimeout(n);
let r = t.data.widget.tooltipMessages.length > 0 ? t.data.widget.tooltipMessages : t.data.defaults.tooltipMessages, i = window.setTimeout(() => {
G(e, r);
}, 1e3);
Y.set(e, i);
}
P(e, t.data.widget.colors, t.data.widget.theme), W(e, t.data.widget.header.iconSrc ?? null), U(e, t.data.widget.buttonSize), t.data.widget.showInstantlyOnOpen && K(e);
}, re = (e, t) => {
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
n.classList.add("ready"), X(e, t), te(e);
}, ie = (e, t) => {
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
if (!n.classList.contains("ready")) throw Error(`Wrapper found for client ID: ${e} but does not have 'ready' class`);
X(e, t);
}, Z = (e) => {
let t = Y.get(e);
t !== void 0 && (clearTimeout(t), Y.delete(e)), O(g, e)?.remove();
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
n.classList.remove("ready", "open", "previewing", "interacted", "message-ready"), n.remove();
}, ae = (e) => {
O(_, e)?.classList.remove("open");
}, Q = (e, t) => {
let n = O(_, e);
if (!n) throw Error(`Wrapper not found for client ID: ${e}`);
let r = "previewing";
t ? n.classList.add(r) : n.classList.remove(r);
}, oe = (e, t, n) => {
let r = document.createElement("div");
r.id = y, D(r, e);
let i = document.createElement("iframe");
i.id = v;
let a = new URL(import.meta.url);
return a.pathname = `/widget/${e}`, t.debug && a.searchParams.set("debug", "true"), i.setAttribute("allow", "fullscreen; clipboard-read; clipboard-write"), i.setAttribute("allowfullscreen", "true"), i.src = a.href, i.width = "420px", i.height = "640px", D(i, e), r.appendChild(i), n.appendChild(r), r;
}, se = 2e4;
//#endregion
//#region script/src/index.ts
window.myreachEmbeddedChat = {
createChat: (e) => {
let t = O(_, e.widgetId);
if (t) return t;
I(e.widgetId, document.head);
let n = document.createElement("div");
n.id = _, e.debug && n.classList.add("debugmode"), e.allowFullscreen && n.classList.add("allow-fullscreen"), e.alwaysShowWelcomeMessages && n.classList.add("always-show-welcome-messages"), D(n, e.widgetId), oe(e.widgetId, e, n), H(e.widgetId, n);
let i = (t) => {
e.allowFullscreen && k(e.widgetId, l.UPDATE_FULLSCREEN, { isFullscreen: t });
}, s = window.matchMedia(N), c = (e) => {
i(e.matches);
};
s.addEventListener("change", c);
let u = null, f = () => {
u !== null && (window.clearTimeout(u), u = null);
}, h = () => {
f(), window.removeEventListener("message", g), s.removeEventListener("change", c);
}, g = (t) => {
try {
if (p(t.data, e.widgetId)) {
m(t.data, d.CHAT_READY, e.widgetId) ? (f(), re(e.widgetId, t.data), i(s.matches)) : m(t.data, d.CHAT_FAILED, e.widgetId) ? (Z(e.widgetId), h()) : m(t.data, d.CLOSE_IFRAME_CLICKED, e.widgetId) ? ae(e.widgetId) : m(t.data, d.STYLES_UPDATED, e.widgetId) ? ie(e.widgetId, t.data) : m(t.data, d.SOURCE_PREVIEW_OPENED, e.widgetId) ? Q(e.widgetId, !0) : m(t.data, d.SOURCE_PREVIEW_CLOSED, e.widgetId) && Q(e.widgetId, !1);
return;
} else if (a(t.data, e.widgetId)) {
o(t.data, r.OPEN_CHAT, e.widgetId) ? K(e.widgetId) : o(t.data, r.CLOSE_CHAT, e.widgetId) ? q(e.widgetId) : o(t.data, r.TOGGLE_CHAT, e.widgetId) && J(e.widgetId);
return;
}
} catch {}
};
return window.addEventListener("message", g), document.body.appendChild(n), u = window.setTimeout(() => {
Z(e.widgetId), h();
}, se), n;
},
sendEvent: k,
controlChat: c,
eventListener: L
};
var $ = () => {
let e = n(import.meta.url);
if (e?.widgetId) try {
window.myreachEmbeddedChat.createChat(e);
} catch (e) {
console.error(e);
}
window.dispatchEvent(new CustomEvent("myreach-embedded-chat-ready"));
};
document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", $) : $();
//#endregion