lulichat 1.0.3 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lulichat",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "A React library for integrating a support chat feature into web applications.",
   "main": "dist/lulichat-support.umd.js",
   "module": "dist/lulichat-support.es.js",
@@ -23,7 +23,7 @@
   "license": "MIT",
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "lulichat": "^1.0.2",
+    "lulichat": "^1.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "socket.io-client": "^4.5.0"
@@ -52,7 +52,11 @@
     "react-dom": "^18.0.0"
   },
   "files": [
-    "dist"
+    "dist/index.d.ts",
+    "dist/types",
+    "dist/lulichat-support.es.js",
+    "dist/components/LuliChat.js",
+    "dist/components/LuliChat.d.ts"
   ],
   "homepage": "https://github.com/tjdibbs/lulichat-support",
   "repository": {

package/dist/components/ChatIcon.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const ChatIcon: React.FC<{
-    onClick: () => void;
-}>;
-export default ChatIcon;

package/dist/components/ChatInterface.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { ChatSession, CompanyInfo } from "../types";
-interface ChatInterfaceProps {
-    session: ChatSession;
-    companyInfo: CompanyInfo["data"];
-    onClose: () => void;
-}
-export declare const ChatInterface: React.FC<ChatInterfaceProps>;
-export {};

package/dist/components/ChatWidget.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { LuliChatConfig } from "../types";
-interface ChatWidgetProps {
-    config: LuliChatConfig;
-}
-export declare const ChatWidget: React.FC<ChatWidgetProps>;
-export {};

package/dist/components/ChatWidget.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/ContactForm.d.ts

@@ -1,11 +0,0 @@
-import { ContactInfo } from "@/types";
-import React from "react";
-interface ContactFormProps {
-    companyName: string;
-    onSubmit: (contactInfo: ContactInfo) => void;
-    onSkip?: () => void;
-    allowAnonymous: boolean;
-    isLoading: boolean;
-}
-export declare const ContactForm: React.FC<ContactFormProps>;
-export {};

package/dist/components/LuliChat.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/ui/Button.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-    size?: "md" | "sm" | "lg" | "icon";
-    shape?: "circle" | "rounded" | "none";
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/components/ui/Form.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-interface FormProps<T> extends React.FormHTMLAttributes<HTMLFormElement> {
-    onValuesChange?: (values: T) => void;
-    initialValues?: T;
-    onFinish?: (values: T) => void;
-}
-export interface FormRefObject<T> {
-    getValues(): T;
-    getFieldValue: <K extends keyof T>(fieldName: K) => T[K];
-    elementRef: () => HTMLFormElement | null;
-    setFieldValue: <K extends keyof T>(fieldName: K, value: T[K]) => void;
-}
-type FormComponent = React.ForwardRefExoticComponent<FormProps<Record<string, any>> & React.RefAttributes<FormRefObject<Record<string, any>>>> & {
-    Item: typeof FormItem;
-    Label: typeof FormLabel;
-    useForm: typeof useForm;
-};
-declare const Form: FormComponent;
-interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    name?: string;
-    children?: React.ReactNode;
-    label?: string;
-    required?: boolean;
-    error?: string;
-}
-declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
-interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    required?: boolean;
-    htmlFor?: string;
-}
-declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
-declare const useForm: <T>(initialValues: T) => FormRefObject<T>[];
-export default Form;

package/dist/components/ui/Icons.d.ts

@@ -1,10 +0,0 @@
-export declare const Uploading: React.FC<React.SVGProps<any>>;
-export declare const DropdownArrow: React.FC<React.SVGProps<any>>;
-export declare const Attachment: React.FC<React.SVGProps<any>>;
-export declare const Close: React.FC<React.SVGProps<any>>;
-export declare const Hello: React.FC<React.SVGProps<any>>;
-export declare const Headphones: React.FC<React.SVGProps<any>>;
-export declare const User: React.FC<React.SVGProps<any>>;
-export declare const Send: React.FC<React.SVGProps<any>>;
-export declare const Loader: React.FC<React.SVGProps<any>>;
-export declare const MessageCircle: React.FC<React.SVGProps<any>>;

package/dist/components/ui/Input.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-}
-type InputComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
-    Password: typeof Password;
-};
-declare const Input: InputComponent;
-declare const Password: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/constants.d.ts

@@ -1,32 +0,0 @@
-export declare const Colors: {
-    readonly primary: "#0E0E2C";
-    readonly secondary: "#755AE2";
-    readonly dark: "#0D0D0D";
-    readonly mood2: "#131313";
-    readonly dark2: "#8770E6";
-    readonly light_Dark: "#D3D3F1";
-    readonly secondary_dark: "#9278FA";
-    readonly helper: "#F5F3FF";
-    readonly cod: "#E4E4E4";
-    readonly yellow_500: "#BF6700";
-    readonly darkgreen: "#099976";
-    readonly light_gray: "#F8F9FB";
-    readonly orange: "#FF6B00";
-    readonly text: "#242424";
-    readonly BodyText: "#4A4A68";
-    readonly BodyTextAlpha: "#56566A";
-    readonly BodyTextLight: "#8C8CA1";
-    readonly green: "#12B669";
-    readonly blue: "#24214E";
-    readonly white: "#fff";
-    readonly gray: "#F5F7F9";
-    readonly sand: "#818181";
-    readonly icon: "#4E4E4E";
-    readonly tag: "#F3F4F6";
-    readonly outline: "#F1F8FF";
-    readonly modal: "#F9FAFB";
-    readonly border: "#E9E9E9";
-    readonly flat: "#F6F6F6";
-    readonly pale: "#EAEDF0;";
-    readonly grey: "#F8F8F8";
-};

package/dist/hooks/useSocket.d.ts

@@ -1,4 +0,0 @@
-declare const useSocket: (url: string) => {
-    sendMessage: (message: string) => void;
-};
-export default useSocket;

package/dist/lib/socket.d.ts

@@ -1,17 +0,0 @@
-import { ChatMessage } from "../types";
-export declare class ChatSocket {
-    private socket;
-    private token;
-    private sessionId;
-    private onMessageCallback?;
-    private onStatusCallback?;
-    private reconnectAttempts;
-    private maxReconnectAttempts;
-    constructor(token: string, sessionId: string, baseUrl?: string);
-    private connect;
-    private handleReconnect;
-    sendMessage(content: string): void;
-    onMessage(callback: (message: ChatMessage) => void): void;
-    onStatus(callback: (status: "connected" | "disconnected" | "error") => void): void;
-    disconnect(): void;
-}

package/dist/main.d.ts

@@ -1 +0,0 @@
-import "./index.css";

package/dist/style.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital@0;1&family=Outfit:wght@100..900&display=swap";:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary-color: #755ae2;--primary: 251.91deg 70.1% 61.96%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}.lulichat,.lulichat *{box-sizing:border-box;margin:0;padding:0;border:none;outline:none}.lulichat button{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.lulichat{position:fixed;z-index:50;display:flex;flex-direction:column;row-gap:10px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:300;max-width:400px}.lulichat-main{background-color:var(--background);color:var(--foreground);border-radius:12px;border:4px solid hsl(var(--primary));box-shadow:4px 4px 20px 4px #0000001a;display:flex;flex-direction:column}.lulichat-bottom-right{bottom:1rem;right:1rem}.lulichat-bottom-left{bottom:1rem;left:1rem}.lulichat-top-right{top:1rem;right:1rem}.lulichat-container-top-left{top:1rem;left:1rem}.lulichat-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;font-size:1rem;font-weight:500;transition:background-color .2s,color .2s;outline:none;cursor:pointer}.lulichat-btn.lulichat-contact-form-btn{background-color:#fff;color:hsl(var(--primary))}.lulichat-btn-group{display:flex;gap:.4rem}.lulichat-btn:disabled{cursor:not-allowed;opacity:.5}.lulichat-btn-rounded{border-radius:1.5rem}.lulichat-btn-none{border-radius:0rem}.lulichat-btn-circle{border-radius:50%}.lulichat-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lulichat-btn:disabled{pointer-events:none;opacity:.5}.lulichat-btn-primary{background-color:hsl(var(--primary));color:#fff}.lulichat-btn-primary:hover:not(:disabled){background-color:#000}.lulichat-btn-default{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.lulichat-btn-default:hover{background:rgba(var(--primary),.9)}.lulichat-btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.lulichat-btn-destructive:hover{background:rgba(var(--destructive),.9)}.lulichat-btn-outline{border:1px solid hsl(var(--border));background:hsl(var(--background));color:inherit}.lulichat-btn-outline:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.lulichat-btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.lulichat-btn-secondary:hover{background:hsl(var(--accent))}.lulichat-btn-ghost:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.lulichat-btn-link{color:hsl(var(--primary));text-underline-offset:4px}.lulichat-btn-link:hover{text-decoration:underline}.lulichat-btn-md{height:2.5rem;padding:.5rem 1rem}.lulichat-btn-sm{height:2.25rem;padding:0 .75rem}.lulichat-btn-lg{height:2.75rem;padding:0 2rem}.lulichat-btn-icon{height:2.5rem;width:2.5rem}.lulichat-contact-form{background-color:hsl(var(--primary));padding:16px;color:#fff}.lulichat-form-group{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .7s cubic-bezier(.22,1,.36,1)}.lulichat-form-group.open{opacity:1;max-height:500px}.lulichat-form-header{margin-bottom:1.5rem}.lulichat-form-item{margin-bottom:1rem;display:block;flex-direction:column;gap:.5rem}.lulichat-form-label{font-size:1rem;font-weight:500;display:block;margin-bottom:.25rem}.lulichat-form-item input,.lulichat-form-item textarea,.lulichat-input{padding:.7rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;width:100%;transition:border-color .2s;transition:background-color .5s;background-color:#fff;color:#222}input:-internal-autofill-selected,textarea:-webkit-autofill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0003!important;color:fieldtext!important}.lulichat-form-item input.transparent{background-color:#0003!important;color:#fff}.lulichat-form-item input.error{border-color:red}.lulichat-form-item input.transparent:hover,.lulichat-form-item input.transparent:focus{background-color:#0006!important}.lulichat-form-item input.transparent::placeholder{color:#fff}.lulichat-form-item input:focus,.lulichat-form-item textarea:focus{border-color:#ceced2;outline:none}.lulichat-form-item input:focus::placeholder,.lulichat-form-item textarea:focus::placeholder{opacity:.5}.lulichat-form-item input[aria-invalid=true],.lulichat-form-item textarea[aria-invalid=true]{border-color:#ef4444}.lulichat-form-item .error{color:#fd8989;font-size:.875rem;margin-top:.25rem;font-weight:400}.lulichat-tag{padding:5px 8px;font-weight:500;border-radius:24px;font-size:.75rem;text-transform:capitalize!important;background-color:#e7e6e6;cursor:pointer;transition:background-color .4s,color .2s}.lulichat-tag:hover{background-color:var(--primary-color);color:#fff}

package/dist/utils/api.d.ts

@@ -1,15 +0,0 @@
-import { LuliChatConfig, ContactInfo, CompanyInfo } from "../types";
-export declare class LuliChatAPI {
-    private config;
-    private baseUrl;
-    constructor(config: LuliChatConfig);
-    getCompanyInfo(): Promise<CompanyInfo>;
-    submitContactInfo(contactInfo?: ContactInfo): Promise<{
-        token: string;
-        sessionId: string;
-    }>;
-    startAnonymousChat(): Promise<{
-        token: string;
-        sessionId: string;
-    }>;
-}

package/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;