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

package/dist/feedback-list.js

@@ -0,0 +1,104 @@
+import { useDispatch, Icon, List, invertedHoverButton } from "@telia-ace/knowledge-widget-ui";
+import React from "react";
+import styled, { css } from "styled-components";
+const FeedbackList = ({ actions }) => {
+  const dispatch = useDispatch();
+  return /* @__PURE__ */ React.createElement(StyledButtonList, {
+    items: Object.keys(actions).map((i) => {
+      return {
+        label: actions[i],
+        actionKey: i
+      };
+    }),
+    renderItem: (item) => {
+      return /* @__PURE__ */ React.createElement(FeedbackItem, {
+        key: item.actionKey
+      }, /* @__PURE__ */ React.createElement(FeedbackButton, {
+        className: "humany-feedback-button",
+        disabled: false,
+        "aria-pressed": true,
+        "data-selected": true,
+        "data-direction": "vertical",
+        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)`
+    padding: 0;
+    list-style: none;
+    > li {
+        margin: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
+}} ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}};
+        margin-left: 0;
+        display: inline-block;
+    }
+`;
+const FeedbackItem = styled.li`
+    @media (min-width: 768px) {
+        display: list-item !important;
+        margin-right: 0 !important;
+        margin-top: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}} !important;
+    }
+`;
+const FeedbackButton = styled.button`
+    @media (min-width: 768px) {
+        min-width: 100%;
+        margin-right: 0;
+    }
+    display: inline-block;
+    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;
+}} !important;
+    font-weight: 300;
+    && {
+        margin-right: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
+}};
+    }
+    ${(p) => {
+  var _a, _b;
+  return p["data-direction"] === "horizontal" && css`
+            width: 225px;
+            max-width: calc(50% - ${(_a = p.theme.sizes) == null ? void 0 : _a.large} - ${(_b = p.theme.sizes) == null ? void 0 : _b.small});
+        `;
+}}
+    ${(p) => p["data-direction"] === "vertical" && css`
+            min-width: 150px;
+        `}
+  ${(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

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-list.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import { Icon, invertedHoverButton, List, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\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={Object.keys(actions).map((i: any) => {\n                return {\n                    label: actions[i],\n                    actionKey: i,\n                };\n            })}\n            renderItem={(item: any) => {\n                return (\n                    <FeedbackItem key={item.actionKey}>\n                        <FeedbackButton\n                            className=\"humany-feedback-button\"\n                            disabled={false}\n                            aria-pressed={true}\n                            data-selected={true}\n                            data-direction={'vertical'}\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                    </FeedbackItem>\n                );\n            }}\n        />\n    );\n};\n\nexport default FeedbackList;\n\nconst StyledButtonList = styled(List as any)`\n    padding: 0;\n    list-style: none;\n    > li {\n        margin: ${(p) => p.theme.sizes?.small} ${(p) => p.theme.sizes?.normal};\n        margin-left: 0;\n        display: inline-block;\n    }\n`;\n\nconst FeedbackItem = styled.li`\n    @media (min-width: 768px) {\n        display: list-item !important;\n        margin-right: 0 !important;\n        margin-top: ${(p) => p.theme.sizes?.normal} !important;\n    }\n`;\n\nconst FeedbackButton = styled.button<{\n    'data-selected': boolean;\n    'data-direction': 'horizontal' | 'vertical';\n}>`\n    @media (min-width: 768px) {\n        min-width: 100%;\n        margin-right: 0;\n    }\n    display: inline-block;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    border-color: ${(p) => p.theme.colors?.primary} !important;\n    font-weight: 300;\n    && {\n        margin-right: ${(p) => p.theme.sizes?.small};\n    }\n    ${(p) =>\n        p['data-direction'] === 'horizontal' &&\n        css`\n            width: 225px;\n            max-width: calc(50% - ${p.theme.sizes?.large} - ${p.theme.sizes?.small});\n        `}\n    ${(p) =>\n        p['data-direction'] === 'vertical' &&\n        css`\n            min-width: 150px;\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":[],"mappings":";;;AAOM,MAAA,eAAgC,CAAC,EAAE,cAAc;AACnD,QAAM,WAAW;AACjB,SACK,sBAAA,cAAA,kBAAA;AAAA,IACG,OAAO,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,MAAW;AACjC,aAAA;AAAA,QACH,OAAO,QAAQ;AAAA,QACf,WAAW;AAAA,MAAA;AAAA,IACf,CACH;AAAA,IACD,YAAY,CAAC,SAAc;AACvB,aACK,sBAAA,cAAA,cAAA;AAAA,QAAa,KAAK,KAAK;AAAA,MAAA,GACnB,sBAAA,cAAA,gBAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAU;AAAA,QACV,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,kBAAgB;AAAA,QAChB,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,IAAW;AAAA;AAAA;AAAA;AAAA,kBAIzB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA,KAAS,CAAC,MAAA;;AAAM,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvE,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIN,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAI5C,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASb,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,oBACnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAAA,wBAGnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,MAExC,CAAC,MAAA;;AACC,WAAE,sBAAsB,gBACxB;AAAA;AAAA,oCAE4B,QAAE,MAAM,UAAR,mBAAe,WAAW,QAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,MAEvE,CAAC,MACC,EAAE,sBAAsB,cACxB;AAAA;AAAA;AAAA,IAGJ,CAAC;;AACG,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;;"}

package/{lib-esm → dist}/helper/chat.helper.d.ts

@@ -1,8 +1,8 @@
-export declare class ChatHelper {
-    private static user;
-    private static agent;
-    static setUser(user: any): void;
-    static setAgent(agent: any): void;
-    static getUser(): any;
-    static getAgent(): any;
-}
+export declare class ChatHelper {
+    private static user;
+    private static agent;
+    static setUser(user: any): void;
+    static setAgent(agent: any): void;
+    static getUser(): any;
+    static getAgent(): any;
+}

package/{lib-esm → dist}/helper/http.helper.d.ts

@@ -1,13 +1,13 @@
-export declare class HttpHelper {
-    static fetchOptions: {
-        method: string;
-        headers: {
-            Accept: string;
-            'Content-Type': string;
-        };
-    };
-    static combineUrl(basePath: string, path: string): string;
-    static managedSubdomainSuffixes: string[];
-    static parseSubdomain: (input: string) => string;
-    static getCredentials(): string | undefined;
-}
+export declare class HttpHelper {
+    static fetchOptions: {
+        method: string;
+        headers: {
+            Accept: string;
+            'Content-Type': string;
+        };
+    };
+    static combineUrl(basePath: string, path: string): string;
+    static managedSubdomainSuffixes: string[];
+    static parseSubdomain: (input: string) => string;
+    static getCredentials(): string | undefined;
+}

package/{lib-esm → dist}/helper/middleware.helper.d.ts

@@ -1,12 +1,12 @@
-import { Message } from '../contract/model/conversation-api-model/message.model';
-export declare class MiddlewareHelper {
-    private static sessionMessageStorageVariable;
-    private static container;
-    private static widget;
-    static setContainer(container: any): void;
-    static setWidget(widget: any): void;
-    static getContainer(): any;
-    static getWidget(): any;
-    static setEntrySessionStorage: (messages: Message[]) => Promise<void>;
-    static getEntrySessionStorage(): Promise<any>;
-}
+import { Message } from '../contract/model/conversation-api-model/message.model';
+export declare class MiddlewareHelper {
+    private static sessionMessageStorageVariable;
+    private static container;
+    private static widget;
+    static setContainer(container: any): void;
+    static setWidget(widget: any): void;
+    static getContainer(): any;
+    static getWidget(): any;
+    static setEntrySessionStorage: (messages: Message[]) => Promise<void>;
+    static getEntrySessionStorage(): Promise<any>;
+}

package/{lib → dist}/helper/store.helper.d.ts

@@ -1,23 +1,23 @@
-import { Message } from '../contract/model/conversation-api-model/message.model';
-import { ClientAction } from '../contract/model/http/client-action.model';
-import { GlobalState } from '../contract/model/http/global-state.model';
-import { ServerEntry } from '../contract/model/http/server-entry.model';
-import { LooseObject } from '../contract/model/shared/loose-object.model';
-export declare class StoreHelper {
-    private static messageStore;
-    private static globalState;
-    constructor();
-    static insertOrUpdateMessageArrayStore(messageArray: Message[], entry?: any): Promise<void>;
-    static insertMessageToStore(message: Message): void;
-    private static updateMessageInStore;
-    static checkIdInMessageStore(id: string): boolean;
-    static getLocalState(action: string): LooseObject | undefined;
-    static getGlobalState(): GlobalState;
-    static setGlobalState(state: GlobalState): Promise<void>;
-    static getAction(action: string): ClientAction;
-    static getCommand(text: string): LooseObject;
-    static getEntry(action: string): ServerEntry | undefined;
-    static getMessage(id: string): Message | undefined;
-    static getEntryStore(): ServerEntry[];
-    static rehydrateState(): Promise<void>;
-}
+import { Message } from '../contract/model/conversation-api-model/message.model';
+import { ClientAction } from '../contract/model/http/client-action.model';
+import { GlobalState } from '../contract/model/http/global-state.model';
+import { ServerEntry } from '../contract/model/http/server-entry.model';
+import { LooseObject } from '../contract/model/shared/loose-object.model';
+export declare class StoreHelper {
+    private static messageStore;
+    private static globalState;
+    constructor();
+    static insertOrUpdateMessageArrayStore(messageArray: Message[], entry?: any): Promise<void>;
+    static insertMessageToStore(message: Message): void;
+    private static updateMessageInStore;
+    static checkIdInMessageStore(id: string): boolean;
+    static getLocalState(action: string): LooseObject | undefined;
+    static getGlobalState(): GlobalState;
+    static setGlobalState(state: GlobalState): Promise<void>;
+    static getAction(action: string): ClientAction;
+    static getCommand(text: string): LooseObject;
+    static getEntry(action: string): ServerEntry | undefined;
+    static getMessage(id: string): Message | undefined;
+    static getEntryStore(): ServerEntry[];
+    static rehydrateState(): Promise<void>;
+}

package/{lib-esm → dist}/index.d.ts

@@ -1,2 +1,2 @@
-import ConversationPlugin from './plugin';
-export { ConversationPlugin };
+import ConversationPlugin from './plugin';
+export { ConversationPlugin };