@telia-ace/knowledge-widget-bot-provider 0.0.24 → 1.1.1-rc.1

package/contact-method-a18f6436.mjs

@@ -0,0 +1,896 @@
+var oe = Object.defineProperty;
+var re = (n, e, t) => e in n ? oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var q = (n, e, t) => (re(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { jsx as v, jsxs as V } from "react/jsx-runtime";
+import { u as Y, a as ae, C as ce, n as L, P as de, h as Z, c as j, H as le, g as ue, b as ee, l as he, S as ge, L as fe, T as me, d as be, I as ye, i as pe, e as te, F as H, W as K, f as Ce, j as ve, k as W } from "./index-cc31f772.mjs";
+import { u as we, c as ke, f as Me, r as Ne } from "./notification-list-291a2001.mjs";
+import { useState as ne, useEffect as Q, useContext as xe, Suspense as Se, useRef as $e, useCallback as Re } from "react";
+import "react-dom";
+import { a as Ae, u as Le } from "./use-dispatch-97d3af39.mjs";
+const G = (n, e) => {
+  let t = !0;
+  return Object.keys(n).length !== Object.keys(e).length || Object.keys(n).some((i) => !Object.keys(e).some((c) => i === c)) ? !1 : (Object.keys(n).forEach((i) => {
+    if (t) {
+      const o = typeof n[i] > "u" ? "" : n[i], c = typeof e[i] > "u" ? "" : e[i];
+      t = o.toString() === c.toString();
+    }
+  }), t);
+}, Ie = (n, e) => {
+  const t = Ae(), s = Y(), [i, o] = ne(void 0), c = ae(), r = n || t.type || "";
+  return Q(() => {
+    if (r) {
+      let a;
+      return (e || s).getAsync("componentResolver").then((l) => {
+        if (c.current) {
+          const h = l.getComponent(r);
+          o(h);
+        }
+        a = l.registerResolver(r, (h) => {
+          c.current && o(h);
+        });
+      }), () => {
+        a && a();
+      };
+    }
+  }, [c, r, e, s]), i;
+}, qe = () => xe(ce);
+var B = /* @__PURE__ */ ((n) => (n.guide = "guide", n.link = "link", n.default = "default", n))(B || {});
+L(de)`
+    ${(n) => {
+  var e;
+  return Z(n)(
+    "h1",
+    j`
+                font-weight: normal;
+                font-size: ${(e = n.theme.fonts) == null ? void 0 : e.medium};
+            `
+  );
+}}
+`;
+const Oe = L(le)`
+    ${ue}
+    font-weight: 300;
+    line-height: 1.5em;
+    button:focus-visible {
+        ${ee};
+    }
+
+    a:focus-visible {
+        ${he};
+    }
+`, ie = (n) => {
+  const e = Ie(n.clientName), {
+    params: { contactCategory: t, guideCategory: s, phrase: i }
+  } = we();
+  if (typeof e > "u")
+    return null;
+  if (e === null)
+    return process.env.NODE_ENV !== "production" ? /* @__PURE__ */ v(
+      Ge,
+      {
+        title: `client-name: ${n.clientName}, id: ${n.id}`,
+        className: "humany-non-resolved-contact-method",
+        children: /* @__PURE__ */ v(me, { variant: "h5", children: "Non resolved Contact Method type" })
+      }
+    ) : null;
+  const o = (c = {}) => {
+    const r = { ...n, ...c }, {
+      id: a,
+      title: l,
+      clientName: h,
+      symbol: g,
+      inline: m,
+      onClick: w = () => {
+      },
+      description: u,
+      htmlParseInstruction: b,
+      className: d,
+      disabled: f,
+      guideId: C,
+      dispatch: k = () => {
+      },
+      expanded: y
+    } = r, M = m ? {
+      onKeyDown: (p) => {
+        p.key && p.key === "Enter" && (w(p, r), p.defaultPrevented || !y && k("expand", a));
+      },
+      onClick: (p) => {
+        w(p, r), p.defaultPrevented || !y && k("expand", a);
+      }
+    } : {
+      onClick: (p) => w(p, r),
+      routeName: "contact-method",
+      params: ke({
+        contactCategory: t,
+        guideId: C,
+        guideCategory: s,
+        phrase: i,
+        contactMethod: a,
+        uriName: Me(l)
+      })
+    };
+    return /* @__PURE__ */ V(
+      Ee,
+      {
+        title: l,
+        "aria-label": l,
+        className: d,
+        disabled: f,
+        description: u,
+        "data-client-name": h,
+        ...c,
+        ...M,
+        children: [
+          g && /* @__PURE__ */ v(be, { symbol: g }),
+          u ? /* @__PURE__ */ V("div", { className: "humany-contact-link-rich-content", children: [
+            /* @__PURE__ */ v(D, { children: l }),
+            /* @__PURE__ */ v(
+              Oe,
+              {
+                html: u,
+                htmlParseInstruction: b
+              }
+            )
+          ] }) : /* @__PURE__ */ v(D, { children: l })
+        ]
+      }
+    );
+  };
+  return n.expanded ? /* @__PURE__ */ v(Se, { fallback: null, children: /* @__PURE__ */ v(e, { ...n, renderDefault: o }) }) : o();
+}, Te = (n) => {
+  var e, t, s, i, o, c, r, a;
+  return j`
+  display: flex;
+  padding: ${(e = n.theme.sizes) == null ? void 0 : e.large};
+  ${n.description ? "" : "align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(t = n.theme.colors) == null ? void 0 : t.text};
+  }
+  i {
+    font-size: ${(s = n.theme.fonts) == null ? void 0 : s.large};
+    margin: 0 ${(i = n.theme.sizes) == null ? void 0 : i.large} 0 0;
+    min-height: ${(o = n.theme.fonts) == null ? void 0 : o.large};
+    min-width: ${(c = n.theme.fonts) == null ? void 0 : c.large};
+    line-height: ${(r = n.theme.fonts) == null ? void 0 : r.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(a = n.theme.colors) == null ? void 0 : a.text};
+  }
+`;
+}, D = L(ge)`
+  line-height: ${(n) => {
+  var e;
+  return (e = n.theme.fonts) == null ? void 0 : e.large;
+}};
+`, Ee = L(fe)`
+  ${(n) => Te(n)}
+
+  &:focus-visible {
+    ${ee};
+  }
+`, Ge = L.div`
+  text-align: center;
+  display: block;
+  ${(n) => {
+  var e, t;
+  return typeof ((e = n.theme.colors) == null ? void 0 : e.warning) < "u" && `color: ${(t = n.theme.colors) == null ? void 0 : t.warning};`;
+}}
+`, Be = (n) => {
+  var e, t, s;
+  return j`
+    ${pe(n)}
+
+    > div {
+        padding: ${(e = n.theme.sizes) == null ? void 0 : e.large};
+
+        ${Z(n)(
+    "h1",
+    j`
+                margin: 0;
+            `
+  )}
+    }
+
+    > ul {
+        &:not(:first-child) {
+            border-top: ${n.theme.border};
+        }
+
+        > li {
+            margin: 0;
+            white-space: normal;
+
+            > a {
+                overflow: hidden;
+            }
+
+            &:first-child > a {
+                border-radius: ${`${n.theme.borderRadius} ${n.theme.borderRadius} 0 0`};
+            }
+
+            &:last-child:not(:first-child) > a {
+                border-radius: ${`0 0 ${n.theme.borderRadius} ${n.theme.borderRadius}`};
+            }
+
+            &:not(:last-child) {
+                border-bottom: ${n.theme.border};
+            }
+
+            > div {
+                padding: ${(t = n.theme.sizes) == null ? void 0 : t.large};
+            }
+        }
+    }
+
+    @media (hover: hover) {
+        a:hover {
+            background-color: ${(s = n.theme.colors) == null ? void 0 : s.accent};
+        }
+    }
+`;
+}, je = L(ye)`
+    ${(n) => Be(n)}
+`, Xe = ({
+  contactMethods: n,
+  children: e,
+  guideId: t,
+  dispatch: s,
+  className: i = "",
+  itemRenderer: o,
+  action: c = () => {
+  },
+  header: r = ""
+}) => n.length ? /* @__PURE__ */ v(
+  je,
+  {
+    header: r,
+    className: te(i, "humany-contact-list"),
+    items: n,
+    renderItem: o ? (a) => /* @__PURE__ */ v("li", { "data-contact-method": a.id, children: o(a, { action: c, dispatch: s, guideId: t }) }, a.id) : (a) => /* @__PURE__ */ v("li", { "data-contact-method": a.id, children: /* @__PURE__ */ v(
+      ie,
+      {
+        ...a,
+        action: c,
+        dispatch: s,
+        guideId: t
+      }
+    ) }, a.id),
+    children: e
+  }
+) : null, J = (n) => import("./index-5c9c2abf.mjs").then(({ ServiceClient: e, ServiceProxy: t }) => n.get("settings").then((s) => {
+  const { name: i, events: o } = n.get("$widget"), {
+    data: { projection: c = "", site: r = "current", forceHttps: a = !1 }
+  } = s, l = new t(c, { credentials: "same-origin" }), h = new e(
+    l,
+    {
+      funnel: i.replace("_contact-method", "").replace("_contact", ""),
+      site: Ue(r, a)
+    },
+    null,
+    n
+  );
+  return o.subscribe("widget:settings-updated", (g, { data: m }) => {
+    m && m.projection !== c && h.proxy.setBaseUrl(m.projection);
+  }), h;
+})), Ue = (n, e) => () => {
+  const t = (i) => {
+    const o = document.createElement("a");
+    return o.href = i, o;
+  };
+  let s = window.location;
+  return n === "referrer" && document.referrer && (s = t(document.referrer)), [e ? "https:" : "", "//", s.host, s.pathname].join("");
+}, A = (n) => {
+  if (n) {
+    const { Type: e, Content: t } = n;
+    if (e && t)
+      return { type: e, content: t };
+  }
+}, _ = (n) => n.map((e) => {
+  const t = {
+    id: e.Id.toString(),
+    title: e.Name,
+    symbol: A(e.DefaultIcon),
+    activeSymbol: e.ActiveIcon && A(e.ActiveIcon),
+    description: e.Description || e.Attributes && e.Attributes.description || "",
+    matches: e.GuidesCount
+  };
+  return e.Children && e.Children.length && (t.items = _(e.Children)), t;
+}), $ = (n, e) => n.filter(({ Type: t }) => t === e).map(({ Id: t, Title: s, Body: i }) => ({
+  id: t.toString(),
+  title: s,
+  body: i
+})), P = (n) => n.map(({ Id: e, Title: t, DefaultIcon: s, ListNotices: i, Notices: o }) => ({
+  id: e.toString(),
+  title: t,
+  symbol: A(s),
+  defaultHeaderOptions: {
+    visible: !!i.length
+  },
+  notifications: (i || []).concat(o || []).map(({ Id: c, Title: r, Body: a, Type: l, Modified: h }) => ({
+    id: c.toString(),
+    title: r,
+    body: a,
+    modified: h,
+    expandable: l === "listNotice"
+  }))
+})), z = ({
+  Id: n,
+  Title: e,
+  DefaultIcon: t,
+  Exits: [s],
+  ExitType: i,
+  ConfirmationText: o,
+  ExpandFormAutomatically: c,
+  Form: r,
+  Description: a
+}, l) => {
+  const { Adapter: h } = s || { Adapter: {} }, { ClientName: g = "", Settings: m = {}, CustomClientName: w = "" } = h, u = {
+    id: n.toString(),
+    title: e,
+    description: a,
+    symbol: A(t),
+    clientName: g === "custom.adapter" ? w : g,
+    expanded: !0,
+    inline: !0,
+    body: {}
+  };
+  if (g.indexOf("phone") > -1 || g.indexOf("freetext") > -1) {
+    const { displayTextBeforeClick: b, textBeforeClick: d } = m;
+    b === "true" && (u.expanded = !1, u.title = d), g.indexOf("phone.text") > -1 ? u.body.phoneNumber = m.phoneNumber : u.body.freetext = m.freetext;
+  }
+  return (g.indexOf("chat.popup") > -1 || g.indexOf("link") > -1 || g === "custom.adapter" && i === "custom") && (u.body = m, u.body.confirmationFallback = o), g.indexOf("ace") > -1 && (u.body = m), r && r.HasValueComponents && (l ? u.body.form = H.fromLegacyForm(n.toString(), r, l).get() : u.body.form = H.fromLegacyForm(n.toString(), r).get(), c || (u.expanded = u.inline = !1)), u;
+}, O = (n = []) => n.map(({ Id: e, Title: t, TotalMatches: s, Symbol: i, DefaultIcon: o, ActiveIcon: c }) => ({
+  id: e.toString(),
+  title: t,
+  matches: s,
+  symbol: A(o || i),
+  defaultIcon: A(o),
+  activeIcon: A(c)
+})), F = (n) => n.map(({ Id: e, Title: t, Tags: s, FirstPublishedDate: i, Modified: o }) => ({
+  id: e.toString(),
+  title: t,
+  tags: O(s),
+  published: i,
+  modified: o
+})), Pe = (n, e) => {
+  switch (n) {
+    case S.MatchByCategory:
+    case S.Match: {
+      const t = {
+        guides: [],
+        matches: 0,
+        topNotifications: [],
+        middleNotifications: [],
+        bottomNotifications: [],
+        notificationLists: [],
+        tags: [],
+        byCategory: []
+      }, {
+        Matches: s,
+        TotalMatches: i,
+        Notices: o,
+        NoticeLists: c,
+        Tags: r,
+        ByCategory: a
+      } = e;
+      return t.guides = F(s), t.matches = i, t.byCategory = (a || []).map(({ Id: l, Matches: h, TotalMatches: g }) => ({
+        id: l,
+        guides: F(h),
+        matches: g
+      })), t.tags = O(r), t.notificationLists = P(c || []), t.topNotifications = $(o || [], "noticeRowTop"), t.middleNotifications = $(o || [], "noticeRowMiddle"), t.bottomNotifications = $(o || [], "footerNotice"), t;
+    }
+    case S.Categories: {
+      const { Children: t, GuidesCountTotal: s } = e;
+      return {
+        categories: _(t || []),
+        matches: s
+      };
+    }
+    case S.Guide: {
+      const {
+        Id: t,
+        Title: s,
+        Body: i,
+        Related: o,
+        Options: c,
+        ConnectionId: r,
+        ContactMethods: a,
+        EnableFeedback: l,
+        HandoverExists: h,
+        FirstPublishedDate: g,
+        Modified: m,
+        ModifiedByDisplayName: w,
+        FirstPublishedByDisplayName: u,
+        Categories: b,
+        Tags: d,
+        SeoMetaDescription: f,
+        SeoAllowIndex: C,
+        Perspectives: k,
+        PerspectiveKey: y,
+        Translations: M
+      } = e, p = y || Object.values(k).find((N) => N === r) || k.Default || null, U = {
+        guide: {
+          id: t.toString(),
+          title: s,
+          body: i,
+          modified: m,
+          published: g,
+          modifiedBy: w,
+          publishedBy: u,
+          connection: r,
+          categories: b,
+          hasHandover: h,
+          allowFeedback: l,
+          seoMetaDescription: f,
+          seoAllowIndex: C,
+          perspectives: k,
+          perspective: p,
+          translations: Object.keys(M || {}).reduce((N, R) => (N[R] = M[R].toString(), N), {})
+        },
+        related: F(o || []),
+        dialog: [],
+        contactMethods: (a || []).map((N) => z(N)),
+        tags: O(d)
+      };
+      return (c || []).forEach(({ CanAccess: N, Description: R, ConnectionId: E, Properties: x }) => {
+        if (!N)
+          return;
+        const I = {
+          id: t.toString(),
+          title: R,
+          connection: E,
+          connectionKey: x.ConnectionKey,
+          type: B.default,
+          parent: {
+            id: t.toString(),
+            title: s,
+            tags: O(d)
+          }
+        };
+        if (x.Type === "Guide" || x.Type === "Link")
+          switch (x.Id && (I.id = x.Id.toString()), x.Uri && (I.href = x.Uri), x.Target && (I.target = x.Target), x.Type) {
+            case "Guide":
+              I.type = B.guide;
+              break;
+            case "Link":
+              I.type = B.link;
+              break;
+          }
+        U.dialog.push(I);
+      }), U;
+    }
+    case S.Contacts: {
+      const { Children: t, Matches: s, Notices: i, NoticeLists: o } = e;
+      return {
+        contactMethods: (s || []).map((r) => z(r)),
+        categories: _(t || []),
+        topNotifications: $(i || [], "noticeRowTop"),
+        middleNotifications: $(i || [], "noticeRowMiddle"),
+        bottomNotifications: $(i || [], "footerNotice"),
+        notificationLists: P(o || [])
+      };
+    }
+    case S.ContactMethod: {
+      const { ContactMethod: t } = e;
+      return z(t || {});
+    }
+    case S.Tags:
+    case S.TagsOnGuides:
+      return O(e || []);
+    case S.Notifications: {
+      const { Notices: t, NoticeLists: s } = e;
+      return {
+        topNotifications: $(t || [], "noticeRowTop"),
+        middleNotifications: $(t || [], "noticeRowMiddle"),
+        bottomNotifications: $(t || [], "footerNotice"),
+        notificationLists: P(s || [])
+      };
+    }
+    default:
+      return {};
+  }
+};
+var se = /* @__PURE__ */ ((n) => (n.Guide = "guide", n.Guides = "guides", n.GuidesByCategory = "guides-by-category", n.RowNotifications = "row-notices", n.NotificationLists = "notification-lists", n.GuideCategories = "guide-categories", n.ContactMethodCategories = "contact-method-categories", n.ContactMethod = "contact-method", n.ContactMethods = "contact-methods", n.Tags = "tags", n.TagsOnGuides = "tagsonguides", n))(se || {}), S = /* @__PURE__ */ ((n) => (n.Match = "match", n.Categories = "categories", n.Guide = "guide", n.Contacts = "contacts", n.ContactMethod = "contact-method", n.MatchByCategory = "match-by-category", n.Tags = "tags", n.TagsOnGuides = "tagsonguides", n.Notifications = "notifications", n))(S || {});
+const X = (n) => {
+  switch (n) {
+    case "guides":
+      return "match";
+    case "guides-by-category":
+      return "match-by-category";
+    case "guide":
+      return "guide";
+    case "guide-categories":
+      return "categories";
+    case "contact-method-categories":
+    case "contact-methods":
+      return "contacts";
+    case "contact-method":
+      return "contact-method";
+    case "tags":
+      return "tags";
+    case "tagsonguides":
+      return "tagsonguides";
+    case "notification-lists":
+    case "row-notices":
+      return "notifications";
+    default:
+      throw "error";
+  }
+}, ze = async (n) => {
+  const { invoke: e } = n.get("$widget");
+  return await e("renderState") === K.hidden;
+};
+class T {
+  constructor(e, t) {
+    q(this, "queries", /* @__PURE__ */ new Map());
+    q(this, "lastTake", 0);
+    q(this, "events");
+    q(this, "getUnresolvedQueries", () => {
+      let e = 0;
+      return this.queries.forEach((t, s) => {
+        t.some((o) => !o.resolved) && (e = 1);
+      }), e;
+    });
+    this.container = e, this.matchingClient = t, this.events = e.get("$widget").events, this.events.subscribe(
+      "widget:settings-updated",
+      () => this.queries = /* @__PURE__ */ new Map()
+    ), this.events.subscribe(
+      "widget:render-state-changed",
+      (s, { next: i, previous: o }) => {
+        o === K.hidden && i === K.open && this.fetchAllUnresolvedQueries();
+      }
+    );
+  }
+  static getInstance(e, t = "dataClient") {
+    return Ce(this)(() => e.getAsync(t).then(async (s) => {
+      let i = await e.getAsync("matchingClient");
+      i || (i = await J(e), e.registerAsync("matchingClient", () => i));
+      let o = s;
+      return o || (o = new T(e, i), e.registerAsync(t, () => o)), o;
+    }));
+  }
+  fetch(e, t, s) {
+    return new Promise((i, o) => {
+      t.take && (this.lastTake = +(t.take || 0)), Ne(t);
+      const c = X(e);
+      let r = this.queries.get(c) || [], a = r.find((l) => G(l.params, t)) || null;
+      if (a && (s != null && s.noCache)) {
+        const l = r.findIndex(
+          (h) => G(h.params, t)
+        );
+        r = [...r.slice(0, l), ...r.slice(l + 1)], a = null;
+      }
+      if (a) {
+        const l = r.indexOf(a);
+        if (a.resolved ? (this.events.dispatch("data-client:fetched", {
+          params: t,
+          type: c,
+          response: a.data,
+          unresolvedQueries: this.getUnresolvedQueries()
+        }), this.track(a.data, c, a.error), a.data && a.error ? o({ error: a.error }) : i(a.data)) : a.resolvers.push({ resolve: i, reject: o }), r.splice(l, 1), r.push(a), this.queries.set(c, r), !a.loading && !a.resolved)
+          return this.runQuery(c, t);
+      } else
+        return r.push({
+          params: t,
+          resolved: !1,
+          loading: !0,
+          data: {},
+          resolvers: [{ resolve: i, reject: o }]
+        }), this.queries.set(c, r), this.runQuery(c, t);
+    }).then((i) => ve(i));
+  }
+  // query the cached data
+  read(e, t) {
+    const { select: s } = t, i = X(e);
+    return (this.queries.get(i) || []).reduce((r, a) => {
+      if (typeof s == "function") {
+        const l = s(a.data);
+        l && r.push(l);
+      } else
+        r.push(a.data);
+      return r;
+    }, []);
+  }
+  feedback(e, t, s) {
+    return this.matchingClient.giveFeedback(e, t, s);
+  }
+  setLoadingStatus(e, t, s) {
+    const i = this.queries.get(e) || [], o = i.find((c) => G(c.params, t));
+    o && (o.loading = s), this.queries.set(e, i);
+  }
+  async runQuery(e, t) {
+    const {
+      searchPhrase: s = "",
+      categories: i = "0",
+      contactMethodCategoryId: o = "0",
+      contactMethodId: c = "0",
+      tagId: r = void 0,
+      take: a = 5,
+      connection: l = "",
+      guideId: h,
+      expandCategories: g = "descendants",
+      currentCategory: m,
+      sorting: w = "popularity-descending",
+      guideIds: u = []
+    } = t, b = s.toString().trim();
+    if (await ze(this.container))
+      return Promise.resolve();
+    switch (e) {
+      case "match": {
+        const d = (f) => {
+          const [C, k] = f.split("-");
+          return {
+            type: (/* @__PURE__ */ new Map([
+              ["popularity", "popularity"],
+              ["alphabetic", "title"],
+              ["modified", "lastModified"],
+              ["published", "firstPublished"]
+            ])).get(C),
+            direction: k
+          };
+        };
+        return u.length ? this.matchingClient.customRequest("guides", "POST", {
+          configuration: { ids: u, take: +a }
+        }).then(
+          (f) => f && this.handleResponse(f, e, t)
+        ) : this.matchingClient.match(b, {
+          categories: i === "0" ? [] : Array.isArray(i) ? i : [+i],
+          take: +a,
+          tags: r,
+          sorting: d(w),
+          ids: u
+        }).then(
+          (f) => f && this.handleResponse(f, e, t)
+        );
+      }
+      case "match-by-category":
+        return this.matchingClient.match(b, {
+          groupByCategory: !0,
+          categories: i === "0" ? [] : Array.isArray(i) ? i : [+i],
+          take: +a,
+          tags: r
+        }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "guide":
+        return this.matchingClient.getGuide(h, { connectionId: l }).then((d) => {
+          d && this.handleResponse(d, e, t);
+        }).catch((d) => {
+          const f = {
+            message: "Something went wrong.",
+            status: d.status || 400
+          };
+          f.status === 404 && (f.message = "The guide could not be found."), this.handleResponse({}, e, t, f);
+        });
+      case "categories":
+        return this.matchingClient.getCategories({
+          phrase: b,
+          expand: g,
+          tags: r
+        }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "contacts":
+        return h ? this.matchingClient.contactMethods(+h, { phrase: b }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        ) : this.matchingClient.contacts(+o, { phrase: b }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "contact-method":
+        return this.matchingClient.getContactMethod(+c, { guideId: h, currentCategory: m }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "tags":
+        return this.matchingClient.customRequest("tags", "GET", {
+          configuration: {
+            take: 999999,
+            phrase: b,
+            categories: i === "0" ? [] : Array.isArray(i) ? i : [+i]
+          }
+        }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "tagsonguides":
+        return this.matchingClient.customRequest("tagsonguides", "GET", {
+          configuration: {
+            take: 999999,
+            phrase: b,
+            categories: i === "0" ? [] : Array.isArray(i) ? i : [+i],
+            tags: r
+          }
+        }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+      case "notifications":
+        return this.matchingClient.customRequest("notices", "GET", {
+          configuration: {
+            phrase: b,
+            categories: i === "0" ? [] : Array.isArray(i) ? i : [+i]
+          }
+        }).then(
+          (d) => d && this.handleResponse(d, e, t)
+        );
+    }
+  }
+  handleResponse(e = {}, t, s, i) {
+    const o = this.queries.get(t) || [], c = o.find((r) => G(r.params, s));
+    if (c) {
+      const r = i || Pe(t, e);
+      this.track(r, t, i), c.resolvers.forEach((l) => {
+        i ? l.reject({ error: r }) : l.resolve(r);
+      });
+      const a = o.indexOf(c);
+      a > -1 && o.splice(a, 1), o.push({
+        ...c,
+        error: i,
+        resolvers: [],
+        data: r,
+        resolved: !0
+      }), this.setLoadingStatus(t, s, !1), this.queries.set(t, o), i || this.events.dispatch("data-client:fetched", {
+        type: t,
+        params: s,
+        response: r,
+        unresolvedQueries: this.getUnresolvedQueries()
+      });
+    }
+  }
+  fetchAllUnresolvedQueries() {
+    for (const [e, t] of this.queries)
+      t.filter((s) => !s.resolved).forEach((s) => {
+        this.runQuery(e, s.params);
+      });
+  }
+  track(e = {}, t, s) {
+    const i = this.container.get("$widget");
+    i && !s ? i.events.dispatch("tracking:service-client-response", {
+      type: t,
+      data: e
+    }) : i && i.events.dispatch("tracking:service-client-error", {
+      type: t,
+      error: s
+    });
+  }
+  static create(e) {
+    return e.getAsync("matchingClient").then(async (t) => {
+      if (t)
+        return new T(e, t);
+      const s = await J(e);
+      return e.registerAsync("matchingClient", () => s), new T(e, s);
+    });
+  }
+  getClient() {
+    return this.matchingClient;
+  }
+}
+const Fe = ({
+  contactMethodId: n,
+  guideId: e,
+  groupId: t,
+  className: s
+}) => {
+  var g, m, w;
+  const [i, o] = ne(), c = Y(), r = Le(), a = $e(!0), l = qe();
+  Q(() => {
+    const { events: u } = c.get("$widget"), b = u.subscribe(
+      "bot-provider:form-submitted",
+      async (f, C) => {
+        var R;
+        if (((R = C.form.meta) == null ? void 0 : R.groupId) !== t || C.id !== i.id)
+          return;
+        l && (C.form.meta || (C.form.meta = {}), C.form.meta.conversation = l);
+        const k = await c.getAsync(
+          "contactMethods"
+        ), y = {
+          ...i,
+          body: {
+            ...i.body,
+            form: C.form
+          }
+        }, { errors: M, valid: p, errorTypes: U } = await k.validate(
+          y
+        );
+        if (!p) {
+          const E = new H(i.body.form);
+          o(void 0), E.setValidationErrors(M), y.body = {
+            ...y.body,
+            form: E.get()
+          }, o({ ...y });
+          return;
+        }
+        const N = await k.submit(y);
+        y.confirmation = N, o(y);
+      }
+    ), d = u.subscribe(
+      "bot-provider:evaluate",
+      async (f, C) => {
+        if (C.id !== n)
+          return;
+        const y = await (await c.getAsync(
+          "contactMethods"
+        )).evaluate(i);
+        let M = {
+          ...i,
+          body: {
+            ...i.body,
+            form: y
+          }
+        };
+        const p = W(M, {
+          submit: "Submit",
+          errors: {},
+          meta: { groupId: t }
+        });
+        M = {
+          ...M,
+          body: p
+        }, o(M);
+      }
+    );
+    return () => {
+      b(), d();
+    };
+  }, [c, i, o, l]);
+  const h = Re(
+    async (u) => {
+      const d = await (await T.getInstance(c)).fetch(
+        se.ContactMethod,
+        {
+          contactMethodId: u,
+          guideId: e
+        },
+        { noCache: !0 }
+      ), f = W(d, {
+        submit: "Submit",
+        errors: {},
+        meta: { groupId: t }
+      });
+      if (d.body = f, d.body.guideId = e, !a.current)
+        return null;
+      o(d);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a]
+  );
+  return Q(() => (h(n), () => {
+    a.current = !1;
+  }), [n, h]), i ? /* @__PURE__ */ v(
+    He,
+    {
+      ...i,
+      body: {
+        ...i.body,
+        form: i.body.form ? {
+          ...i.body.form,
+          data: (g = i.body.form) == null ? void 0 : g.data,
+          layout: { ...i.body.form.layout },
+          meta: (m = i.body.form) == null ? void 0 : m.meta,
+          schema: (w = i.body.form) == null ? void 0 : w.schema
+        } : void 0,
+        guideId: i.body.guideId
+      },
+      inline: !0,
+      expanded: !0,
+      dispatch: r,
+      className: te("humany-bot-contact-method", s)
+    }
+  ) : null;
+}, He = L(ie)`
+  padding: ${(n) => {
+  var e;
+  return (e = n.theme.sizes) == null ? void 0 : e.normal;
+}} ${(n) => {
+  var e;
+  return (e = n.theme.sizes) == null ? void 0 : e.medium;
+}};
+`, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Fe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Xe as C,
+  Fe as a,
+  ie as b,
+  Ye as c
+};