@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.53 → 0.0.1-alpha.56

package/dist/contact-method.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-method.js","sources":["../src/ui/contact-method.tsx"],"sourcesContent":["import {\r\n    ContactMethod as GenericContactMethod,\r\n    ContactMethodPlatform,\r\n} from '@telia-ace/knowledge-widget-adapters';\r\nimport { DataType } from '@telia-ace/knowledge-widget-types-grid';\r\nimport { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport { FormBuilder } from '@telia-ace/widget-forms';\r\nimport { Widget } from '@webprovisions/platform';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { updateForm } from '../utils';\r\n\r\ntype Props = {\r\n    contactMethodId: string;\r\n    groupId: string;\r\n    guideId?: string;\r\n    className?: string;\r\n};\r\nconst ContactMethod: React.FC<Props> = ({ contactMethodId, guideId, groupId, className }) => {\r\n    const [contactMethod, setContactMethod] = useState<any>();\r\n    const container = useContainer();\r\n    const dispatch = useDispatch();\r\n    const mountedRef = useRef<boolean>(true);\r\n\r\n    useEffect(() => {\r\n        const { events } = container.get('$widget') as Widget;\r\n\r\n        const unsubscribe = events.subscribe('bot-provider:form-submitted', async (_, data) => {\r\n            // making sure that this is the form that is submitted\r\n            if (data.form.meta?.groupId !== groupId) {\r\n                return;\r\n            }\r\n\r\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\r\n\r\n            const updatedMethod = {\r\n                ...contactMethod,\r\n                body: {\r\n                    ...contactMethod.body,\r\n                    form: data.form,\r\n                },\r\n            };\r\n\r\n            const { errors, valid, errorTypes } = await platform.validate(updatedMethod);\r\n\r\n            if (!valid) {\r\n                const builder = new FormBuilder(contactMethod.body.form);\r\n                setContactMethod(undefined);\r\n\r\n                builder.setValidationErrors(errors);\r\n\r\n                updatedMethod.body = {\r\n                    ...updatedMethod.body,\r\n                    form: builder.get(),\r\n                };\r\n\r\n                setContactMethod({ ...updatedMethod });\r\n                return;\r\n            }\r\n\r\n            const result = await platform.submit(updatedMethod);\r\n\r\n            updatedMethod.confirmation = result;\r\n            setContactMethod(updatedMethod);\r\n        });\r\n\r\n        const unsubscribeEvaluate = events.subscribe('bot-provider:evaluate', async (_, data) => {\r\n            if (data.id != contactMethodId) {\r\n                return;\r\n            }\r\n\r\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\r\n\r\n            const updatedForm = await platform.evaluate(contactMethod);\r\n\r\n            let updatedMethod = {\r\n                ...contactMethod,\r\n                body: {\r\n                    ...contactMethod.body,\r\n                    form: updatedForm,\r\n                },\r\n            };\r\n\r\n            const updatedBody = updateForm(updatedMethod, {\r\n                submit: 'Submit',\r\n                errors: {},\r\n                meta: { groupId },\r\n            });\r\n\r\n            updatedMethod = {\r\n                ...updatedMethod,\r\n                body: updatedBody,\r\n            };\r\n\r\n            setContactMethod(updatedMethod);\r\n        });\r\n\r\n        return () => {\r\n            unsubscribe();\r\n            unsubscribeEvaluate();\r\n        };\r\n    }, [container, contactMethod, setContactMethod]);\r\n\r\n    const fetchContactMethod = useCallback(\r\n        async (id: string) => {\r\n            const dataClient = await container.getAsync('dataClient');\r\n\r\n            const cm = await dataClient.fetch(DataType.ContactMethod, {\r\n                contactMethodId: id,\r\n                guideId,\r\n            });\r\n\r\n            const body = updateForm(cm, {\r\n                submit: 'Submit',\r\n                errors: {},\r\n                meta: { groupId },\r\n            });\r\n            cm.body = body;\r\n            cm.body.guideId = guideId;\r\n\r\n            if (!mountedRef.current) {\r\n                return null;\r\n            }\r\n            setContactMethod(cm);\r\n        },\r\n        [mountedRef]\r\n    );\r\n\r\n    useEffect(() => {\r\n        fetchContactMethod(contactMethodId);\r\n        return () => {\r\n            mountedRef.current = false; // clean up\r\n        };\r\n    }, [contactMethodId, fetchContactMethod]);\r\n\r\n    if (!contactMethod) {\r\n        return null;\r\n    }\r\n    return (\r\n        <StyledGenericContactMethod\r\n            {...contactMethod}\r\n            body={contactMethod.body}\r\n            inline={true}\r\n            expanded={true}\r\n            dispatch={dispatch}\r\n            className={className}\r\n        />\r\n    );\r\n};\r\n\r\nexport default ContactMethod;\r\n\r\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\r\n    padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.medium};\r\n`;\r\n"],"names":["GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAiC,CAAC,EAAE,iBAAiB,SAAS,SAAS,gBAAgB;AACnF,QAAA,CAAC,eAAe,oBAAoB,SAAc;AACxD,QAAM,YAAY;AAClB,QAAM,WAAW;AACX,QAAA,aAAa,OAAgB,IAAI;AAEvC,YAAU,MAAM;AACZ,UAAM,EAAE,WAAW,UAAU,IAAI,SAAS;AAE1C,UAAM,cAAc,OAAO,UAAU,+BAA+B,CAAO,GAAG,SAAS;;AAEnF,UAAI,YAAK,KAAK,SAAV,mBAAgB,aAAY,SAAS;AACrC;AAAA,MACJ;AAEA,YAAM,WAAY,MAAM,UAAU,SAAS,gBAAgB;AAE3D,YAAM,gBAAgB,iCACf,gBADe;AAAA,QAElB,MAAM,iCACC,cAAc,OADf;AAAA,UAEF,MAAM,KAAK;AAAA,QACf;AAAA,MAAA;AAGJ,YAAM,EAAE,QAAQ,OAAO,eAAe,MAAM,SAAS,SAAS,aAAa;AAE3E,UAAI,CAAC,OAAO;AACR,cAAM,UAAU,IAAI,YAAY,cAAc,KAAK,IAAI;AACvD,yBAAiB,MAAS;AAE1B,gBAAQ,oBAAoB,MAAM;AAElC,sBAAc,OAAO,iCACd,cAAc,OADA;AAAA,UAEjB,MAAM,QAAQ,IAAI;AAAA,QAAA;AAGL,yBAAA,mBAAK,cAAe;AACrC;AAAA,MACJ;AAEA,YAAM,SAAS,MAAM,SAAS,OAAO,aAAa;AAElD,oBAAc,eAAe;AAC7B,uBAAiB,aAAa;AAAA,IAAA,EACjC;AAED,UAAM,sBAAsB,OAAO,UAAU,yBAAyB,CAAO,GAAG,SAAS;AACjF,UAAA,KAAK,MAAM,iBAAiB;AAC5B;AAAA,MACJ;AAEA,YAAM,WAAY,MAAM,UAAU,SAAS,gBAAgB;AAE3D,YAAM,cAAc,MAAM,SAAS,SAAS,aAAa;AAEzD,UAAI,gBAAgB,iCACb,gBADa;AAAA,QAEhB,MAAM,iCACC,cAAc,OADf;AAAA,UAEF,MAAM;AAAA,QACV;AAAA,MAAA;AAGE,YAAA,cAAc,WAAW,eAAe;AAAA,QAC1C,QAAQ;AAAA,QACR,QAAQ,CAAC;AAAA,QACT,MAAM,EAAE,QAAQ;AAAA,MAAA,CACnB;AAEe,sBAAA,iCACT,gBADS;AAAA,QAEZ,MAAM;AAAA,MAAA;AAGV,uBAAiB,aAAa;AAAA,IAAA,EACjC;AAED,WAAO,MAAM;AACG;AACQ;IAAA;AAAA,EAEzB,GAAA,CAAC,WAAW,eAAe,gBAAgB,CAAC;AAEzC,QAAA,qBAAqB,YACvB,CAAO,OAAe;AAClB,UAAM,aAAa,MAAM,UAAU,SAAS,YAAY;AAExD,UAAM,KAAK,MAAM,WAAW,MAAM,SAAS,eAAe;AAAA,MACtD,iBAAiB;AAAA,MACjB;AAAA,IAAA,CACH;AAEK,UAAA,OAAO,WAAW,IAAI;AAAA,MACxB,QAAQ;AAAA,MACR,QAAQ,CAAC;AAAA,MACT,MAAM,EAAE,QAAQ;AAAA,IAAA,CACnB;AACD,OAAG,OAAO;AACV,OAAG,KAAK,UAAU;AAEd,QAAA,CAAC,WAAW,SAAS;AACd,aAAA;AAAA,IACX;AACA,qBAAiB,EAAE;AAAA,EAAA,IAEvB,CAAC,UAAU,CACf;AAEA,YAAU,MAAM;AACZ,uBAAmB,eAAe;AAClC,WAAO,MAAM;AACT,iBAAW,UAAU;AAAA,IAAA;AAAA,EACzB,GACD,CAAC,iBAAiB,kBAAkB,CAAC;AAExC,MAAI,CAAC,eAAe;AACT,WAAA;AAAA,EACX;AACA,SACK,sBAAA,cAAA,4BAAA,iCACO,gBADP;AAAA,IAEG,MAAM,cAAc;AAAA,IACpB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EAAA,EACJ;AAER;AAIA,MAAM,6BAA6B,OAAOA,eAAoB;AAAA,eAC/C,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA,KAAU,CAAC,MAAA;;AAAM,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;;"}

package/dist/feedback-list.js

@@ -1,72 +0,0 @@
-import { useDispatch, Icon, List, list, Button, buttonCss, invertedHoverButton } from "@telia-ace/knowledge-widget-ui";
-import React from "react";
-import styled from "styled-components";
-import { m as messageContentPadding } from "./styles.js";
-const FeedbackList = ({ actions }) => {
-  const dispatch = useDispatch();
-  return /* @__PURE__ */ React.createElement(StyledButtonList, {
-    items: actions,
-    "data-direction": "vertical",
-    renderItem: (item) => {
-      return /* @__PURE__ */ React.createElement("li", {
-        key: item.actionKey
-      }, /* @__PURE__ */ React.createElement(FeedbackButton, {
-        className: "humany-feedback-button",
-        disabled: false,
-        "aria-pressed": true,
-        "data-selected": true,
-        onClick: () => {
-          dispatch("action", item.actionKey);
-        }
-      }, /* @__PURE__ */ React.createElement(Icon, {
-        faIcon: item.actionKey == "yes" ? "smile-o" : "frown-o"
-      }), /* @__PURE__ */ React.createElement("span", null, item.label)));
-    }
-  });
-};
-const StyledButtonList = styled(List)`
-    ${list}
-    ${messageContentPadding}
-    display: flex;
-    gap: ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
-}};
-    flex-direction: ${(p) => p["data-direction"] === "horizontal" ? "row" : "column"};
-    > li {
-        flex: 1;
-        margin: 0;
-    }
-`;
-const FeedbackButton = styled(Button)`
-    ${buttonCss}
-    font-size: ${(p) => {
-  var _a;
-  return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
-}};
-    border-color: ${(p) => {
-  var _a;
-  return (_a = p.theme.colors) == null ? void 0 : _a.primary;
-}};
-    font-weight: 300;
-    display: block;
-    width: 100%;
-
-    ${(p) => {
-  var _a;
-  return invertedHoverButton({
-    primaryColor: `${(_a = p.theme.colors) == null ? void 0 : _a.primary}`,
-    secondaryColor: "#FFFFFF"
-  });
-}}
-    i {
-        margin: 0 ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
-}} 0 0;
-    }
-    span {
-    }
-`;
-export { FeedbackList as default };
-//# sourceMappingURL=feedback-list.js.map

package/dist/feedback-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-list.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import {\r\n    Button,\r\n    buttonCss,\r\n    Icon,\r\n    invertedHoverButton,\r\n    list,\r\n    List,\r\n    useDispatch,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { messageContentPadding } from './styles';\r\n\r\ntype Props = {\r\n    actions: { [key: string]: string }[];\r\n};\r\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\r\n    const dispatch = useDispatch();\r\n    return (\r\n        <StyledButtonList\r\n            items={actions}\r\n            data-direction={'vertical'}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <FeedbackButton\r\n                            className=\"humany-feedback-button\"\r\n                            disabled={false}\r\n                            aria-pressed={true}\r\n                            data-selected={true}\r\n                            onClick={() => {\r\n                                dispatch('action', item.actionKey);\r\n                            }}\r\n                        >\r\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\r\n                            <span>{item.label}</span>\r\n                        </FeedbackButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport default FeedbackList;\r\n\r\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\r\n    ${list}\r\n    ${messageContentPadding}\r\n    display: flex;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n    flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\r\n    > li {\r\n        flex: 1;\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nconst FeedbackButton = styled(Button)<{\r\n    'data-selected': boolean;\r\n}>`\r\n    ${buttonCss}\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    border-color: ${(p) => p.theme.colors?.primary};\r\n    font-weight: 300;\r\n    display: block;\r\n    width: 100%;\r\n\r\n    ${(p) =>\r\n        invertedHoverButton({\r\n            primaryColor: `${p.theme.colors?.primary}`,\r\n            secondaryColor: '#FFFFFF',\r\n        })}\r\n    i {\r\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n    }\r\n    span {\r\n    }\r\n`;\r\n"],"names":[],"mappings":";;;;AAgBM,MAAA,eAAgC,CAAC,EAAE,cAAc;AACnD,QAAM,WAAW;AACjB,SACK,sBAAA,cAAA,kBAAA;AAAA,IACG,OAAO;AAAA,IACP,kBAAgB;AAAA,IAChB,YAAY,CAAC,SAAc;AACvB,aACK,sBAAA,cAAA,MAAA;AAAA,QAAG,KAAK,KAAK;AAAA,MAAA,GACT,sBAAA,cAAA,gBAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAU;AAAA,QACV,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,MAAM;AACF,mBAAA,UAAU,KAAK,SAAS;AAAA,QACrC;AAAA,MAAA,GAEC,sBAAA,cAAA,MAAA;AAAA,QAAK,QAAQ,KAAK,aAAa,QAAQ,YAAY;AAAA,MAAA,CAAW,GAC9D,sBAAA,cAAA,QAAA,MAAM,KAAK,KAAM,CACtB,CACJ;AAAA,IAER;AAAA,EAAA,CACJ;AAER;AAIA,MAAM,mBAAmB,OAAO,IAAI;AAAA,MAC9B;AAAA,MACA;AAAA;AAAA,WAEK,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,sBACX,CAAC,MAAO,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7E,MAAM,iBAAiB,OAAO,MAAM;AAAA,MAG9B;AAAA,iBACW,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,oBACnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAAC;;AACC,6BAAoB;AAAA,IAChB,cAAc,GAAG,QAAE,MAAM,WAAR,mBAAgB;AAAA,IACjC,gBAAgB;AAAA,EACpB,CAAC;AAAA;AAAA;AAAA,oBAEW,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;;"}