@telia-ace/knowledge-widget-adapters 1.0.44-experimental.8 → 1.0.44

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

@@ -1,4 +1,4 @@
 import React from 'react';
-type ContactMethodProps = any;
+import { ContactMethodProps } from '../ui';
 declare const EmailFormComponent: React.FC<ContactMethodProps>;
 export default EmailFormComponent;

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

@@ -1,6 +1,6 @@
 import { SubmissionApiResult } from '@telia-ace/knowledge-serviceclient';
 import { Container } from '@webprovisions/platform';
-type ContactMethodType = any;
+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;
@@ -14,4 +14,3 @@ export declare const validate: (container: Container, contactMethod: ContactMeth
 export declare const evaluate: (container: Container, contactMethod: ContactMethodType) => Promise<import("@telia-ace/widget-forms").Form>;
 export declare const complete: (container: Container, contactMethod: ContactMethodType) => Promise<void>;
 export default function emailPlugin(container: Container): void;
-export {};

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

@@ -1,4 +1,4 @@
 import React from 'react';
-type ContactMethodProps = any;
+import { ContactMethodProps } from '../ui';
 declare const FreeTextComponent: React.FC<ContactMethodProps>;
 export default FreeTextComponent;

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

@@ -5,5 +5,6 @@ export { LinkPlugin } from './link';
 export { PhonePlugin } from './phone';
 export { default as ContactMethodPlatform } from './platform';
 export type { Click as ContactMethodClick, ReactComponentImport } from './platform';
-export { Form as DefaultForm, useContactMethod, } from './ui';
+export { contactItemList, contactLink, ContactList, ContactMethod, Form as DefaultForm, useContactMethod, } from './ui';
+export type { ContactMethodType } from './ui';
 export { WebServicePlugin } from './web-service';

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

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

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

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

package/dist/contact-methods/platform.d.ts

@@ -2,7 +2,7 @@ import { ComponentPlatform } from '@telia-ace/knowledge-widget-core';
 import { Form } from '@telia-ace/widget-forms';
 import { Container } from '@webprovisions/platform';
 import React from 'react';
-type ContactMethodProps = any;
+import { ContactMethodProps } from './ui';
 export type ReactComponentImport = Promise<{
     default: React.FunctionComponent<any>;
 }>;

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

@@ -1,3 +1,19 @@
-import React from 'react';
-declare const ContactList: React.FC<any>;
+import { Theme } from '@emotion/react';
+import { DispatchAction } from '@telia-ace/knowledge-widget-ui';
+import 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/dist/contact-methods/ui/contact-method.d.ts

@@ -1 +1,41 @@
-export {};
+import { Theme } from '@emotion/react';
+import { Symbol } from '@telia-ace/knowledge-widget-core';
+import { DispatchAction, HtmlParseInstruction } from '@telia-ace/knowledge-widget-ui';
+import React from 'react';
+export type ContactMethodType = {
+    id: string;
+    title: string;
+    symbol?: Symbol;
+    clientName: string;
+    expanded: boolean;
+    inline: boolean;
+    body: {
+        [key: string]: any;
+    };
+    description?: string;
+    confirmation?: string;
+    disabled?: boolean;
+    guideId?: string;
+};
+export type Props = Merge<ContactMethodType, {
+    className?: string;
+    onClick?: (event: React.MouseEvent, properties: Props) => void;
+    renderDefault?: (extraProps?: Partial<Props>) => any;
+    htmlParseInstruction?: HtmlParseInstruction;
+    href?: string;
+    target?: string;
+    disabled?: boolean;
+    action?: (action: string, value: any) => void;
+    dispatch?: DispatchAction;
+    symbol?: Symbol;
+    description?: string;
+    confirmation?: string;
+    guideId?: string;
+    autoFocus?: boolean;
+}>;
+declare const ContactMethod: React.FC<Props>;
+export default ContactMethod;
+export declare const contactLink: (p: {
+    theme: Theme;
+    description?: string;
+}) => import("@emotion/react").SerializedStyles;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: import("@emotion/styled").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
 export default _default;

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

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

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

@@ -1,4 +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/dist/email-form-component.c12f6804.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-form-component.c12f6804.js","sources":["../src/contact-methods/email/email-form-component.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { genericHtml, headingElement, Html } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactMethodProps, Form } from '../ui';\n\nconst StyledHtml = styled(Html)`\n    ${genericHtml}\n\n    ${(p) =>\n        headingElement(p)(\n            'h1',\n            css`\n                font-weight: normal;\n                font-size: ${p.theme.fonts?.medium};\n            `\n        )}\n`;\n\nconst EmailFormComponent: React.FC<ContactMethodProps> = (props) => {\n    const {\n        className,\n        renderDefault = () => {},\n        body: { form },\n        confirmation,\n        htmlParseInstruction,\n        disabled,\n    } = props;\n\n    if (confirmation) {\n        return (\n            <StyledHtml\n                className={appendClassNames(\n                    className,\n                    'humany-contact-method-confirmation',\n                    'humany-contact-method-email'\n                )}\n                html={confirmation}\n                htmlParseInstruction={htmlParseInstruction}\n            />\n        );\n    }\n\n    if (form && !disabled) {\n        return (\n            <Form\n                {...props}\n                className={appendClassNames(className, 'humany-contact-method-email')}\n            />\n        );\n    }\n\n    return renderDefault();\n};\n\nexport default EmailFormComponent;\n"],"names":["StyledHtml","styled","Html","genericHtml","p","headingElement","css","_a","EmailFormComponent","props","className","renderDefault","form","confirmation","htmlParseInstruction","disabled","React","appendClassNames","Form","__spreadProps","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,IAAaC,EAAOC,CAAI;AAAA,MACxBC;AAAA;AAAA,MAEA,CAACC;;AACC,SAAAC,EAAeD,CAAC;AAAA,IACZ;AAAA,IACAE;AAAA;AAAA,8BAEiBC,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,EAEpC;AAAA;AAAA,GAGFC,IAAmD,CAACC,MAAU;AAC1D,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,eAAAC,IAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,MAAM,EAAE,MAAAC,EAAK;AAAA,IACb,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,EACA,IAAAN;AAEJ,SAAII,IAEI,gBAAAG,EAAA;AAAA,IAAChB;AAAA,IAAA;AAAA,MACG,WAAWiB;AAAA,QACPP;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,MAAMG;AAAA,MACN,sBAAAC;AAAA,IAAA;AAAA,EAAA,IAKRF,KAAQ,CAACG,IAEL,gBAAAC,EAAA;AAAA,IAACE;AAAA,IAAAC,EAAAC,EAAA,IACOX,IADP;AAAA,MAEG,WAAWQ,EAAiBP,GAAW,6BAA6B;AAAA,IAAA;AAAA,EAAA,IAKzEC,EAAc;AACzB;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"free-text-component.c06abc12.js","sources":["../src/contact-methods/free-text/free-text-component.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { genericHtml, Html } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactMethodProps, Description } from '../ui';\n\nconst FreeTextComponent: React.FC<ContactMethodProps> = ({\n    className,\n    description,\n    body: { freetext },\n    htmlParseInstruction,\n}) => {\n    if (!freetext) {\n        return null;\n    }\n    return (\n        <div className={appendClassNames(className, 'humany-contact-method-free-text')}>\n            <StyledHtml html={freetext} htmlParseInstruction={htmlParseInstruction} />\n            {description && (\n                <Description html={description} htmlParseInstruction={htmlParseInstruction} />\n            )}\n        </div>\n    );\n};\n\nexport default FreeTextComponent;\n\nconst StyledHtml = styled(Html)`\n    ${genericHtml};\n`;\n"],"names":["FreeTextComponent","className","description","freetext","htmlParseInstruction","appendClassNames","React","StyledHtml","Description","styled","Html","genericHtml"],"mappings":";;;;;;;;AAMA,MAAMA,IAAkD,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAM,EAAE,UAAAC,EAAS;AAAA,EACjB,sBAAAC;AACJ,MACSD,oCAIA,OAAI,EAAA,WAAWE,EAAiBJ,GAAW,iCAAiC,KACxE,gBAAAK,EAAA,cAAAC,GAAA,EAAW,MAAMJ,GAAU,sBAAAC,EAAA,CAA4C,GACvEF,KACG,gBAAAI,EAAA,cAACE,KAAY,MAAMN,GAAa,sBAAAE,GAA4C,CAEpF,IARO,MAcTG,IAAaE,EAAOC,CAAI;AAAA,MACxBC;AAAA;"}