@d19n/webchat 1.0.6 → 1.1.0

package/README.md

@@ -14,31 +14,36 @@ npm install @d19n/webchat
 
 After installing, you can use the `@d19n/webchat` function in your project as follows:
 
+### Implementation:
 ```javascript
 import D19NChat from '@d19n/webchat';
 
 <D19NChat
-    host={"..."}
-    clientId={"..."}
-    clientSecret={"..."}
-    websocketUrl={"..."}
-    postcodeSchemaId={"..."}
-    source={"..."}
+    side={"..."}
     fullscreen={false}
-    customToken={undefined}
 />
 ```
 
 | Property | Type | Description |
 | ------------- | :-------------: | ------------- |
-| host | string | YouFibre API URL |
-| clientId | string | OAuth ClientID |
-| clientSecret | string | OAuth Secret |
-| websocketUrl | string | Websocket URL |
-| postcodeSchemaId | string | Postcode search API |
-| source | string | User ID |
+| side | string | `right` as default |
 | fullscreen | boolean | `false` as default |
-| customToken | string/undefined | `undefined` as default for logger User |
+
+
+### Session storage:
+| Property | Type | Description |
+| ------------- | :-------------: | ------------- |
+| authToken | string | JWT token for logged user |
+
+
+### Local storage:
+| Property | Type | Description |
+| ------------- | :-------------: | ------------- |
+| websocketUrl | string | Websocket URL |
+| apiUrl | string | YouFibre API URL |
+| chatTime1 | number | Seconds after last post (default: 300) |
+| chatTime2 | number | Seconds after last present check (default: 360) |
+
 
 ## License
 

package/dist/TwilioChat/Chat.d.ts

@@ -1,14 +1,5 @@
-import React from 'react';
-declare const Chat: ({ messages, chatUsername, chatConversationId, chatUserId, chatActive, setChatForm, buttonAction, resetFormValues, newMessages, API }: {
-    messages: any;
-    chatUsername: any;
-    chatConversationId: any;
-    chatUserId: any;
-    chatActive: any;
-    setChatForm: any;
-    buttonAction: any;
-    resetFormValues?: boolean;
-    newMessages: any;
-    API: any;
+import React from "react";
+declare const Chat: ({ ...props }: {
+    [x: string]: any;
 }) => React.JSX.Element;
 export default Chat;

package/dist/TwilioChat/components/ChatHeader.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ChatHeader: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export default ChatHeader;

package/dist/TwilioChat/components/ChatInput.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ChatInput: ({ open }: {
+    open: any;
+}) => React.JSX.Element;
+export default ChatInput;

package/dist/TwilioChat/components/Container.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Container: ({ className, children }: {
+    className?: string;
+    children: any;
+}) => React.JSX.Element;
+export default Container;

package/dist/TwilioChat/components/Message.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+interface Item {
+    createdAt: string;
+    from?: string | null;
+    files?: string | null;
+    message: string | null;
+    form: FormType | null;
+    messageId: string;
+    fromId: string;
+    senderType: string;
+}
+interface FormType {
+    type: string;
+    value: Array<{
+        title: string;
+        action: string;
+        placeholder?: string | null;
+        type?: string;
+        required?: boolean;
+        options?: object;
+    }>;
+}
+type Props = {
+    item: Item;
+    buttonAction: any;
+    setChatForm: any;
+};
+declare const Message: ({ item, buttonAction, setChatForm }: Props) => React.JSX.Element;
+export default Message;

package/dist/TwilioChat/components/MessageList.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const MessageList: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export default MessageList;

package/dist/TwilioChat/components/NotificationBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NotificationBar: () => React.JSX.Element;
+export default NotificationBar;

package/dist/TwilioChat/components/TypingIndicator.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const TypingIndicator: ({ sc }: {
+    sc: any;
+}) => React.JSX.Element;
+export default TypingIndicator;

package/dist/TwilioChat/components/Widget.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Widget: ({ ...props }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export default Widget;

package/dist/TwilioChat/components/styled/ChatContent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ChatContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default ChatContent;

package/dist/TwilioChat/components/styled/ChatContentList.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ChatContentList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default ChatContentList;

package/dist/TwilioChat/components/styled/ChatWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ChatWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default ChatWrapper;

package/dist/TwilioChat/components/styled/EventPost.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const EventPost: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default EventPost;

package/dist/TwilioChat/components/styled/Header.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default Header;

package/dist/TwilioChat/components/styled/InputForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const InputForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+export default InputForm;

package/dist/TwilioChat/components/styled/MyPost.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const MyPost: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default MyPost;

package/dist/TwilioChat/components/styled/Splitter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Splitter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default Splitter;

package/dist/TwilioChat/components/styled/WidgetButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const WidgetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default WidgetButton;

package/dist/TwilioChat/components/styled/YFPost.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const YFPost: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default YFPost;

package/dist/TwilioChat/index.d.ts

@@ -1,15 +1,5 @@
-import React from 'react';
+import React from "react";
 import '../assets/styles/fonts.css';
 import '../assets/styles/app.scss';
-interface Props {
-    host: string;
-    websocketUrl: string;
-    postcodeSchemaId?: string;
-    source?: string;
-    fullscreen?: boolean;
-    clientId: string;
-    clientSecret: string;
-    customToken?: string | undefined;
-}
-declare const TwilioChat: ({ host, clientId, clientSecret, customToken, websocketUrl, postcodeSchemaId, source, fullscreen }: Props) => React.JSX.Element;
+declare const TwilioChat: (props: any) => React.JSX.Element;
 export default TwilioChat;

package/dist/_virtual/Component.js

@@ -0,0 +1,2 @@
+var r={};export{r as __exports};
+//# sourceMappingURL=Component.js.map

package/dist/_virtual/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/_commonjsHelpers.js

@@ -1,2 +1,2 @@
-function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t){if(Object.prototype.hasOwnProperty.call(t,"__esModule"))return t;var e=t.default;if("function"==typeof e){var r=function t(){var r=!1;try{r=this instanceof t}catch{}return r?Reflect.construct(e,arguments,this.constructor):e.apply(this,arguments)};r.prototype=e.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(t).forEach(function(e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}),r}export{e as getAugmentedNamespace,t as getDefaultExportFromCjs};
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as commonjsGlobal,o as getDefaultExportFromCjs};
 //# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/index11.js

@@ -1,2 +1,2 @@
-var e={exports:{}};export{e as __module};
+var r={};export{r as __exports};
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index3.js

@@ -1,2 +1,2 @@
-import{getDefaultExportFromCjs as e}from"./_commonjsHelpers.js";import{__require as o}from"../node_modules/prop-types/index.js";var r=e(o());export{r as default};
+import{__require as e}from"../node_modules/react-debounce-input/lib/index.js";var r=e();export{r as l};
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index4.js

@@ -1,2 +1,2 @@
-import{__require as r}from"../node_modules/react-is/index.js";var e=r();export{e as r};
+import{getDefaultExportFromCjs as e}from"./_commonjsHelpers.js";import{__require as o}from"../node_modules/prop-types/index.js";var r=e(o());export{r as default};
 //# sourceMappingURL=index4.js.map

package/dist/assets/assets.d.ts

@@ -0,0 +1,44 @@
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.wav' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.eot' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}

package/dist/assets/images/{svg/youfibre-upload.svg → youfibre-upload.svg}

@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<title>paperclip-vertical</title>
-<path d="M23.113 7.748h-0.002c-0 0-0.001 0-0.001 0-0.413 0-0.748 0.335-0.749 0.748v0l-0.029 14.197c0.004 0.084 0.006 0.183 0.006 0.282 0 1.812-0.755 3.448-1.967 4.611l-0.002 0.002c-1.134 1.011-2.639 1.629-4.287 1.629-0.030 0-0.059-0-0.088-0.001l0.004 0h-0.015c-0.028 0-0.061 0.001-0.094 0.001-1.64 0-3.136-0.611-4.275-1.618l0.007 0.006c-1.225-1.165-1.988-2.808-1.988-4.629 0-0.090 0.002-0.18 0.006-0.269l-0 0.013v-15.516c-0.003-0.056-0.004-0.122-0.004-0.188 0-2.341 1.898-4.239 4.239-4.239 0.066 0 0.131 0.002 0.196 0.004l-0.009-0c0.056-0.003 0.122-0.004 0.188-0.004 2.341 0 4.238 1.897 4.238 4.238 0 0.065-0.002 0.131-0.004 0.195l0-0.009-0.057 14.276c0.002 0.045 0.003 0.097 0.003 0.15 0 0.85-0.311 1.628-0.826 2.225l0.004-0.004c-0.411 0.439-0.994 0.712-1.641 0.713h-0.020c-0.654-0.006-1.241-0.29-1.648-0.74l-0.002-0.002c-0.489-0.586-0.785-1.347-0.785-2.178 0-0.076 0.002-0.151 0.007-0.225l-0.001 0.010v-10.344c0-0.414-0.336-0.75-0.75-0.75s-0.75 0.336-0.75 0.75v0 10.338c-0.018 0.146-0.029 0.315-0.029 0.486 0 2.221 1.741 4.035 3.932 4.152l0.010 0 0.034 0.002c0.001 0 0.003 0 0.005 0 1.073 0 2.040-0.452 2.721-1.176l0.002-0.002c0.766-0.858 1.235-1.996 1.235-3.244 0-0.053-0.001-0.107-0.003-0.16l0 0.008 0.057-14.283c0-7.775-11.844-7.775-11.844 0v15.518c-0.004 0.097-0.007 0.21-0.007 0.324 0 4.237 3.435 7.672 7.672 7.672 0.063 0 0.127-0.001 0.19-0.002l-0.009 0h0.017c0.024 0 0.053 0 0.082 0 2.038 0 3.898-0.767 5.305-2.029l-0.008 0.007c1.514-1.432 2.457-3.456 2.457-5.699 0-0.106-0.002-0.212-0.006-0.318l0 0.015 0.029-14.193c0-0.001 0-0.001 0-0.002 0-0.414-0.335-0.749-0.748-0.75h-0z"></path>
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<title>paperclip-vertical</title>
+<path d="M23.113 7.748h-0.002c-0 0-0.001 0-0.001 0-0.413 0-0.748 0.335-0.749 0.748v0l-0.029 14.197c0.004 0.084 0.006 0.183 0.006 0.282 0 1.812-0.755 3.448-1.967 4.611l-0.002 0.002c-1.134 1.011-2.639 1.629-4.287 1.629-0.030 0-0.059-0-0.088-0.001l0.004 0h-0.015c-0.028 0-0.061 0.001-0.094 0.001-1.64 0-3.136-0.611-4.275-1.618l0.007 0.006c-1.225-1.165-1.988-2.808-1.988-4.629 0-0.090 0.002-0.18 0.006-0.269l-0 0.013v-15.516c-0.003-0.056-0.004-0.122-0.004-0.188 0-2.341 1.898-4.239 4.239-4.239 0.066 0 0.131 0.002 0.196 0.004l-0.009-0c0.056-0.003 0.122-0.004 0.188-0.004 2.341 0 4.238 1.897 4.238 4.238 0 0.065-0.002 0.131-0.004 0.195l0-0.009-0.057 14.276c0.002 0.045 0.003 0.097 0.003 0.15 0 0.85-0.311 1.628-0.826 2.225l0.004-0.004c-0.411 0.439-0.994 0.712-1.641 0.713h-0.020c-0.654-0.006-1.241-0.29-1.648-0.74l-0.002-0.002c-0.489-0.586-0.785-1.347-0.785-2.178 0-0.076 0.002-0.151 0.007-0.225l-0.001 0.010v-10.344c0-0.414-0.336-0.75-0.75-0.75s-0.75 0.336-0.75 0.75v0 10.338c-0.018 0.146-0.029 0.315-0.029 0.486 0 2.221 1.741 4.035 3.932 4.152l0.010 0 0.034 0.002c0.001 0 0.003 0 0.005 0 1.073 0 2.040-0.452 2.721-1.176l0.002-0.002c0.766-0.858 1.235-1.996 1.235-3.244 0-0.053-0.001-0.107-0.003-0.16l0 0.008 0.057-14.283c0-7.775-11.844-7.775-11.844 0v15.518c-0.004 0.097-0.007 0.21-0.007 0.324 0 4.237 3.435 7.672 7.672 7.672 0.063 0 0.127-0.001 0.19-0.002l-0.009 0h0.017c0.024 0 0.053 0 0.082 0 2.038 0 3.898-0.767 5.305-2.029l-0.008 0.007c1.514-1.432 2.457-3.456 2.457-5.699 0-0.106-0.002-0.212-0.006-0.318l0 0.015 0.029-14.193c0-0.001 0-0.001 0-0.002 0-0.414-0.335-0.749-0.748-0.75h-0z"></path>
 </svg>