@telia-ace/knowledge-widget-bot-provider 0.0.15-experimental.0 → 0.0.15-experimental.1

package/dist/contact-method-list.2b3b6ea5.js

@@ -0,0 +1,5 @@
+const e = ({ actions: t, entryId: n, groupId: o }) => null;
+export {
+  e as default
+};
+//# sourceMappingURL=contact-method-list.2b3b6ea5.js.map

package/dist/contact-method-list.2b3b6ea5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method-list.2b3b6ea5.js","sources":["../src/ui/contact-method-list.tsx"],"sourcesContent":["// import styled from '@emotion/styled';\n// import {\n//     ContactList,\n//     ContactMethod as GenericContactMethod,\n// } from '@telia-ace/knowledge-widget-adapters';\n// import { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\n// import { ActionItem } from '../types';\n// import ContactMethod from './contact-method';\nconst ContactMethodList: React.FC<any> = ({ actions, entryId, groupId }) => {\n    return null;\n};\nexport default ContactMethodList;\n\n// type Props = {\n//     actions: ActionItem[];\n//     contactMethodIds?: string[];\n//     entryId: string;\n//     groupId: string;\n// };\n// const ContactMethodList: React.FC<Props> = ({ actions, entryId, groupId }) => {\n//     const dispatch = useDispatch();\n//     const container = useContainer();\n//     const [expanded, setExpanded] = useState<string[]>([]);\n\n//     const items = useMemo<any[]>(() => {\n//         return actions.map((action) => {\n//             return {\n//                 ...action.data,\n//                 onClick: (_event: any, data: any) => {\n//                     if (data.inline && !data.expanded) {\n//                         setExpanded([...expanded, data.id]);\n//                     } else {\n//                         const { events } = container.get('$widget');\n//                         events.dispatch('provider:open-contact-method', {\n//                             entryId,\n//                             contactMethod: data,\n//                             actionKey: action.actionKey,\n//                         });\n//                     }\n//                 },\n//             };\n//         });\n//     }, [actions, container, entryId, expanded]);\n\n//     if (!items.length) {\n//         return null;\n//     }\n\n//     return (\n//         <StyledContactList\n//             contactMethods={items}\n//             dispatch={dispatch}\n//             itemRenderer={(cm: any, props: any) => {\n//                 const isExpanded = expanded.includes(cm.id) || cm.expanded;\n//                 if (isExpanded && cm.inline) {\n//                     return (\n//                         <StyledContactMethod\n//                             contactMethodId={cm.id}\n//                             groupId={groupId}\n//                             guideId={cm.body.guideId}\n//                         />\n//                     );\n//                 }\n//                 return <StyledGenericContactMethod {...cm} {...props} />;\n//             }}\n//         />\n//     );\n// };\n\n// export default ContactMethodList;\n\n// const StyledContactList = styled(ContactList)`\n//     > ul > li {\n//         a {\n//             display: flex;\n//             align-items: center;\n//             outline-offset: -2px;\n//         }\n\n//         &:not(:last-child) {\n//             ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\n//         }\n//     }\n// `;\n\n// const StyledContactMethod = styled(ContactMethod)`\n//     i {\n//         margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n//         display: flex;\n//         justify-content: center;\n//         align-items: center;\n//     }\n// `;\n// const StyledGenericContactMethod = styled(GenericContactMethod)`\n//     padding: ${(p) => p.theme.sizes?.medium};\n//     i {\n//         margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n//         display: flex;\n//         justify-content: center;\n//         align-items: center;\n//     }\n// `;\n"],"names":["ContactMethodList","actions","entryId","groupId"],"mappings":"AASA,MAAMA,IAAmC,CAAC,EAAE,SAAAC,GAAS,SAAAC,GAAS,SAAAC,QACnD;"}

package/dist/contact-method.016a8ec5.js

@@ -0,0 +1,5 @@
+const t = () => null;
+export {
+  t as default
+};
+//# sourceMappingURL=contact-method.016a8ec5.js.map

package/dist/contact-method.016a8ec5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method.016a8ec5.js","sources":["../src/ui/contact-method.tsx"],"sourcesContent":["// import styled from '@emotion/styled';\n// import {\n//     // ContactMethod as GenericContactMethod,\n//     ContactMethodPlatform,\n// } from '@telia-ace/knowledge-widget-adapters';\n// import { DataType } from '@telia-ace/knowledge-widget-types-grid';\n// import { useContainer, useConversation, useDispatch } from '@telia-ace/knowledge-widget-ui';\n// import { FormBuilder } from '@telia-ace/widget-forms';\n// import { Widget } from '@webprovisions/platform';\nimport React from 'react';\n// import { updateForm } from '../utils';\n\ntype Props = {\n    contactMethodId: string;\n    groupId: string;\n    guideId?: string;\n    className?: string;\n};\nconst ContactMethod: React.FC<Props> = () => {\n    return null; // TODO:\n};\nexport default ContactMethod;\n// const ContactMethod: React.FC<Props> = ({ contactMethodId, guideId, groupId, className }) => {\n//     const [contactMethod, setContactMethod] = useState<any>();\n//     const container = useContainer();\n//     const dispatch = useDispatch();\n//     const mountedRef = useRef<boolean>(true);\n//     const currentConversation = useConversation();\n\n//     useEffect(() => {\n//         const { events } = container.get('$widget') as Widget;\n\n//         const unsubscribe = events.subscribe('bot-provider:form-submitted', async (_, data) => {\n//             // making sure that this is the form that is submitted\n//             if (data.form.meta?.groupId !== groupId || data.id !== contactMethod.id) {\n//                 return;\n//             }\n\n//             if (currentConversation) {\n//                 if (!data.form.meta) {\n//                     data.form.meta = {};\n//                 }\n\n//                 data.form.meta.conversation = currentConversation;\n//             }\n\n//             const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n//             const updatedMethod = {\n//                 ...contactMethod,\n//                 body: {\n//                     ...contactMethod.body,\n//                     form: data.form,\n//                 },\n//             };\n\n//             const { errors, valid, errorTypes } = await platform.validate(updatedMethod);\n\n//             if (!valid) {\n//                 const builder = new FormBuilder(contactMethod.body.form);\n//                 setContactMethod(undefined);\n\n//                 builder.setValidationErrors(errors);\n\n//                 updatedMethod.body = {\n//                     ...updatedMethod.body,\n//                     form: builder.get(),\n//                 };\n\n//                 setContactMethod({ ...updatedMethod });\n//                 return;\n//             }\n\n//             const result = await platform.submit(updatedMethod);\n\n//             updatedMethod.confirmation = result;\n//             setContactMethod(updatedMethod);\n//         });\n\n//         const unsubscribeEvaluate = events.subscribe('bot-provider:evaluate', async (_, data) => {\n//             if (data.id != contactMethodId) {\n//                 return;\n//             }\n\n//             const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n//             const updatedForm = await platform.evaluate(contactMethod);\n\n//             let updatedMethod = {\n//                 ...contactMethod,\n//                 body: {\n//                     ...contactMethod.body,\n//                     form: updatedForm,\n//                 },\n//             };\n\n//             const updatedBody = updateForm(updatedMethod, {\n//                 submit: 'Submit',\n//                 errors: {},\n//                 meta: { groupId },\n//             });\n\n//             updatedMethod = {\n//                 ...updatedMethod,\n//                 body: updatedBody,\n//             };\n\n//             setContactMethod(updatedMethod);\n//         });\n\n//         return () => {\n//             unsubscribe();\n//             unsubscribeEvaluate();\n//         };\n//     }, [container, contactMethod, setContactMethod, currentConversation]);\n\n//     const fetchContactMethod = useCallback(\n//         async (id: string) => {\n//             const dataClient = await container.getAsync('dataClient');\n\n//             const cm = await dataClient.fetch(DataType.ContactMethod, {\n//                 contactMethodId: id,\n//                 guideId,\n//             });\n\n//             const body = updateForm(cm, {\n//                 submit: 'Submit',\n//                 errors: {},\n//                 meta: { groupId },\n//             });\n//             cm.body = body;\n//             cm.body.guideId = guideId;\n\n//             if (!mountedRef.current) {\n//                 return null;\n//             }\n//             setContactMethod(cm);\n//         },\n//         [mountedRef]\n//     );\n\n//     useEffect(() => {\n//         fetchContactMethod(contactMethodId);\n//         return () => {\n//             mountedRef.current = false; // clean up\n//         };\n//     }, [contactMethodId, fetchContactMethod]);\n\n//     if (!contactMethod) {\n//         return null;\n//     }\n//     return (\n//         <StyledGenericContactMethod\n//             {...contactMethod}\n//             body={contactMethod.body}\n//             inline={true}\n//             expanded={true}\n//             dispatch={dispatch}\n//             className={className}\n//         />\n//     );\n// };\n\n// export default ContactMethod;\n\n// const StyledGenericContactMethod = styled(GenericContactMethod)`\n//     padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.medium};\n// `;\n"],"names":["ContactMethod"],"mappings":"AAkBA,MAAMA,IAAiC,MAC5B;"}

package/dist/feedback-list.042775aa.js

@@ -0,0 +1,5 @@
+const e = () => null;
+export {
+  e as default
+};
+//# sourceMappingURL=feedback-list.042775aa.js.map

package/dist/feedback-list.042775aa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-list.042775aa.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["// import styled from '@emotion/styled';\n// import {\n//     Button,\n//     buttonCss,\n//     Icon,\n//     invertedHoverButton,\n//     list,\n//     List,\n//     useDispatch,\n// } from '@telia-ace/knowledge-widget-ui';\n// import React from 'react';\n// import { messageContentPadding } from './styles';\nimport React from 'react';\n\nconst FeedbackList: React.FC<any> = () => {\n    return null;\n};\nexport default FeedbackList;\n// type Props = {\n//     actions: { [key: string]: string }[];\n// };\n// const FeedbackList: React.FC<Props> = ({ actions }) => {\n//     const dispatch = useDispatch();\n//     return (\n//         <StyledButtonList\n//             items={actions}\n//             data-direction={'vertical'}\n//             renderItem={(item: any) => {\n//                 return (\n//                     <li key={item.actionKey}>\n//                         <FeedbackButton\n//                             className=\"humany-feedback-button\"\n//                             disabled={false}\n//                             aria-pressed={true}\n//                             data-selected={true}\n//                             onClick={() => {\n//                                 dispatch('action', item.actionKey);\n//                             }}\n//                         >\n//                             <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\n//                             <span>{item.label}</span>\n//                         </FeedbackButton>\n//                     </li>\n//                 );\n//             }}\n//         />\n//     );\n// };\n\n// export default FeedbackList;\n\n// const StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\n//     ${(p) => list(p)}\n//     ${messageContentPadding}\n//     display: flex;\n//     gap: ${(p) => p.theme.sizes?.normal};\n//     flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\n//     > li {\n//         flex: 1;\n//         margin: 0;\n//     }\n// `;\n\n// const FeedbackButton = styled(Button)<{\n//     'data-selected': boolean;\n// }>`\n//     ${buttonCss}\n//     font-size: ${(p) => p.theme.fonts?.normal};\n//     border-color: ${(p) => p.theme.colors?.primary};\n//     font-weight: 300;\n//     display: block;\n//     width: 100%;\n\n//     ${(p) =>\n//         invertedHoverButton({\n//             primaryColor: `${p.theme.colors?.primary}`,\n//             secondaryColor: '#FFFFFF',\n//             theme: p.theme,\n//         })}\n//     i {\n//         margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n//     }\n//     span {\n//     }\n// `;\n"],"names":["FeedbackList"],"mappings":"AAcA,MAAMA,IAA8B,MACzB;"}