@telia-ace/knowledge-widget-adapters 1.0.22 → 1.0.23

package/dist/email-form-component.e13f4117.js

@@ -0,0 +1,51 @@
+var h = Object.defineProperty, u = Object.defineProperties;
+var p = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var n = (m, t, e) => t in m ? h(m, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[t] = e, r = (m, t) => {
+  for (var e in t || (t = {}))
+    y.call(t, e) && n(m, e, t[e]);
+  if (a)
+    for (var e of a(t))
+      E.call(t, e) && n(m, e, t[e]);
+  return m;
+}, i = (m, t) => u(m, p(t));
+import { Html as N, genericHtml as g, headingElement as F } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as s } from "@telia-ace/widget-utilities";
+import * as l from "react";
+import H, { css as $ } from "styled-components";
+import { F as b } from "./index.e9a517ef.js";
+import "@telia-ace/widget-forms";
+import "@telia-ace/knowledge-widget-core";
+const C = H(N)`
+    ${g}
+
+    ${F("h1", $`
+            font-weight: normal;
+            font-size: ${(m) => {
+  var t;
+  return (t = m.theme.fonts) == null ? void 0 : t.medium;
+}};
+        `)}
+`, S = (m) => {
+  const {
+    className: t,
+    renderDefault: e = () => {
+    },
+    body: { form: c },
+    confirmation: o,
+    htmlParseInstruction: f,
+    disabled: d
+  } = m;
+  return o ? /* @__PURE__ */ l.createElement(C, {
+    className: s(t, "humany-contact-method-confirmation", "humany-contact-method-email"),
+    html: o,
+    htmlParseInstruction: f
+  }) : c && !d ? /* @__PURE__ */ l.createElement(b, i(r({}, m), {
+    className: s(t, "humany-contact-method-email")
+  })) : e();
+};
+export {
+  S as default
+};
+//# sourceMappingURL=email-form-component.e13f4117.js.map

package/dist/email-form-component.e13f4117.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-form-component.e13f4117.js","sources":["../src/contact-methods/email/email-form-component.tsx"],"sourcesContent":["import { genericHtml, headingElement, Html } from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ContactMethodProps, Form } from '../ui';\r\n\r\nconst StyledHtml = styled(Html)`\r\n    ${genericHtml}\r\n\r\n    ${headingElement(\r\n        'h1',\r\n        css`\r\n            font-weight: normal;\r\n            font-size: ${(p) => p.theme.fonts?.medium};\r\n        `\r\n    )}\r\n`;\r\n\r\nconst EmailFormComponent: React.FC<ContactMethodProps> = (props) => {\r\n    const {\r\n        className,\r\n        renderDefault = () => {},\r\n        body: { form },\r\n        confirmation,\r\n        htmlParseInstruction,\r\n        disabled,\r\n    } = props;\r\n\r\n    if (confirmation) {\r\n        return (\r\n            <StyledHtml\r\n                className={appendClassNames(\r\n                    className,\r\n                    'humany-contact-method-confirmation',\r\n                    'humany-contact-method-email'\r\n                )}\r\n                html={confirmation}\r\n                htmlParseInstruction={htmlParseInstruction}\r\n            />\r\n        );\r\n    }\r\n\r\n    if (form && !disabled) {\r\n        return (\r\n            <Form\r\n                {...props}\r\n                className={appendClassNames(className, 'humany-contact-method-email')}\r\n            />\r\n        );\r\n    }\r\n\r\n    return renderDefault();\r\n};\r\n\r\nexport default EmailFormComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAa,EAAO,CAAI;AAAA,MACxB;AAAA;AAAA,MAEA,EACE,MACA;AAAA;AAAA,yBAEiB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA,SAE3C;AAAA,GAGE,IAAmD,CAAC,MAAU;AAC1D,QAAA;AAAA,IACF;AAAA,IACA,mBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,MAAM,EAAE;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,MACA;AAEJ,SAAI,IAEK,kBAAA,cAAA,GAAA;AAAA,IACG,WAAW,EACP,GACA,sCACA,6BACJ;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EAAA,CACJ,IAIJ,KAAQ,CAAC,IAEJ,kBAAA,cAAA,GAAA,QACO,IADP;AAAA,IAEG,WAAW,EAAiB,GAAW,6BAA6B;AAAA,EAAA,EACxE,IAID,EAAc;AACzB;"}

package/dist/free-text-component.bea8185a.js

@@ -0,0 +1,27 @@
+import { Html as a, genericHtml as l } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as n } from "@telia-ace/widget-utilities";
+import * as t from "react";
+import p from "styled-components";
+import { D as c } from "./index.e9a517ef.js";
+import "@telia-ace/widget-forms";
+import "@telia-ace/knowledge-widget-core";
+const E = ({
+  className: o,
+  description: e,
+  body: { freetext: m },
+  htmlParseInstruction: r
+}) => m ? /* @__PURE__ */ t.createElement("div", {
+  className: n(o, "humany-contact-method-free-text")
+}, /* @__PURE__ */ t.createElement(i, {
+  html: m,
+  htmlParseInstruction: r
+}), e && /* @__PURE__ */ t.createElement(c, {
+  html: e,
+  htmlParseInstruction: r
+})) : null, i = p(a)`
+    ${l};
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=free-text-component.bea8185a.js.map

package/dist/free-text-component.bea8185a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-text-component.bea8185a.js","sources":["../src/contact-methods/free-text/free-text-component.tsx"],"sourcesContent":["import { genericHtml, Html } from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ContactMethodProps, Description } from '../ui';\r\n\r\nconst FreeTextComponent: React.SFC<ContactMethodProps> = ({\r\n    className,\r\n    description,\r\n    body: { freetext },\r\n    htmlParseInstruction,\r\n}) => {\r\n    if (!freetext) {\r\n        return null;\r\n    }\r\n    return (\r\n        <div className={appendClassNames(className, 'humany-contact-method-free-text')}>\r\n            <StyledHtml html={freetext} htmlParseInstruction={htmlParseInstruction} />\r\n            {description && (\r\n                <Description html={description} htmlParseInstruction={htmlParseInstruction} />\r\n            )}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default FreeTextComponent;\r\n\r\nconst StyledHtml = styled(Html)`\r\n    ${genericHtml};\r\n`;\r\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,IAAmD,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,MAAM,EAAE;AAAA,EACR;AAAA,MAEK,IAIA,kBAAA,cAAA,OAAA;AAAA,EAAI,WAAW,EAAiB,GAAW,iCAAiC;AAAA,GACxE,kBAAA,cAAA,GAAA;AAAA,EAAW,MAAM;AAAA,EAAU;AAA4C,CAAA,GACvE,KACI,kBAAA,cAAA,GAAA;AAAA,EAAY,MAAM;AAAA,EAAa;AAA4C,CAAA,CAEpF,IARO,MAcT,IAAa,EAAO,CAAI;AAAA,MACxB;AAAA;"}

package/dist/index.e9a517ef.js

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