@telia-ace/knowledge-widget-adapters 0.0.1

package/contact-methods/chat-popup/chat-popup-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+
+export default function chatPopupPlugin(container: Container): void;

package/contact-methods/chat-popup/index.d.ts

@@ -0,0 +1 @@
+export { default as ChatPopupPlugin } from './chat-popup-plugin';

package/contact-methods/email/email-form-component.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ContactMethodProps } from '../ui';
+
+declare const EmailFormComponent: React.FC<ContactMethodProps>;
+export default EmailFormComponent;

package/contact-methods/email/email-plugin.d.ts

@@ -0,0 +1,17 @@
+import { SubmissionApiResult } from '@telia-ace/knowledge-serviceclient';
+import { Container } from '@webprovisions/platform';
+import { ContactMethodType } from '../ui';
+
+export declare const submit: (container: Container, contactMethod: ContactMethodType, transform?: ((response: any) => SubmissionApiResult) | undefined) => Promise<string>;
+export declare const validate: (container: Container, contactMethod: ContactMethodType) => Promise<{
+    valid: boolean;
+    errors: {
+        [key: string]: string;
+    };
+    errorTypes: {
+        [key: string]: string;
+    };
+}>;
+export declare const evaluate: (container: Container, contactMethod: ContactMethodType) => Promise<import('../../../../../forms/src/index.ts').Form>;
+export declare const complete: (container: Container, contactMethod: ContactMethodType) => Promise<void>;
+export default function emailPlugin(container: Container): void;

package/contact-methods/email/index.d.ts

@@ -0,0 +1 @@
+export { complete as defaultComplete, default as EmailPlugin, evaluate as defaultEvaluate, submit as defaultSubmit, validate as defaultValidate, } from './email-plugin';

package/contact-methods/free-text/free-text-component.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ContactMethodProps } from '../ui';
+
+declare const FreeTextComponent: React.FC<ContactMethodProps>;
+export default FreeTextComponent;

package/contact-methods/free-text/free-text-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+
+export default function freeTextPlugin(container: Container): void;

package/contact-methods/free-text/index.d.ts

@@ -0,0 +1 @@
+export { default as FreeTextPlugin } from './free-text-plugin';

package/contact-methods/index.d.ts

@@ -0,0 +1,10 @@
+export { ChatPopupPlugin } from './chat-popup';
+export { defaultComplete, defaultEvaluate, defaultSubmit, defaultValidate, EmailPlugin, } from './email';
+export { FreeTextPlugin } from './free-text';
+export { LinkPlugin } from './link';
+export { PhonePlugin } from './phone';
+export { default as ContactMethodPlatform } from './platform';
+export type { Click as ContactMethodClick, ReactComponentImport, } from './platform';
+export { contactItemList, contactLink, ContactList, ContactMethod, Form as DefaultForm, useContactMethod, } from './ui';
+export type { ContactMethodType } from './ui';
+export { WebServicePlugin } from './web-service';

package/contact-methods/link/index.d.ts

@@ -0,0 +1 @@
+export { default as LinkPlugin } from './link-plugin';

package/contact-methods/link/link-component.d.ts

@@ -0,0 +1,4 @@
+import { ContactMethodProps } from '../ui';
+import * as React from 'react';
+declare const LinkComponent: React.FC<ContactMethodProps>;
+export default LinkComponent;

package/contact-methods/link/link-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+
+export default function linkPlugin(container: Container): void;

package/contact-methods/phone/index.d.ts

@@ -0,0 +1 @@
+export { default as PhonePlugin } from './phone-plugin';

package/contact-methods/phone/phone-component.d.ts

@@ -0,0 +1,4 @@
+import { ContactMethodProps } from '../ui';
+import * as React from 'react';
+declare const PhoneComponent: React.FC<ContactMethodProps>;
+export default PhoneComponent;

package/contact-methods/phone/phone-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+
+export default function phonePlugin(container: Container): void;

package/contact-methods/platform.d.ts

@@ -0,0 +1,67 @@
+import { ComponentPlatform } from '../../../core/src/index.ts';
+import { Form } from '../../../../forms/src/index.ts';
+import { Container } from '@webprovisions/platform';
+import { default as React } from 'react';
+import { ContactMethodProps } from './ui';
+
+export type ReactComponentImport = Promise<{
+    default: React.FunctionComponent<any>;
+}>;
+export type Click = (e: React.MouseEvent, cm: ContactMethodProps) => void;
+export type AdapterSettings = {
+    clientName: string;
+    render: string | ReactComponentImport;
+    handleDescription?: (cm: ContactMethodProps) => Promise<string> | string;
+    handleDisabled?: (cm: ContactMethodProps) => Promise<boolean> | boolean;
+    handleClick?: (cm: ContactMethodProps) => Promise<Click> | Click;
+    onEvaluate?: (cm: ContactMethodProps) => Promise<Form> | Form;
+    onValidate?: (cm: ContactMethodProps) => Promise<ValidationResult> | ValidationResult;
+    onSubmit?: (cm: ContactMethodProps) => Promise<string> | string;
+    onComplete?: (cm: ContactMethodProps) => Promise<void> | void;
+};
+export type ValidationResult = {
+    errors?: {
+        [key: string]: string;
+    };
+    errorTypes?: {
+        [key: string]: string;
+    };
+    valid: boolean;
+};
+export declare enum ContactMethodTrackTypes {
+    ContactMethodValidate = "contact-method-validate",
+    ContactMethodComplete = "contact-method-complete"
+}
+declare class ContactMethodPlatform {
+    private container;
+    private componentPlatform;
+    private adapters;
+    private subs;
+    static create(container: Container): Promise<ContactMethodPlatform>;
+    handleAdapters(cm: ContactMethodProps): Promise<Merge<import('./ui').ContactMethodType, {
+        className?: string | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>, properties: Merge<import('./ui').ContactMethodType, any>) => void) | undefined;
+        renderDefault?: ((extraProps?: any) => any) | undefined;
+        htmlParseInstruction?: import('../../../../ui/src/index.ts').HtmlParseInstruction | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+        disabled?: boolean | undefined;
+        action?: ((action: string, value: any) => void) | undefined;
+        dispatch?: import('../../../../ui/src/index.ts').DispatchAction | undefined;
+        symbol?: import('../../../core/src/index.ts').Symbol | undefined;
+        description?: string | undefined;
+        confirmation?: string | undefined;
+        guideId?: string | undefined;
+        autoFocus?: boolean | undefined;
+    }>>;
+    constructor(container: Container, componentPlatform: ComponentPlatform);
+    static getInstance(container: Container, key?: string): Promise<ContactMethodPlatform>;
+    private track;
+    complete(contactMethod: ContactMethodProps): void | Promise<void>;
+    evaluate(contactMethod: ContactMethodProps): Promise<Form>;
+    validate(contactMethod: ContactMethodProps): Promise<ValidationResult>;
+    submit(contactMethod: ContactMethodProps): Promise<string>;
+    create(settings: AdapterSettings): Promise<void>;
+    dispose(): void;
+}
+export default ContactMethodPlatform;

package/contact-methods/ui/confirmation.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export type Props = {
+    html: string;
+};
+declare const Confirmation: React.FC<Props>;
+export default Confirmation;

package/contact-methods/ui/contact-list.d.ts

@@ -0,0 +1,20 @@
+import { Theme } from '@emotion/react';
+import { DispatchAction } from '../../../../ui/src/index.ts';
+import { default as React, ReactNode } from 'react';
+import { ContactMethodType } from './contact-method';
+
+export declare const contactItemList: (p: {
+    theme: Theme;
+}) => import('@emotion/react').SerializedStyles;
+type Props = {
+    contactMethods: ContactMethodType[];
+    header?: string;
+    className?: string;
+    action?: (action: string, value?: any) => void;
+    dispatch?: DispatchAction;
+    children?: ReactNode;
+    itemRenderer?: (cm: any, props: any) => JSX.Element;
+    guideId?: string;
+};
+declare const ContactList: React.FC<Props>;
+export default ContactList;

package/contact-methods/ui/description.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('@emotion/styled').StyledComponent<any, {}, {
+    ref?: import('react').Ref<any> | undefined;
+}>;
+export default _default;

package/contact-methods/ui/form.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ContactMethodProps } from '.';
+
+declare const Form: React.FC<ContactMethodProps>;
+export default Form;

package/contact-methods/ui/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Confirmation } from './confirmation';
+export { contactItemList, default as ContactList } from './contact-list';
+export { contactLink, default as ContactMethod } from './contact-method';
+export type { ContactMethodType, Props as ContactMethodProps, } from './contact-method';
+export { default as Description } from './description';
+export { default as Form } from './form';
+export { default as useContactMethod } from './use-contact-method';

package/contact-methods/ui/use-contact-method.d.ts

@@ -0,0 +1,2 @@
+declare const useContactMethod: (clientName: string) => any | null;
+export default useContactMethod;

package/contact-methods/web-service/index.d.ts

@@ -0,0 +1 @@
+export { default as WebServicePlugin } from './web-service-plugin';

package/contact-methods/web-service/web-service-plugin.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+
+export default function webServicePlugin(container: Container): void;

package/create-adapter.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '@webprovisions/platform';
+
+export type Callback = (settings: {
+    [key: string]: any;
+}, data?: {
+    [key: string]: any;
+}) => Promise<string | void> | (string | void);
+export declare const createSubmitAdapter: (container: Container, clientName: string, fn: Callback) => Promise<void>;

package/default-contact-methods-plugin.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from '../../core/src/index.ts';
+import { Container } from '@webprovisions/platform';
+
+/**
+ * Registers default Humany contact methods.
+ */
+export declare class DefaultContactMethodsPlugin extends Plugin {
+    constructor(container: Container, settings: any);
+}

package/email-form-component-b618db4a.mjs

@@ -0,0 +1,54 @@
+import { jsx as e } from "react/jsx-runtime";
+import { css as l } from "@emotion/react";
+import c from "@emotion/styled";
+import { Html as f, genericHtml as d, headingElement as h } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as r } from "@telia-ace/widget-utilities";
+import { F as p } from "./index-4b2ec2f4.mjs";
+import "react";
+import "@telia-ace/widget-forms";
+import "@telia-ace/knowledge-widget-core";
+const u = c(f)`
+  ${d}
+
+  ${(t) => {
+  var m;
+  return h(t)(
+    "h1",
+    l`
+        font-weight: normal;
+        font-size: ${(m = t.theme.fonts) == null ? void 0 : m.medium};
+      `
+  );
+}}
+`, E = (t) => {
+  const {
+    className: m,
+    renderDefault: n = () => {
+    },
+    body: { form: a },
+    confirmation: o,
+    htmlParseInstruction: i,
+    disabled: s
+  } = t;
+  return o ? /* @__PURE__ */ e(
+    u,
+    {
+      className: r(
+        m,
+        "humany-contact-method-confirmation",
+        "humany-contact-method-email"
+      ),
+      html: o,
+      htmlParseInstruction: i
+    }
+  ) : a && !s ? /* @__PURE__ */ e(
+    p,
+    {
+      ...t,
+      className: r(m, "humany-contact-method-email")
+    }
+  ) : n();
+};
+export {
+  E as default
+};

package/email-form-component-d156932f.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("@emotion/react"),u=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),o=require("@telia-ace/widget-utilities"),d=require("./index-3c56a15f.js");require("react");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");const h=u(n.Html)`
+  ${n.genericHtml}
+
+  ${e=>{var t;return n.headingElement(e)("h1",l.css`
+        font-weight: normal;
+        font-size: ${(t=e.theme.fonts)==null?void 0:t.medium};
+      `)}}
+`,f=e=>{const{className:t,renderDefault:s=()=>{},body:{form:a},confirmation:r,htmlParseInstruction:m,disabled:c}=e;return r?i.jsx(h,{className:o.appendClassNames(t,"humany-contact-method-confirmation","humany-contact-method-email"),html:r,htmlParseInstruction:m}):a&&!c?i.jsx(d.Form,{...e,className:o.appendClassNames(t,"humany-contact-method-email")}):s()};exports.default=f;

package/free-text-component-6da84bfa.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),u=require("@telia-ace/widget-utilities"),o=require("./index-3c56a15f.js");require("@telia-ace/widget-forms");require("react");require("@telia-ace/knowledge-widget-core");require("@emotion/react");const c=({className:s,description:t,body:{freetext:r},htmlParseInstruction:i})=>r?e.jsxs("div",{className:u.appendClassNames(s,"humany-contact-method-free-text"),children:[e.jsx(d,{html:r,htmlParseInstruction:i}),t&&e.jsx(o.Description,{html:t,htmlParseInstruction:i})]}):null,d=l(n.Html)`
+  ${n.genericHtml};
+`;exports.default=c;

package/free-text-component-a4724ece.mjs

@@ -0,0 +1,35 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import i from "@emotion/styled";
+import { Html as l, genericHtml as s } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as n } from "@telia-ace/widget-utilities";
+import { D as a } from "./index-4b2ec2f4.mjs";
+import "@telia-ace/widget-forms";
+import "react";
+import "@telia-ace/knowledge-widget-core";
+import "@emotion/react";
+const D = ({
+  className: e,
+  description: t,
+  body: { freetext: m },
+  htmlParseInstruction: o
+}) => m ? /* @__PURE__ */ p(
+  "div",
+  {
+    className: n(e, "humany-contact-method-free-text"),
+    children: [
+      /* @__PURE__ */ r(d, { html: m, htmlParseInstruction: o }),
+      t && /* @__PURE__ */ r(
+        a,
+        {
+          html: t,
+          htmlParseInstruction: o
+        }
+      )
+    ]
+  }
+) : null, d = i(l)`
+  ${s};
+`;
+export {
+  D as default
+};

package/index-3c56a15f.js

@@ -0,0 +1,97 @@
+"use strict";var Z=Object.defineProperty;var _=(t,e,n)=>e in t?Z(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var N=(t,e,n)=>(_(t,typeof e!="symbol"?e+"":e,n),n);const C=require("@telia-ace/widget-forms"),I=require("@telia-ace/knowledge-widget-core"),k=require("@telia-ace/widget-utilities"),P=require("react"),u=require("react/jsx-runtime"),w=require("@emotion/react"),f=require("@emotion/styled"),m=require("@telia-ace/knowledge-widget-ui"),S=(t,e,n=!1)=>t.getManyAsync("matchingClient","router").then(i=>{const{formData:o}=new C.FormReader(e.body.form).export(n),{router:c,matchingClient:r}=i,{params:s}=c.getRouteData();return e.guideId=e.body.guideId||s.guideId,r.customRequest(`contactmethods/${e.id}${n?"/validatedwithpayload":""}`,"POST",{body:o,configuration:{guideId:e.body.guideId||s.guideId}})}),A=(t,e,n)=>S(t,e).then(i=>n?n(i):i).then(({ConfirmationText:i})=>i),y=(t,e)=>S(t,e,!0).then(n=>({valid:n.Validation.IsValid,errors:n.Validation.Errors,errorTypes:n.Validation.ErrorTypes})),j=(t,e)=>S(t,e,!0).then(n=>C.FormBuilder.fromLegacyForm(e.id,n.ContactMethod.Form).get()),b=(t,e)=>t.getAsync("matchingClient").then(n=>{n.completeContactMethod(e.id,{guideId:e.guideId})});function F(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"email.form",render:Promise.resolve().then(()=>require("./email-form-component-d156932f.js")),onEvaluate:n=>j(t,n),onValidate:n=>y(t,n),onSubmit:n=>A(t,n),onComplete:n=>b(t,n)})})}const q=(t,e,n)=>{const{url:i,width:o,height:c}=e,r=n||{},s=document.createElement("a");return s.href=i,s.search.replace("?","").split("&").forEach(a=>{const[d,l]=a.split("=");typeof l<"u"&&(r[d]=l)}),s.search=Object.keys(r).map(a=>`${a}=${r[a]}`).join("&"),window.open(s.href,t,`width=${o},height=${c}`),""};function M(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"chat.popup",render:"email.form",handleClick:n=>{const{title:i,body:o}=n,{form:c,guideId:r,confirmationFallback:s,...a}=o;return c?()=>{}:d=>{d.preventDefault(),q(i,a)}},onValidate:n=>y(t,n),onComplete:n=>b(t,n),onSubmit:n=>{const{title:i,body:o}=n,{form:c,guideId:r,confirmationFallback:s,...a}=o,d=new C.FormReader(c).export().values;return q(i,a,d),s}})})}function V(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.freetext",render:Promise.resolve().then(()=>require("./free-text-component-6da84bfa.js"))})})}function z(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.link",render:Promise.resolve().then(()=>require("./link-component-6fbdc8fb.js"))})})}function H(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"phone.text",render:Promise.resolve().then(()=>require("./phone-component-ebf50e0d.js"))})})}const ee=async(t,e)=>{const n=t.get(e.clientName);let{description:i,disabled:o,onClick:c}=e;if(n){const{handleClick:r,handleDescription:s,handleDisabled:a}=n;typeof r=="function"&&(c=await Promise.resolve(r(e))),typeof s=="function"&&(i=await Promise.resolve(s(e))),typeof a=="function"&&(o=await Promise.resolve(a(e)))}return Promise.resolve({...e,description:i,disabled:o,onClick:c})};class x{constructor(e,n){N(this,"adapters",new Map);N(this,"subs",[]);if(this.container=e,this.componentPlatform=n,n){n.components().ofType("contact-list").select().actions.watch("contact-list.fetched",async(r,s)=>{const{contactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.contactMethods=l})}return s(r)});const o=n.components().ofType("guide").select();o.actions.watch("guide.fetched",async(r,s)=>{const{contactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.contactMethods=l})}return s(r)}),o.actions.watch("guide.handover",async(r,s)=>{const{handoverContactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.handoverContactMethods=l})}return s(r)}),n.components().ofType("contact-method").select().actions.watch("contact-method.fetched",async(r,s)=>{const{contactMethod:a}=r;return a?this.handleAdapters(a).then(d=>s({...r,contactMethod:d})):s(r)})}}static create(e){return I.ComponentPlatform.getInstance(e).then(n=>new x(e,n))}handleAdapters(e){return ee(this.adapters,e)}static getInstance(e,n="contactMethods"){return k.lock(e)(()=>e.getAsync(n).then(i=>{let o=i;return o||I.ComponentPlatform.getInstance(e).then(c=>(o=new x(e,c),e.registerAsync(n,()=>o),o))}))}track(e={},n){const{events:i}=this.container.get("$widget");i.dispatch("tracking:service-client-response",{type:n,data:e})}complete(e){const{id:n,title:i,clientName:o,expanded:c,body:r}=e;this.track({contactMethod:{id:n,title:i,expanded:c,type:o},hasGuide:!!r.guideId},"contact-method-complete");const s=this.adapters.get(o);if(s&&s.onComplete)return s.onComplete(e)}evaluate(e){const{clientName:n}=e,i=this.adapters.get(n);return i&&i.onEvaluate?Promise.resolve(i.onEvaluate(e)):Promise.resolve(e.body.form)}validate(e){const{id:n,title:i,clientName:o}=e,c=this.adapters.get(o);return c&&c.onValidate?Promise.resolve(c.onValidate(e)).then(r=>{this.track({contactMethod:{id:n,title:i,type:o},isValid:r.valid},"contact-method-validate");const{events:s}=this.container.get("$widget");return s.dispatch("form:validated",{isValid:r.valid}),r}):Promise.resolve({valid:!0})}submit(e){const{clientName:n}=e,i=this.adapters.get(n);return i&&i.onSubmit?Promise.resolve(i.onSubmit(e)).then(o=>(this.complete(e),o)):Promise.resolve("")}create(e){const{clientName:n,render:i}=e;return this.adapters.set(n,{onValidate:o=>y(this.container,o),onEvaluate:o=>j(this.container,o),onComplete:o=>b(this.container,o),...e}),this.container.getAsync("componentResolver").then(o=>{typeof i=="string"?this.subs.push(o.registerAlias(n,i)):this.subs.push(o.registerComponent(n,P.lazy(()=>i)))})}dispose(){this.subs.forEach(e=>e())}}f(m.Paragraph)`
+  ${t=>{var e;return m.headingElement(t)("h1",w.css`
+        font-weight: normal;
+        font-size: ${(e=t.theme.fonts)==null?void 0:e.medium};
+      `)}}
+`;const O=f(m.Html)`
+  ${m.genericHtml}
+  font-weight: 300;
+  line-height: 1.5em;
+  button:focus-visible {
+    ${m.borderTabStyle};
+  }
+
+  a:focus-visible {
+    ${m.linkTabStyle};
+  }
+`,U=t=>{const e=m.useComponent(t.clientName),{params:{contactCategory:n,guideCategory:i,phrase:o}}=m.useRouteData();if(typeof e>"u")return null;if(e===null)return process.env.NODE_ENV!=="production"?u.jsx(ne,{title:`client-name: ${t.clientName}, id: ${t.id}`,className:"humany-non-resolved-contact-method",children:u.jsx(m.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const c=(r={})=>{const s={...t,...r},{id:a,title:d,clientName:l,symbol:p,inline:$,onClick:v=()=>{},description:g,htmlParseInstruction:T,className:J,disabled:Q,guideId:X,dispatch:E=()=>{},expanded:L}=s,Y=$?{onKeyDown:h=>{h.key&&h.key==="Enter"&&(v(h,s),h.defaultPrevented||!L&&E("expand",a))},onClick:h=>{v(h,s),h.defaultPrevented||!L&&E("expand",a)}}:{onClick:h=>v(h,s),routeName:"contact-method",params:k.createParams({contactCategory:n,guideId:X,guideCategory:i,phrase:o,contactMethod:a,uriName:k.formatUrl(d)})};let R;if(l==="phone.text"||l==="ace.phone"||l==="ace.callback"){const h=document.createElement("div");h.innerHTML=g,R=h.innerText}return u.jsxs(te,{title:d,"aria-label":l==="phone.text"||l==="ace.phone"||l==="ace.callback"?`${d} ${R}`:d,className:J,disabled:Q,description:g,"data-client-name":l,...r,...Y,children:[p&&u.jsx(m.SymbolBadge,{symbol:p}),g?u.jsxs("div",{className:"humany-contact-link-rich-content",children:[u.jsx(D,{children:d}),u.jsx(O,{html:g,htmlParseInstruction:T})]}):u.jsx(D,{children:d})]})};return t.expanded?u.jsx(P.Suspense,{fallback:null,children:u.jsx(e,{...t,renderDefault:c})}):c()},W=t=>{var e,n,i,o,c,r,s,a;return w.css`
+  display: flex;
+  padding: ${(e=t.theme.sizes)==null?void 0:e.large};
+  ${t.description?"":"align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(n=t.theme.colors)==null?void 0:n.text};
+  }
+  i {
+    font-size: ${(i=t.theme.fonts)==null?void 0:i.large};
+    margin: 0 ${(o=t.theme.sizes)==null?void 0:o.large} 0 0;
+    min-height: ${(c=t.theme.fonts)==null?void 0:c.large};
+    min-width: ${(r=t.theme.fonts)==null?void 0:r.large};
+    line-height: ${(s=t.theme.fonts)==null?void 0:s.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(a=t.theme.colors)==null?void 0:a.text};
+  }
+`},D=f(m.StyledText)`
+  line-height: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.large}};
+`,te=f(m.Link)`
+  ${t=>W(t)}
+
+  &:focus-visible {
+    ${m.borderTabStyle};
+  }
+`,ne=f.div`
+  text-align: center;
+  display: block;
+  ${t=>{var e,n;return typeof((e=t.theme.colors)==null?void 0:e.warning)<"u"&&`color: ${(n=t.theme.colors)==null?void 0:n.warning};`}}
+`,B=t=>{var e,n,i;return w.css`
+  ${m.itemList(t)}
+
+  > div {
+    padding: ${(e=t.theme.sizes)==null?void 0:e.large};
+
+    ${m.headingElement(t)("h1",w.css`
+        margin: 0;
+      `)}
+  }
+
+  > ul {
+    &:not(:first-child) {
+      border-top: ${t.theme.border};
+    }
+
+    > li {
+      margin: 0;
+      white-space: normal;
+
+      > a {
+        overflow: hidden;
+      }
+
+      &:first-child > a {
+        border-radius: ${`${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
+      }
+
+      &:last-child:not(:first-child) > a {
+        border-radius: ${`0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
+      }
+
+      &:not(:last-child) {
+        border-bottom: ${t.theme.border};
+      }
+
+      > div {
+        padding: ${(n=t.theme.sizes)==null?void 0:n.large};
+      }
+    }
+  }
+
+  @media (hover: hover) {
+    a:hover {
+      background-color: ${(i=t.theme.colors)==null?void 0:i.accent};
+    }
+  }
+`},oe=f(m.ItemList)`
+  ${t=>B(t)}
+`,ie=({contactMethods:t,children:e,guideId:n,dispatch:i,className:o="",itemRenderer:c,action:r=()=>{},header:s=""})=>{const a=m.useContainer(),{events:d}=a.get("$widget");return t.length?u.jsx(oe,{header:s,className:k.appendClassNames(o,"humany-contact-list"),items:t,renderItem:c?l=>u.jsx("li",{role:t.length===1&&t[0].expanded?"none":void 0,"data-contact-method":l.id,children:c(l,{action:r,dispatch:i,guideId:n})},l.id):l=>u.jsx("li",{role:t.length===1&&t[0].expanded?"none":void 0,"data-contact-method":l.id,onClick:()=>{d.dispatch("tracking:contact-list-item-clicked",l)},children:u.jsx(U,{...l,action:r,dispatch:i,guideId:n})},l.id),children:e}):null},K=(t,e)=>{if(t.actionKey===e)return t;if(!t.properties)return null;const n=Object.keys(t.properties);let i;for(let o=0;o<n.length;o++)if(i=K(t.properties[n[o]],e),i)return i;return!1},re=({className:t,body:{form:e},id:n,action:i,dispatch:o,disabled:c,autoFocus:r})=>{if(e&&!c){const{schema:s,layout:a,data:d,meta:l}=e,p=o||i||(()=>{});return u.jsx(C.FormComponent,{className:t,schema:s,layout:a,data:d,autoFocus:r,onChange:($,v)=>{const g={schema:s,layout:a,data:v,meta:l};$.toString()==="submit"?p("submit",{id:n,form:g}):K(s,$).evaluate?p("evaluate",{id:n,form:g}):p("validate",{id:n,form:g})}})}return null},se=t=>{const[e,n]=P.useState(null),i=m.useContainer();return P.useEffect(()=>{let o;return i.getAsync("componentResolver").then(c=>{o=c.registerResolver(t,r=>n(r))}),()=>{o&&o()}},[t]),e};function G(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.webservice",render:"email.form",onValidate:n=>y(t,n),onComplete:n=>b(t,n),onSubmit:n=>A(t,n,i=>({...i,ConfirmationText:i.ResponseHtml}))})})}const ae=(t,e,n)=>t.getAsync("contactMethods").then(i=>{i.create({clientName:e,render:"email.form",handleClick:()=>(o,c)=>{const{body:{form:r,guideId:s,confirmationFallback:a,...d}}=c;r||(o.preventDefault(),n(d))},onValidate:o=>y(t,o),onComplete:o=>b(t,o),onSubmit:o=>{const{body:{form:c,guideId:r,confirmationFallback:s,...a}}=o,{values:d}=new C.FormReader(c).export();return Promise.resolve(n(a,d)).then(l=>l||s)}})});class ce extends I.Plugin{constructor(e,n){super(e,n),this.widget.implementation.configure(o=>{o.plugin(F).plugin(M).plugin(V).plugin(H).plugin(G).plugin(z)})}}exports.ContactList=ie;exports.ContactMethod=U;exports.ContactMethodPlatform=x;exports.DefaultContactMethodsPlugin=ce;exports.Description=O;exports.Form=re;exports.chatPopupPlugin=M;exports.complete=b;exports.contactItemList=B;exports.contactLink=W;exports.createSubmitAdapter=ae;exports.emailPlugin=F;exports.evaluate=j;exports.freeTextPlugin=V;exports.linkPlugin=z;exports.phonePlugin=H;exports.submit=A;exports.useContactMethod=se;exports.validate=y;exports.webServicePlugin=G;

package/index-4b2ec2f4.mjs

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

package/index.d.ts

@@ -0,0 +1,5 @@
+export { ChatPopupPlugin, contactItemList, contactLink, ContactList, ContactMethod, ContactMethodPlatform, defaultComplete, defaultEvaluate, DefaultForm, defaultSubmit, defaultValidate, EmailPlugin as EmailFormPlugin, FreeTextPlugin, LinkPlugin, PhonePlugin, useContactMethod, WebServicePlugin, } from './contact-methods';
+export type { ContactMethodClick, ContactMethodType, ReactComponentImport, } from './contact-methods';
+export { createSubmitAdapter } from './create-adapter';
+export type { Callback } from './create-adapter';
+export { DefaultContactMethodsPlugin } from './default-contact-methods-plugin';

package/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-3c56a15f.js");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");require("@telia-ace/widget-utilities");require("react");require("react/jsx-runtime");require("@emotion/react");require("@emotion/styled");require("@telia-ace/knowledge-widget-ui");exports.ChatPopupPlugin=t.chatPopupPlugin;exports.ContactList=t.ContactList;exports.ContactMethod=t.ContactMethod;exports.ContactMethodPlatform=t.ContactMethodPlatform;exports.DefaultContactMethodsPlugin=t.DefaultContactMethodsPlugin;exports.DefaultForm=t.Form;exports.EmailFormPlugin=t.emailPlugin;exports.FreeTextPlugin=t.freeTextPlugin;exports.LinkPlugin=t.linkPlugin;exports.PhonePlugin=t.phonePlugin;exports.WebServicePlugin=t.webServicePlugin;exports.contactItemList=t.contactItemList;exports.contactLink=t.contactLink;exports.createSubmitAdapter=t.createSubmitAdapter;exports.defaultComplete=t.complete;exports.defaultEvaluate=t.evaluate;exports.defaultSubmit=t.submit;exports.defaultValidate=t.validate;exports.useContactMethod=t.useContactMethod;

package/index.mjs

@@ -0,0 +1,30 @@
+import { c as r, C as p, d as c, e as d, k as P, F as f, h as g, i as C, l as h, p as b, w as F, a as L, b as M, j as k, f as v, g as S, s as x, v as D, u as E } from "./index-4b2ec2f4.mjs";
+import "@telia-ace/widget-forms";
+import "@telia-ace/knowledge-widget-core";
+import "@telia-ace/widget-utilities";
+import "react";
+import "react/jsx-runtime";
+import "@emotion/react";
+import "@emotion/styled";
+import "@telia-ace/knowledge-widget-ui";
+export {
+  r as ChatPopupPlugin,
+  p as ContactList,
+  c as ContactMethod,
+  d as ContactMethodPlatform,
+  P as DefaultContactMethodsPlugin,
+  f as DefaultForm,
+  g as EmailFormPlugin,
+  C as FreeTextPlugin,
+  h as LinkPlugin,
+  b as PhonePlugin,
+  F as WebServicePlugin,
+  L as contactItemList,
+  M as contactLink,
+  k as createSubmitAdapter,
+  v as defaultComplete,
+  S as defaultEvaluate,
+  x as defaultSubmit,
+  D as defaultValidate,
+  E as useContactMethod
+};

package/link-component-1c24e6af.mjs

@@ -0,0 +1,17 @@
+import { appendClassNames as s } from "@telia-ace/widget-utilities";
+const c = ({
+  className: t,
+  body: o,
+  renderDefault: a = () => {
+  }
+}) => {
+  const { uri: e, target: n, protocol: r } = o;
+  return a({
+    target: n,
+    className: s(t, "humany-contact-method-link"),
+    href: `${r}${e}`
+  });
+};
+export {
+  c as default
+};

package/link-component-6fbdc8fb.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@telia-ace/widget-utilities"),s=({className:t,body:e,renderDefault:o=()=>{}})=>{const{uri:n,target:r,protocol:a}=e;return o({target:r,className:i.appendClassNames(t,"humany-contact-method-link"),href:`${a}${n}`})};exports.default=s;

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@telia-ace/knowledge-widget-adapters",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/knowledge-serviceclient": "^1.0.31",
+    "@telia-ace/knowledge-widget-core": "*",
+    "@telia-ace/knowledge-widget-ui": "*",
+    "@telia-ace/widget-forms": "*",
+    "@telia-ace/widget-routing": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
+  }
+}

package/phone-component-25f3e937.mjs

@@ -0,0 +1,14 @@
+import { appendClassNames as a } from "@telia-ace/widget-utilities";
+const s = ({
+  className: e,
+  body: { phoneNumber: t },
+  renderDefault: o = () => {
+  }
+}) => o({
+  title: t,
+  className: a(e, "humany-contact-method-phone"),
+  href: `tel: ${t}`
+});
+export {
+  s as default
+};

package/phone-component-ebf50e0d.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@telia-ace/widget-utilities"),a=({className:t,body:{phoneNumber:e},renderDefault:o=()=>{}})=>o({title:e,className:n.appendClassNames(t,"humany-contact-method-phone"),href:`tel: ${e}`});exports.default=a;