@telia-ace/knowledge-widget-adapters 1.0.30-next.5 → 1.0.30-next.6

package/dist/index.52d085bd.js

@@ -1,612 +0,0 @@
-var J = Object.defineProperty, Q = Object.defineProperties;
-var X = Object.getOwnPropertyDescriptors;
-var P = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var S = (t, e, n) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, h = (t, e) => {
-  for (var n in e || (e = {}))
-    T.call(e, n) && S(t, n, e[n]);
-  if (P)
-    for (var n of P(e))
-      L.call(e, n) && S(t, n, e[n]);
-  return t;
-}, y = (t, e) => Q(t, X(e));
-var $ = (t, e) => {
-  var n = {};
-  for (var o in t)
-    T.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
-  if (t != null && P)
-    for (var o of P(t))
-      e.indexOf(o) < 0 && L.call(t, o) && (n[o] = t[o]);
-  return n;
-};
-var x = (t, e, n) => (S(t, typeof e != "symbol" ? e + "" : e, n), n);
-var b = (t, e, n) => new Promise((o, a) => {
-  var c = (r) => {
-    try {
-      i(n.next(r));
-    } catch (l) {
-      a(l);
-    }
-  }, s = (r) => {
-    try {
-      i(n.throw(r));
-    } catch (l) {
-      a(l);
-    }
-  }, i = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(c, s);
-  i((n = n.apply(t, e)).next());
-});
-import { FormBuilder as Y, FormReader as M, FormComponent as Z } from "@telia-ace/widget-forms";
-import { ComponentPlatform as F, Plugin as ee } from "@telia-ace/knowledge-widget-core";
-import { lock as te, createParams as ne, formatUrl as oe, appendClassNames as ae } from "@telia-ace/widget-utilities";
-import d, { lazy as re, Suspense as se, useState as ie, useEffect as ce } from "react";
-import { Paragraph as le, headingElement as O, Html as me, genericHtml as de, borderTabStyle as H, linkTabStyle as ue, StyledText as he, Link as pe, useComponent as fe, useRouteData as ge, Typography as ye, SymbolBadge as be, itemList as ve, ItemList as Ce, useContainer as $e } from "@telia-ace/knowledge-widget-ui";
-import v, { css as N } from "styled-components";
-const A = (t, e, n = !1) => t.getManyAsync("matchingClient", "router").then((o) => {
-  const { formData: a } = new M(e.body.form).export(n), { router: c, matchingClient: s } = o, { params: i } = c.getRouteData();
-  return s.customRequest(
-    `contactmethods/${e.id}${n ? "/validatedwithpayload" : ""}`,
-    "POST",
-    {
-      body: a,
-      configuration: {
-        guideId: e.body.guideId || i.guideId
-      }
-    }
-  );
-}), q = (t, e, n) => A(t, e).then((o) => n ? n(o) : o).then(({ ConfirmationText: o }) => o), k = (t, e) => A(t, e, !0).then((n) => ({
-  valid: n.Validation.IsValid,
-  errors: n.Validation.Errors,
-  errorTypes: n.Validation.ErrorTypes
-})), B = (t, e) => A(t, e, !0).then(
-  (n) => Y.fromLegacyForm(e.id, n.ContactMethod.Form).get()
-), w = (t, e) => t.getAsync("matchingClient").then((n) => {
-  n.completeContactMethod(e.id);
-});
-function ke(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "email.form",
-      render: import("./email-form-component.2814812b.js"),
-      onEvaluate: (n) => B(t, n),
-      onValidate: (n) => k(t, n),
-      onSubmit: (n) => q(t, n),
-      onComplete: (n) => w(t, n)
-    });
-  });
-}
-const z = (t, e, n) => {
-  const { url: o, width: a, height: c } = e, s = n || {}, i = document.createElement("a");
-  return i.href = o, i.search.replace("?", "").split("&").forEach((r) => {
-    const [l, m] = r.split("=");
-    typeof m != "undefined" && (s[l] = m);
-  }), i.search = Object.keys(s).map((r) => `${r}=${s[r]}`).join("&"), window.open(i.href, t, `width=${a},height=${c}`), "";
-};
-function we(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "chat.popup",
-      render: "email.form",
-      handleClick: (n) => {
-        const { title: o, body: a } = n, l = a, { form: c, guideId: s, confirmationFallback: i } = l, r = $(l, ["form", "guideId", "confirmationFallback"]);
-        return c ? () => {
-        } : (m) => {
-          m.preventDefault(), z(o, r);
-        };
-      },
-      onValidate: (n) => k(t, n),
-      onComplete: (n) => w(t, n),
-      onSubmit: (n) => {
-        const { title: o, body: a } = n, m = a, { form: c, guideId: s, confirmationFallback: i } = m, r = $(m, ["form", "guideId", "confirmationFallback"]), l = new M(c).export().values;
-        return z(o, r, l), i;
-      }
-    });
-  });
-}
-function Pe(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.freetext",
-      render: import("./free-text-component.ae9f9cd6.js")
-    });
-  });
-}
-function Ee(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.link",
-      render: import("./link-component.484bbcf2.js")
-    });
-  });
-}
-function Ne(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "phone.text",
-      render: import("./phone-component.0c878514.js")
-    });
-  });
-}
-const E = (t, e) => b(void 0, null, function* () {
-  const n = t.get(e.clientName);
-  let { description: o, disabled: a, onClick: c } = e;
-  if (n) {
-    const { handleClick: s, handleDescription: i, handleDisabled: r } = n;
-    typeof s == "function" && (c = yield Promise.resolve(s(e))), typeof i == "function" && (o = yield Promise.resolve(i(e))), typeof r == "function" && (a = yield Promise.resolve(r(e)));
-  }
-  return Promise.resolve(y(h({}, e), {
-    description: o,
-    disabled: a,
-    onClick: c
-  }));
-});
-class I {
-  constructor(e, n) {
-    x(this, "adapters", /* @__PURE__ */ new Map());
-    x(this, "subs", []);
-    if (this.container = e, this.componentPlatform = n, n) {
-      n.components().ofType("contact-list").select().actions.watch("contact-list.fetched", (s, i) => b(this, null, function* () {
-        const { contactMethods: r } = s;
-        if (r) {
-          const l = Promise.all(
-            r.map(
-              (m) => E(this.adapters, m)
-            )
-          );
-          yield Promise.resolve(l).then((m) => {
-            s.contactMethods = m;
-          });
-        }
-        return i(s);
-      }));
-      const a = n.components().ofType("guide").select();
-      a.actions.watch("guide.fetched", (s, i) => b(this, null, function* () {
-        const { contactMethods: r } = s;
-        if (r) {
-          const l = Promise.all(
-            r.map(
-              (m) => E(this.adapters, m)
-            )
-          );
-          yield Promise.resolve(l).then((m) => {
-            s.contactMethods = m;
-          });
-        }
-        return i(s);
-      })), a.actions.watch("guide.handover", (s, i) => b(this, null, function* () {
-        const { handoverContactMethods: r } = s;
-        if (r) {
-          const l = Promise.all(
-            r.map(
-              (m) => E(this.adapters, m)
-            )
-          );
-          yield Promise.resolve(l).then((m) => {
-            s.handoverContactMethods = m;
-          });
-        }
-        return i(s);
-      })), n.components().ofType("contact-method").select().actions.watch("contact-method.fetched", (s, i) => b(this, null, function* () {
-        const { contactMethod: r } = s;
-        return r ? E(this.adapters, r).then(
-          (l) => i(y(h({}, s), { contactMethod: l }))
-        ) : i(s);
-      }));
-    }
-  }
-  static create(e) {
-    return F.getInstance(e).then((n) => new I(e, n));
-  }
-  static getInstance(e, n = "contactMethods") {
-    return te(e)(() => e.getAsync(n).then((o) => {
-      let a = o;
-      return a || F.getInstance(e).then((c) => (a = new I(e, c), e.registerAsync(n, () => a), a));
-    }));
-  }
-  track(e = {}, n) {
-    const { events: o } = this.container.get("$widget");
-    o.dispatch("tracking:service-client-response", {
-      type: n,
-      data: e
-    });
-  }
-  complete(e) {
-    const { id: n, title: o, clientName: a, expanded: c, body: s } = e;
-    this.track(
-      { contactMethod: { id: n, title: o, expanded: c, type: a }, hasGuide: !!s.guideId },
-      "contact-method-complete"
-    );
-    const i = this.adapters.get(a);
-    if (i && i.onComplete)
-      return i.onComplete(e);
-  }
-  evaluate(e) {
-    const { clientName: n } = e, o = this.adapters.get(n);
-    return o && o.onEvaluate ? Promise.resolve(o.onEvaluate(e)) : Promise.resolve(e.body.form);
-  }
-  validate(e) {
-    const { id: n, title: o, clientName: a } = e, c = this.adapters.get(a);
-    return c && c.onValidate ? Promise.resolve(c.onValidate(e)).then((s) => {
-      this.track(
-        { contactMethod: { id: n, title: o, type: a }, isValid: s.valid },
-        "contact-method-validate"
-      );
-      const { events: i } = this.container.get("$widget");
-      return i.dispatch("form:validated", { isValid: s.valid }), s;
-    }) : Promise.resolve({ valid: !0 });
-  }
-  submit(e) {
-    const { clientName: n } = e, o = this.adapters.get(n);
-    return o && o.onSubmit ? Promise.resolve(o.onSubmit(e)).then((a) => (this.complete(e), a)) : Promise.resolve("");
-  }
-  create(e) {
-    const { clientName: n, render: o } = e;
-    return this.adapters.set(n, h({
-      onValidate: (a) => k(this.container, a),
-      onEvaluate: (a) => B(this.container, a),
-      onComplete: (a) => w(this.container, a)
-    }, e)), this.container.getAsync("componentResolver").then((a) => {
-      typeof o == "string" ? this.subs.push(a.registerAlias(n, o)) : this.subs.push(
-        a.registerComponent(
-          n,
-          re(() => o)
-        )
-      );
-    });
-  }
-  dispose() {
-    this.subs.forEach((e) => e());
-  }
-}
-v(le)`
-    ${O(
-  "h1",
-  N`
-            font-weight: normal;
-            font-size: ${(t) => {
-    var e;
-    return (e = t.theme.fonts) == null ? void 0 : e.medium;
-  }};
-        `
-)}
-`;
-const Se = v(me)`
-    ${de}
-    font-weight: 300;
-    line-height: 1.5em;
-    button:focus-visible {
-        ${H};
-    }
-
-    a:focus-visible {
-        ${ue};
-    }
-`, xe = (t) => {
-  const e = fe(t.clientName), {
-    params: { contactCategory: n, guideCategory: o, phrase: a }
-  } = ge();
-  if (typeof e == "undefined")
-    return null;
-  if (e === null)
-    return process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(Ae, {
-      title: `client-name: ${t.clientName}, id: ${t.id}`,
-      className: "humany-non-resolved-contact-method"
-    }, /* @__PURE__ */ d.createElement(ye, {
-      variant: "h5"
-    }, "Non resolved Contact Method type")) : null;
-  const c = (s = {}) => {
-    const i = h(h({}, t), s), {
-      id: r,
-      title: l,
-      clientName: m,
-      symbol: u,
-      inline: g,
-      onClick: C = () => {
-      },
-      description: f,
-      htmlParseInstruction: R,
-      className: G,
-      disabled: U,
-      guideId: W,
-      dispatch: V = () => {
-      },
-      expanded: D
-    } = i, _ = g ? {
-      onKeyDown: (p) => {
-        p.key && p.key === "Enter" && (C(p, i), p.defaultPrevented || !D && V("expand", r));
-      },
-      onClick: (p) => {
-        C(p, i), p.defaultPrevented || !D && V("expand", r);
-      }
-    } : {
-      onClick: (p) => C(p, i),
-      routeName: "contact-method",
-      params: ne({
-        contactCategory: n,
-        guideId: W,
-        guideCategory: o,
-        phrase: a,
-        contactMethod: r,
-        uriName: oe(l)
-      })
-    };
-    return /* @__PURE__ */ d.createElement(Me, h(h({
-      title: l,
-      "aria-label": l,
-      className: G,
-      disabled: U,
-      description: f,
-      "data-client-name": m
-    }, s), _), u && /* @__PURE__ */ d.createElement(be, {
-      symbol: u
-    }), f ? /* @__PURE__ */ d.createElement("div", {
-      className: "humany-contact-link-rich-content"
-    }, /* @__PURE__ */ d.createElement(j, null, l), /* @__PURE__ */ d.createElement(Se, {
-      html: f,
-      htmlParseInstruction: R
-    })) : /* @__PURE__ */ d.createElement(j, null, l));
-  };
-  return t.expanded ? /* @__PURE__ */ d.createElement(se, {
-    fallback: null
-  }, /* @__PURE__ */ d.createElement(e, y(h({}, t), {
-    renderDefault: c
-  }))) : c();
-}, Ie = N`
-    display: flex;
-    padding: ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.large;
-}};
-    ${(t) => t.description ? "" : "align-items: center;"}
-    text-decoration: none;
-    span {
-        display: inline-block;
-        color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-    i {
-        font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.large;
-}};
-        margin: 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.large;
-}} 0 0;
-        min-height: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.large;
-}};
-        min-width: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.large;
-}};
-        line-height: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.large;
-}};
-        display: inline-block;
-        vertical-align: bottom;
-        color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-`, j = v(he)`
-    line-height: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.large;
-}};
-`, Me = v(pe)`
-    ${Ie}
-
-    &:focus-visible {
-        ${H};
-    }
-`, Ae = v.div`
-    text-align: center;
-    display: block;
-    ${(t) => {
-  var e, n;
-  return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) != "undefined" && `color: ${(n = t.theme.colors) == null ? void 0 : n.warning};`;
-}}
-`, Re = N`
-    ${ve}
-
-    > div {
-        padding: ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.large;
-}};
-
-        ${O(
-  "h1",
-  N`
-                margin: 0;
-            `
-)}
-    }
-    > ul {
-        &:not(:first-child) {
-            border-top: ${(t) => t.theme.border};
-        }
-
-        > li {
-            margin: 0;
-            white-space: normal;
-
-            > a {
-                overflow: hidden;
-            }
-
-            &:first-child > a {
-                border-radius: ${(t) => `${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
-            }
-
-            &:last-child:not(:first-child) > a {
-                border-radius: ${(t) => `0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
-            }
-
-            &:not(:last-child) {
-                border-bottom: ${(t) => t.theme.border};
-            }
-
-            > div {
-                padding: ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.large;
-}};
-            }
-        }
-    }
-
-    @media (hover: hover) {
-        a:hover {
-            background-color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.accent;
-}};
-        }
-    }
-`, Ve = v(Ce)`
-    ${Re}
-`, qe = ({
-  contactMethods: t,
-  children: e,
-  guideId: n,
-  dispatch: o,
-  className: a = "",
-  itemRenderer: c,
-  action: s = () => {
-  },
-  header: i = ""
-}) => t.length ? /* @__PURE__ */ d.createElement(Ve, {
-  header: i,
-  className: ae(a, "humany-contact-list"),
-  items: t,
-  renderItem: c ? (r) => /* @__PURE__ */ d.createElement("li", {
-    key: r.id,
-    "data-contact-method": r.id
-  }, c(r, { action: s, dispatch: o, guideId: n })) : (r) => /* @__PURE__ */ d.createElement("li", {
-    key: r.id,
-    "data-contact-method": r.id
-  }, /* @__PURE__ */ d.createElement(xe, y(h({}, r), {
-    action: s,
-    dispatch: o,
-    guideId: n
-  })))
-}, e) : null, K = (t, e) => {
-  if (t.actionKey === e)
-    return t;
-  if (!t.properties)
-    return null;
-  const n = Object.keys(t.properties);
-  let o;
-  for (let a = 0; a < n.length; a++)
-    if (o = K(t.properties[n[a]], e), o)
-      return o;
-  return !1;
-}, Be = ({
-  className: t,
-  body: { form: e },
-  id: n,
-  action: o,
-  dispatch: a,
-  disabled: c,
-  autoFocus: s
-}) => {
-  if (e && !c) {
-    const { schema: i, layout: r, data: l, meta: m } = e, u = a || o || (() => {
-    });
-    return /* @__PURE__ */ d.createElement(Z, {
-      className: t,
-      schema: i,
-      layout: r,
-      data: l,
-      autoFocus: s,
-      onChange: (g, C) => {
-        const f = { schema: i, layout: r, data: C, meta: m };
-        g.toString() === "submit" ? u("submit", { id: n, form: f }) : K(i, g).evaluate ? u("evaluate", { id: n, form: f }) : u("validate", { id: n, form: f });
-      }
-    });
-  }
-  return null;
-}, Ke = (t) => {
-  const [e, n] = ie(null), o = $e();
-  return ce(() => {
-    let a;
-    return o.getAsync("componentResolver").then((c) => {
-      a = c.registerResolver(
-        t,
-        (s) => n(s)
-      );
-    }), () => {
-      a && a();
-    };
-  }, [t]), e;
-};
-function De(t) {
-  t.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.webservice",
-      render: "email.form",
-      onValidate: (n) => k(t, n),
-      onComplete: (n) => w(t, n),
-      onSubmit: (n) => q(t, n, (o) => y(h({}, o), {
-        ConfirmationText: o.ResponseHtml
-      }))
-    });
-  });
-}
-const Ge = (t, e, n) => t.getAsync("contactMethods").then((o) => {
-  o.create({
-    clientName: e,
-    render: "email.form",
-    handleClick: () => (a, c) => {
-      const {
-        body: m
-      } = c, u = m, { form: s, guideId: i, confirmationFallback: r } = u, l = $(u, ["form", "guideId", "confirmationFallback"]);
-      s || (a.preventDefault(), n(l));
-    },
-    onValidate: (a) => k(t, a),
-    onComplete: (a) => w(t, a),
-    onSubmit: (a) => {
-      const {
-        body: m
-      } = a, u = m, { form: c, guideId: s, confirmationFallback: i } = u, r = $(u, ["form", "guideId", "confirmationFallback"]), { values: l } = new M(c).export();
-      return Promise.resolve(n(r, l)).then((g) => g || i);
-    }
-  });
-});
-class Ue extends ee {
-  constructor(e, n) {
-    super(e, n), this.widget.implementation.configure((a) => {
-      a.plugin(ke).plugin(we).plugin(Pe).plugin(Ne).plugin(De).plugin(Ee);
-    });
-  }
-}
-export {
-  qe as C,
-  Se as D,
-  Be as F,
-  Re as a,
-  Ie as b,
-  we as c,
-  xe as d,
-  I as e,
-  w as f,
-  B as g,
-  ke as h,
-  Pe as i,
-  Ge as j,
-  Ue as k,
-  Ee as l,
-  Ne as p,
-  q as s,
-  Ke as u,
-  k as v,
-  De as w
-};
-//# sourceMappingURL=index.52d085bd.js.map