@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.46 → 0.0.1-alpha.47

package/dist/contact-method.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { DataType } from "@telia-ace/knowledge-widget-types-grid";
+import React, { createContext, useContext, Fragment } from "react";
+import styled from "styled-components";
+import { ContactMethod as ContactMethod$1 } from "@telia-ace/knowledge-widget-adapters";
+import { useDispatch } from "@telia-ace/knowledge-widget-ui";
+const EntryContext = createContext({
+  entryId: null
+});
+const ContactMethodItem = ({ contactMethod, className }) => {
+  const dispatch = useDispatch();
+  const { entryId } = useContext(EntryContext);
+  return /* @__PURE__ */ React.createElement(ContactMethod$1, __spreadProps(__spreadValues({
+    className,
+    onClick: (event) => {
+      if (contactMethod.inline) {
+        event.preventDefault();
+        dispatch("expand", {
+          entryId,
+          contactMethodId: contactMethod.id
+        });
+      } else {
+        dispatch("action", `${contactMethod.id}/contact-methods/${contactMethod.title}`);
+      }
+    },
+    dispatch
+  }, contactMethod), {
+    inline: true
+  }));
+};
+const ContactMethodList = (props) => {
+  return /* @__PURE__ */ React.createElement(Fragment, null, props.contactMethodList.map((contactMethod) => /* @__PURE__ */ React.createElement(StyledContactMethod, {
+    key: contactMethod.id,
+    type: props.type,
+    contactMethod,
+    expanded: !!contactMethod.executeImmediately || void 0
+  })));
+};
+const StyledContactMethod = styled(ContactMethodItem)`
+    border-bottom: 1px solid rgb(239, 239, 239);
+    padding: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+
+    &:last-child {
+        border-bottom: none;
+    }
+`;
+const ContactMethod = (props) => {
+  var _a, _b;
+  let type;
+  let methodList;
+  if (props.contactMethods && ((_a = props.contactMethods.contactMethods) == null ? void 0 : _a.length) > 0) {
+    type = DataType.ContactMethods;
+    methodList = props.contactMethods.contactMethods;
+  } else if (props.contactMethods.categories && ((_b = props.contactMethods.categories) == null ? void 0 : _b.length) > 0) {
+    type = DataType.ContactMethodCategories;
+    methodList = props.contactMethods.categories.filter((o) => o.matches > 0);
+  } else {
+    type = DataType.ContactMethod;
+    methodList = props.contactMethods;
+  }
+  if (!methodList.length) {
+    return /* @__PURE__ */ React.createElement(StyledContactMethodItem, {
+      type,
+      contactMethod: methodList
+    });
+  }
+  return /* @__PURE__ */ React.createElement(EntryContext.Provider, {
+    value: props.entry
+  }, /* @__PURE__ */ React.createElement(ContactMethodList, {
+    type,
+    contactMethodList: methodList
+  }));
+};
+const StyledContactMethodItem = styled(ContactMethodItem)`
+    padding: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+`;
+export { ContactMethod as default };
+//# sourceMappingURL=contact-method.js.map

package/dist/contact-method.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method.js","sources":["../src/contract/custom-component/entry-context.tsx","../src/contract/custom-component/contact-method-item.tsx","../src/contract/custom-component/contact-method-list.tsx","../src/contract/custom-component/contact-method.tsx"],"sourcesContent":["import { createContext } from 'react';\r\n\r\nexport type IEntryContext = {\r\n    entryId: string | null;\r\n};\r\n\r\nexport const EntryContext = createContext<IEntryContext>({\r\n    entryId: null,\r\n});\r\n","import { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';\r\nimport { useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport React, { useContext } from 'react';\r\nimport { EntryContext } from './entry-context';\r\n\r\ninterface PropsType {\r\n    contactMethod: any;\r\n    type: any;\r\n    expanded?: boolean;\r\n    className?: any;\r\n}\r\n\r\nconst ContactMethodItem: React.FC<PropsType> = ({ contactMethod, className }) => {\r\n    const dispatch = useDispatch();\r\n    const { entryId } = useContext(EntryContext);\r\n\r\n    return (\r\n        <GenericContactMethod\r\n            className={className}\r\n            onClick={(event: React.MouseEvent) => {\r\n                if (contactMethod.inline) {\r\n                    // preventing default to use a custom expand action\r\n                    event.preventDefault();\r\n                    dispatch('expand', {\r\n                        entryId,\r\n                        contactMethodId: contactMethod.id,\r\n                    });\r\n                } else {\r\n                    dispatch(\r\n                        'action',\r\n                        `${contactMethod.id}/contact-methods/${contactMethod.title}`\r\n                    );\r\n                }\r\n            }}\r\n            dispatch={dispatch}\r\n            {...contactMethod}\r\n            inline={true}\r\n        />\r\n    );\r\n};\r\n\r\nexport default ContactMethodItem;\r\n","import React, { Fragment } from 'react';\r\nimport styled from 'styled-components';\r\nimport ContactMethodItem from './contact-method-item';\r\n\r\ninterface PropsType {\r\n    contactMethodList: any;\r\n    type: any;\r\n}\r\n\r\nconst ContactMethodList: React.FC<PropsType> = (props: PropsType) => {\r\n    return (\r\n        <Fragment>\r\n            {props.contactMethodList.map((contactMethod: any) => (\r\n                <StyledContactMethod\r\n                    key={contactMethod.id}\r\n                    type={props.type}\r\n                    contactMethod={contactMethod}\r\n                    expanded={!!contactMethod.executeImmediately || undefined}\r\n                />\r\n            ))}\r\n        </Fragment>\r\n    );\r\n};\r\n\r\nconst StyledContactMethod = styled(ContactMethodItem)`\r\n    border-bottom: 1px solid rgb(239, 239, 239);\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n\r\n    &:last-child {\r\n        border-bottom: none;\r\n    }\r\n`;\r\n\r\nexport default ContactMethodList;\r\n","import { DataType } from '@telia-ace/knowledge-widget-types-grid';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport ContactMethodItem from './contact-method-item';\r\nimport ContactMethodList from './contact-method-list';\r\nimport { EntryContext } from './entry-context';\r\nconst ContactMethod: React.FC = (props: any) => {\r\n    let type;\r\n    let methodList;\r\n\r\n    if (props.contactMethods && props.contactMethods.contactMethods?.length > 0) {\r\n        type = DataType.ContactMethods;\r\n        methodList = props.contactMethods.contactMethods;\r\n    } else if (props.contactMethods.categories && props.contactMethods.categories?.length > 0) {\r\n        type = DataType.ContactMethodCategories;\r\n        methodList = props.contactMethods.categories.filter((o: any) => o.matches > 0);\r\n    } else {\r\n        type = DataType.ContactMethod;\r\n        methodList = props.contactMethods;\r\n    }\r\n\r\n    if (!methodList.length) {\r\n        return <StyledContactMethodItem type={type} contactMethod={methodList} />;\r\n    }\r\n\r\n    return (\r\n        <EntryContext.Provider value={props.entry}>\r\n            <ContactMethodList type={type} contactMethodList={methodList} />\r\n        </EntryContext.Provider>\r\n    );\r\n};\r\n\r\nconst StyledContactMethodItem = styled(ContactMethodItem)`\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n`;\r\n\r\nexport default ContactMethod;\r\n"],"names":["GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,eAAe,cAA6B;AAAA,EACrD,SAAS;AACb,CAAC;ACID,MAAM,oBAAyC,CAAC,EAAE,eAAe,gBAAgB;AAC7E,QAAM,WAAW;AACX,QAAA,EAAE,YAAY,WAAW,YAAY;AAE3C,SACK,sBAAA,cAAAA,iBAAA;AAAA,IACG;AAAA,IACA,SAAS,CAAC,UAA4B;AAClC,UAAI,cAAc,QAAQ;AAEtB,cAAM,eAAe;AACrB,iBAAS,UAAU;AAAA,UACf;AAAA,UACA,iBAAiB,cAAc;AAAA,QAAA,CAClC;AAAA,MAAA,OACE;AACH,iBACI,UACA,GAAG,cAAc,sBAAsB,cAAc,OACzD;AAAA,MACJ;AAAA,IACJ;AAAA,IACA;AAAA,KACI,gBAlBP;AAAA,IAmBG,QAAQ;AAAA,EAAA,EACZ;AAER;AC9BA,MAAM,oBAAyC,CAAC,UAAqB;AACjE,6CACK,UACI,MAAA,MAAM,kBAAkB,IAAI,CAAC,kBACzB,sBAAA,cAAA,qBAAA;AAAA,IACG,KAAK,cAAc;AAAA,IACnB,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,UAAU,CAAC,CAAC,cAAc,sBAAsB;AAAA,EACpD,CAAA,CACH,CACL;AAER;AAEA,MAAM,sBAAsB,OAAO,iBAAiB;AAAA;AAAA,eAErC,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACpB/B,MAAA,gBAA0B,CAAC,UAAe;;AACxC,MAAA;AACA,MAAA;AAEJ,MAAI,MAAM,kBAAkB,aAAM,eAAe,mBAArB,mBAAqC,UAAS,GAAG;AACzE,WAAO,SAAS;AAChB,iBAAa,MAAM,eAAe;AAAA,EAAA,WAC3B,MAAM,eAAe,cAAc,aAAM,eAAe,eAArB,mBAAiC,UAAS,GAAG;AACvF,WAAO,SAAS;AACH,iBAAA,MAAM,eAAe,WAAW,OAAO,CAAC,MAAW,EAAE,UAAU,CAAC;AAAA,EAAA,OAC1E;AACH,WAAO,SAAS;AAChB,iBAAa,MAAM;AAAA,EACvB;AAEI,MAAA,CAAC,WAAW,QAAQ;AACpB,WAAQ,sBAAA,cAAA,yBAAA;AAAA,MAAwB;AAAA,MAAY,eAAe;AAAA,IAAA,CAAY;AAAA,EAC3E;AAGI,SAAA,sBAAA,cAAC,aAAa,UAAb;AAAA,IAAsB,OAAO,MAAM;AAAA,EAAA,GAC/B,sBAAA,cAAA,mBAAA;AAAA,IAAkB;AAAA,IAAY,mBAAmB;AAAA,EAAY,CAAA,CAClE;AAER;AAEA,MAAM,0BAA0B,OAAO,iBAAiB;AAAA,eACzC,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;;"}