@telia-ace/knowledge-widget-bot-provider 0.0.1-next.5 → 0.0.1-next.7

package/dist/feedback-list.29c075b4.js

@@ -1,70 +0,0 @@
-import { useDispatch as n, Icon as s, List as i, list as l, Button as c, buttonCss as m, invertedHoverButton as d } from "@telia-ace/knowledge-widget-ui";
-import o from "react";
-import r from "styled-components";
-import { m as p } from "./styles.6c010dfc.js";
-const F = ({ actions: t }) => {
-  const e = n();
-  return /* @__PURE__ */ o.createElement(f, {
-    items: t,
-    "data-direction": "vertical",
-    renderItem: (a) => /* @__PURE__ */ o.createElement("li", {
-      key: a.actionKey
-    }, /* @__PURE__ */ o.createElement(u, {
-      className: "humany-feedback-button",
-      disabled: !1,
-      "aria-pressed": !0,
-      "data-selected": !0,
-      onClick: () => {
-        e("action", a.actionKey);
-      }
-    }, /* @__PURE__ */ o.createElement(s, {
-      faIcon: a.actionKey == "yes" ? "smile-o" : "frown-o"
-    }), /* @__PURE__ */ o.createElement("span", null, a.label)))
-  });
-}, f = r(i)`
-    ${l}
-    ${p}
-    display: flex;
-    gap: ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.normal;
-}};
-    flex-direction: ${(t) => t["data-direction"] === "horizontal" ? "row" : "column"};
-    > li {
-        flex: 1;
-        margin: 0;
-    }
-`, u = r(c)`
-    ${m}
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-    border-color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.primary;
-}};
-    font-weight: 300;
-    display: block;
-    width: 100%;
-
-    ${(t) => {
-  var e;
-  return d({
-    primaryColor: `${(e = t.theme.colors) == null ? void 0 : e.primary}`,
-    secondaryColor: "#FFFFFF"
-  });
-}}
-    i {
-        margin: 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} 0 0;
-    }
-    span {
-    }
-`;
-export {
-  F as default
-};
-//# sourceMappingURL=feedback-list.29c075b4.js.map

package/dist/feedback-list.29c075b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-list.29c075b4.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import {\n    Button,\n    buttonCss,\n    Icon,\n    invertedHoverButton,\n    list,\n    List,\n    useDispatch,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    actions: { [key: string]: string }[];\n};\nconst 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\nexport default FeedbackList;\n\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\n    ${list}\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\nconst 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        })}\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n    span {\n    }\n`;\n"],"names":["FeedbackList","actions","dispatch","useDispatch","React","StyledButtonList","item","FeedbackButton","Icon","styled","List","list","messageContentPadding","p","_a","Button","buttonCss","invertedHoverButton"],"mappings":";;;;AAgBA,MAAMA,IAAgC,CAAC,EAAE,SAAAC,QAAc;AACnD,QAAMC,IAAWC;AACjB,SACK,gBAAAC,EAAA,cAAAC,GAAA;AAAA,IACG,OAAOJ;AAAA,IACP,kBAAgB;AAAA,IAChB,YAAY,CAACK,MAEJ,gBAAAF,EAAA,cAAA,MAAA;AAAA,MAAG,KAAKE,EAAK;AAAA,IAAA,GACT,gBAAAF,EAAA,cAAAG,GAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS,MAAM;AACF,QAAAL,EAAA,UAAUI,EAAK,SAAS;AAAA,MACrC;AAAA,IAAA,GAEC,gBAAAF,EAAA,cAAAI,GAAA;AAAA,MAAK,QAAQF,EAAK,aAAa,QAAQ,YAAY;AAAA,IAAA,CAAW,GAC9D,gBAAAF,EAAA,cAAA,QAAA,MAAME,EAAK,KAAM,CACtB,CACJ;AAAA,EAER,CACJ;AAER,GAIMD,IAAmBI,EAAOC,CAAI;AAAA,MAC9BC;AAAA,MACAC;AAAA;AAAA,WAEK,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA,sBACX,CAACD,MAAOA,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvEN,IAAiBE,EAAOM,CAAM;AAAA,MAG9BC;AAAA,iBACW,CAACH,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA,oBACnB,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAACD;;AACC,SAAAI,EAAoB;AAAA,IAChB,cAAc,IAAGH,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA,IACjC,gBAAgB;AAAA,EACpB,CAAC;AAAA;AAAA;AAAA,oBAEW,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/no-good-alternative.45aa0387.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-good-alternative.45aa0387.js","sources":["../src/ui/no-good-alternative.tsx"],"sourcesContent":["import { borderTabStyle, Button, SymbolBadge, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    body: string;\n};\nconst NoGoodAlternative: React.FC<Props> = ({ body }) => {\n    const dispatch = useDispatch();\n    return (\n        <Wrapper>\n            <StyledButton\n                onClick={() => {\n                    dispatch('action', 'help');\n                }}\n                aria-label={body}\n                title={body}\n            >\n                <SymbolBadge\n                    size={14}\n                    symbol={{\n                        type: 'FontAwesome',\n                        content: 'meh-o',\n                    }}\n                />\n                <span>{body}</span>\n            </StyledButton>\n        </Wrapper>\n    );\n};\n\nexport default NoGoodAlternative;\n\nconst Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    ${messageContentPadding}\n`;\n\nconst StyledButton = styled(Button)`\n    > i,\n    svg {\n        margin-right: ${(p) => p.theme.sizes?.small};\n    }\n\n    &:focus-visible {\n        ${borderTabStyle}\n    }\n`;\n"],"names":["NoGoodAlternative","body","dispatch","useDispatch","React","Wrapper","StyledButton","SymbolBadge","styled","messageContentPadding","Button","p","_a","borderTabStyle"],"mappings":";;;;AAQA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QAAW;AACrD,QAAMC,IAAWC;AAEb,SAAA,gBAAAC,EAAA,cAACC,SACI,gBAAAD,EAAA,cAAAE,GAAA;AAAA,IACG,SAAS,MAAM;AACX,MAAAJ,EAAS,UAAU,MAAM;AAAA,IAC7B;AAAA,IACA,cAAYD;AAAA,IACZ,OAAOA;AAAA,EAAA,GAEN,gBAAAG,EAAA,cAAAG,GAAA;AAAA,IACG,MAAM;AAAA,IACN,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,EAAA,CACJ,GACA,gBAAAH,EAAA,cAAC,QAAM,MAAAH,CAAK,CAChB,CACJ;AAER,GAIMI,IAAUG,EAAO;AAAA;AAAA;AAAA;AAAA,MAIjBC;AAAA,GAGAH,IAAeE,EAAOE,CAAM;AAAA;AAAA;AAAA,wBAGV,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA,UAIpCC;AAAA;AAAA;"}

package/dist/notification-list.cae1df51.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-list.cae1df51.js","sources":["../src/ui/notification-list.tsx"],"sourcesContent":["import { NotificationList as NotificationListUi, Symbol } from '@telia-ace/knowledge-widget-ui';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    id: string;\n    header: string;\n    items: any[];\n    symbol?: Symbol;\n    className?: string;\n};\nconst NotificationList: React.FC<Props> = ({ id, header, items, symbol, className, ...other }) => {\n    const list = useMemo(() => {\n        return {\n            id: id,\n            title: header,\n            symbol,\n            defaultHeaderOptions: {\n                visible: true,\n            },\n            notifications: items.map((item) => ({\n                id: item.id.toString(),\n                title: item.title,\n                body: item.body,\n                modified: item.modified,\n                expandable: true,\n            })),\n        };\n    }, [header, items]);\n\n    if (!list) {\n        return null;\n    }\n\n    return (\n        <StyledNotificationListUi\n            className={className}\n            showHeader={true}\n            notificationList={list}\n            loading={false}\n            {...other}\n        />\n    );\n};\n\nexport default NotificationList;\n\nconst StyledNotificationListUi = styled(NotificationListUi)`\n    ${messageContentPadding}\n    min-width: 10em;\n\n    span {\n        color: ${(p) => p.theme.colors?.text};\n    }\n`;\n"],"names":["NotificationList","_a","_b","id","header","items","symbol","className","other","__objRest","list","useMemo","item","React","StyledNotificationListUi","__spreadValues","styled","NotificationListUi","messageContentPadding","p"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYM,MAAAA,IAAoC,CAACC,MAAuD;AAAvD,MAAAC,IAAAD,GAAE,MAAAE,GAAI,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,MAA7BL,GAA2CM,IAAAC,EAA3CP,GAA2C,CAAzC,MAAI,UAAQ,SAAO,UAAQ;AAC9D,QAAAQ,IAAOC,EAAQ,OACV;AAAA,IACH,IAAAR;AAAA,IACA,OAAOC;AAAA,IACP,QAAAE;AAAA,IACA,sBAAsB;AAAA,MAClB,SAAS;AAAA,IACb;AAAA,IACA,eAAeD,EAAM,IAAI,CAACO,OAAU;AAAA,MAChC,IAAIA,EAAK,GAAG,SAAS;AAAA,MACrB,OAAOA,EAAK;AAAA,MACZ,MAAMA,EAAK;AAAA,MACX,UAAUA,EAAK;AAAA,MACf,YAAY;AAAA,IAAA,EACd;AAAA,EAAA,IAEP,CAACR,GAAQC,CAAK,CAAC;AAElB,SAAKK,IAKA,gBAAAG,EAAA,cAAAC,GAAAC,EAAA;AAAA,IACG,WAAAR;AAAA,IACA,YAAY;AAAA,IACZ,kBAAkBG;AAAA,IAClB,SAAS;AAAA,KACLF,EACR,IAVO;AAYf,GAIMM,IAA2BE,EAAOC,CAAkB;AAAA,MACpDC;AAAA;AAAA;AAAA;AAAA,iBAIW,CAACC,MAAM;;AAAA,UAAAlB,IAAAkB,EAAE,MAAM,WAAR,gBAAAlB,EAAgB;AAAA;AAAA;AAAA;"}

package/dist/styles.6c010dfc.js

@@ -1,15 +0,0 @@
-import { css as s } from "styled-components";
-const t = s`
-    margin: ${(m) => {
-  var e;
-  return (e = m.theme.sizes) == null ? void 0 : e.medium;
-}} 0;
-    padding: 0 ${(m) => {
-  var e;
-  return (e = m.theme.sizes) == null ? void 0 : e.medium;
-}};
-`;
-export {
-  t as m
-};
-//# sourceMappingURL=styles.6c010dfc.js.map

package/dist/styles.6c010dfc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.6c010dfc.js","sources":["../src/ui/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const messageContentPadding = css`\n    margin: ${(p) => p.theme.sizes?.medium} 0;\n    padding: 0 ${(p) => p.theme.sizes?.medium};\n`;\n"],"names":["messageContentPadding","css","p","_a"],"mappings":";AAEO,MAAMA,IAAwBC;AAAA,cACvB,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA,iBACnB,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;"}