interview-widget 1.0.0 → 1.0.2

package/dist/chat-widget.es.js

@@ -1,189 +0,0 @@
-import W, { useState as h, useRef as N, useEffect as H } from "react";
-var _ = { exports: {} }, p = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var P = W, B = Symbol.for("react.element"), M = Symbol.for("react.fragment"), q = Object.prototype.hasOwnProperty, z = P.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, F = { key: !0, ref: !0, __self: !0, __source: !0 };
-function k(s, c, n) {
-  var t, i = {}, a = null, u = null;
-  n !== void 0 && (a = "" + n), c.key !== void 0 && (a = "" + c.key), c.ref !== void 0 && (u = c.ref);
-  for (t in c)
-    q.call(c, t) && !F.hasOwnProperty(t) && (i[t] = c[t]);
-  if (s && s.defaultProps)
-    for (t in c = s.defaultProps, c)
-      i[t] === void 0 && (i[t] = c[t]);
-  return { $$typeof: B, type: s, key: a, ref: u, props: i, _owner: z.current };
-}
-p.Fragment = M;
-p.jsx = k;
-p.jsxs = k;
-_.exports = p;
-var e = _.exports;
-const I = ({ message: s, botName: c, userName: n }) => {
-  const t = s.sender === "bot", i = (a) => a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
-  return /* @__PURE__ */ e.jsx("div", { className: `cw-flex cw-mb-4 message-animation ${t ? "cw-justify-start" : "cw-justify-end"}`, children: /* @__PURE__ */ e.jsxs("div", { className: `cw-max-w-xs cw-lg:max-w-md cw-px-4 cw-py-2 cw-rounded-lg cw-break-words ${t ? "cw-bg-gray-200 cw-text-gray-800" : "cw-bg-primary-500 cw-text-white"}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "cw-flex cw-items-center cw-mb-1", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "cw-text-xs cw-font-semibold", children: t ? c : n }),
-      /* @__PURE__ */ e.jsx("span", { className: "cw-text-xs cw-opacity-70 cw-ml-2", children: i(s.timestamp) })
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "cw-text-sm", children: s.text })
-  ] }) });
-}, K = ({
-  title: s = "Chat Support",
-  placeholder: c = "Type your message...",
-  onSendMessage: n,
-  messages: t = [],
-  className: i = "",
-  botName: a = "Support Bot",
-  userName: u = "You",
-  height: R = "400px",
-  width: $ = "350px",
-  position: y = "inline",
-  theme: l = "light"
-}) => {
-  const [S, g] = h([]), [w, f] = h(""), [m, T] = h(!1), b = N(null), v = N(null), x = t.length > 0 ? t : S, C = (r) => {
-    const d = [
-      "Thanks for your message! How can I help you today?",
-      "I understand your concern. Let me assist you with that.",
-      "That's a great question! Here's what I can tell you...",
-      "I'm here to help! Can you provide more details?",
-      "Thank you for reaching out. I'll do my best to assist you."
-    ], o = r.toLowerCase();
-    return o.includes("hello") || o.includes("hi") ? "Hello! Welcome to our support chat. How can I help you today?" : o.includes("help") ? "I'm here to help! What do you need assistance with?" : o.includes("price") || o.includes("cost") ? "I can help you with pricing information. What specific product or service are you interested in?" : d[Math.floor(Math.random() * d.length)];
-  }, E = () => {
-    var r;
-    (r = b.current) == null || r.scrollIntoView({ behavior: "smooth" });
-  };
-  H(() => {
-    E();
-  }, [x]);
-  const j = () => {
-    var d;
-    if (!w.trim())
-      return;
-    const r = {
-      id: Date.now().toString(),
-      text: w.trim(),
-      sender: "user",
-      timestamp: /* @__PURE__ */ new Date()
-    };
-    t.length > 0 ? n == null || n(w.trim()) : (g((o) => [...o, r]), setTimeout(() => {
-      const o = {
-        id: (Date.now() + 1).toString(),
-        text: C(w.trim()),
-        sender: "bot",
-        timestamp: /* @__PURE__ */ new Date()
-      };
-      g((L) => [...L, o]);
-    }, 1e3)), f(""), (d = v.current) == null || d.focus();
-  }, D = (r) => {
-    r.key === "Enter" && !r.shiftKey && (r.preventDefault(), j());
-  }, O = {
-    height: m ? "auto" : R,
-    width: $,
-    ...y !== "inline" && {
-      position: "fixed",
-      bottom: "20px",
-      [y === "bottom-right" ? "right" : "left"]: "20px",
-      zIndex: 1e3
-    }
-  };
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: `chat-widget-container cw-bg-white cw-border cw-border-gray-300 cw-rounded-lg cw-shadow-lg cw-flex cw-flex-col ${l === "dark" ? "cw-bg-gray-800 cw-border-gray-600" : ""} ${i}`,
-      style: O,
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: `cw-flex cw-items-center cw-justify-between cw-p-4 cw-border-b cw-bg-primary-500 cw-text-white cw-rounded-t-lg ${l === "dark" ? "cw-border-gray-600" : "cw-border-gray-200"}`,
-            children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "cw-font-semibold cw-text-sm", children: s }),
-              y !== "inline" && /* @__PURE__ */ e.jsx(
-                "button",
-                {
-                  onClick: () => T(!m),
-                  className: "cw-text-white cw-hover:bg-primary-600 cw-rounded cw-p-1 cw-transition-colors",
-                  children: m ? "▲" : "▼"
-                }
-              )
-            ]
-          }
-        ),
-        !m && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              className: `cw-flex-1 cw-overflow-y-auto cw-p-4 chat-messages ${l === "dark" ? "cw-bg-gray-700" : "cw-bg-gray-50"}`,
-              style: { maxHeight: "calc(100% - 120px)" },
-              children: [
-                x.length === 0 && /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    className: `cw-text-center cw-text-gray-500 cw-text-sm cw-mt-8 ${l === "dark" ? "cw-text-gray-400" : ""}`,
-                    children: "Start a conversation by typing a message below."
-                  }
-                ),
-                x.map((r) => /* @__PURE__ */ e.jsx(
-                  I,
-                  {
-                    message: r,
-                    botName: a,
-                    userName: u
-                  },
-                  r.id
-                )),
-                /* @__PURE__ */ e.jsx("div", { ref: b })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: `cw-p-4 cw-border-t ${l === "dark" ? "cw-border-gray-600 cw-bg-gray-800" : "cw-border-gray-200"}`,
-              children: /* @__PURE__ */ e.jsxs("div", { className: "cw-flex cw-space-x-2 ", children: [
-                /* @__PURE__ */ e.jsx(
-                  "input",
-                  {
-                    ref: v,
-                    type: "text",
-                    value: w,
-                    onChange: (r) => f(r.target.value),
-                    onKeyDown: D,
-                    placeholder: c,
-                    className: ` cw-w-full cw-flex-1 cw-px-3 cw-py-2 cw-border cw-rounded-md cw-text-sm cw-focus:outline-none cw-focus:ring-2 cw-focus:ring-primary-500 ${l === "dark" ? "cw-bg-gray-700 cw-border-gray-600 cw-text-white cw-placeholder-gray-400" : "cw-bg-white cw-border-gray-300"}`
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  "button",
-                  {
-                    onClick: j,
-                    disabled: !w.trim(),
-                    className: "cw-bg-primary-500 cw-text-white cw-px-4 cw-py-2 cw-rounded-md cw-text-sm cw-font-medium cw-hover:bg-primary-600 cw-disabled:opacity-50 cw-disabled:cursor-not-allowed cw-transition-colors",
-                    children: "Send"
-                  }
-                )
-              ] })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-typeof window < "u" && (window.ChatWidget = {
-  ChatWidget: K,
-  Message: I
-});
-export {
-  K as ChatWidget,
-  I as Message,
-  K as default
-};

package/dist/chat-widget.umd.js

@@ -1,9 +0,0 @@
-(function(n,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],c):(n=typeof globalThis<"u"?globalThis:n||self,c(n.ChatWidget={},n.React))})(this,function(n,c){"use strict";const V="";var v={exports:{}},p={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var S=c,T=Symbol.for("react.element"),C=Symbol.for("react.fragment"),E=Object.prototype.hasOwnProperty,O=S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,D={key:!0,ref:!0,__self:!0,__source:!0};function j(o,s,a){var t,l={},d=null,f=null;a!==void 0&&(d=""+a),s.key!==void 0&&(d=""+s.key),s.ref!==void 0&&(f=s.ref);for(t in s)E.call(s,t)&&!D.hasOwnProperty(t)&&(l[t]=s[t]);if(o&&o.defaultProps)for(t in s=o.defaultProps,s)l[t]===void 0&&(l[t]=s[t]);return{$$typeof:T,type:o,key:d,ref:f,props:l,_owner:O.current}}p.Fragment=C,p.jsx=j,p.jsxs=j,v.exports=p;var e=v.exports;const y=({message:o,botName:s,userName:a})=>{const t=o.sender==="bot",l=d=>d.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return e.jsx("div",{className:`cw-flex cw-mb-4 message-animation ${t?"cw-justify-start":"cw-justify-end"}`,children:e.jsxs("div",{className:`cw-max-w-xs cw-lg:max-w-md cw-px-4 cw-py-2 cw-rounded-lg cw-break-words ${t?"cw-bg-gray-200 cw-text-gray-800":"cw-bg-primary-500 cw-text-white"}`,children:[e.jsxs("div",{className:"cw-flex cw-items-center cw-mb-1",children:[e.jsx("span",{className:"cw-text-xs cw-font-semibold",children:t?s:a}),e.jsx("span",{className:"cw-text-xs cw-opacity-70 cw-ml-2",children:l(o.timestamp)})]}),e.jsx("div",{className:"cw-text-sm",children:o.text})]})})},g=({title:o="Chat Support",placeholder:s="Type your message...",onSendMessage:a,messages:t=[],className:l="",botName:d="Support Bot",userName:f="You",height:W="400px",width:M="350px",position:x="inline",theme:w="light"})=>{const[L,_]=c.useState([]),[u,N]=c.useState(""),[h,P]=c.useState(!1),k=c.useRef(null),I=c.useRef(null),b=t.length>0?t:L,H=r=>{const m=["Thanks for your message! How can I help you today?","I understand your concern. Let me assist you with that.","That's a great question! Here's what I can tell you...","I'm here to help! Can you provide more details?","Thank you for reaching out. I'll do my best to assist you."],i=r.toLowerCase();return i.includes("hello")||i.includes("hi")?"Hello! Welcome to our support chat. How can I help you today?":i.includes("help")?"I'm here to help! What do you need assistance with?":i.includes("price")||i.includes("cost")?"I can help you with pricing information. What specific product or service are you interested in?":m[Math.floor(Math.random()*m.length)]},B=()=>{var r;(r=k.current)==null||r.scrollIntoView({behavior:"smooth"})};c.useEffect(()=>{B()},[b]);const R=()=>{var m;if(!u.trim())return;const r={id:Date.now().toString(),text:u.trim(),sender:"user",timestamp:new Date};t.length>0?a==null||a(u.trim()):(_(i=>[...i,r]),setTimeout(()=>{const i={id:(Date.now()+1).toString(),text:H(u.trim()),sender:"bot",timestamp:new Date};_(K=>[...K,i])},1e3)),N(""),(m=I.current)==null||m.focus()},z=r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),R())},F={height:h?"auto":W,width:M,...x!=="inline"&&{position:"fixed",bottom:"20px",[x==="bottom-right"?"right":"left"]:"20px",zIndex:1e3}};return e.jsxs("div",{className:`chat-widget-container cw-bg-white cw-border cw-border-gray-300 cw-rounded-lg cw-shadow-lg cw-flex cw-flex-col ${w==="dark"?"cw-bg-gray-800 cw-border-gray-600":""} ${l}`,style:F,children:[e.jsxs("div",{className:`cw-flex cw-items-center cw-justify-between cw-p-4 cw-border-b cw-bg-primary-500 cw-text-white cw-rounded-t-lg ${w==="dark"?"cw-border-gray-600":"cw-border-gray-200"}`,children:[e.jsx("h3",{className:"cw-font-semibold cw-text-sm",children:o}),x!=="inline"&&e.jsx("button",{onClick:()=>P(!h),className:"cw-text-white cw-hover:bg-primary-600 cw-rounded cw-p-1 cw-transition-colors",children:h?"▲":"▼"})]}),!h&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`cw-flex-1 cw-overflow-y-auto cw-p-4 chat-messages ${w==="dark"?"cw-bg-gray-700":"cw-bg-gray-50"}`,style:{maxHeight:"calc(100% - 120px)"},children:[b.length===0&&e.jsx("div",{className:`cw-text-center cw-text-gray-500 cw-text-sm cw-mt-8 ${w==="dark"?"cw-text-gray-400":""}`,children:"Start a conversation by typing a message below."}),b.map(r=>e.jsx(y,{message:r,botName:d,userName:f},r.id)),e.jsx("div",{ref:k})]}),e.jsx("div",{className:`cw-p-4 cw-border-t ${w==="dark"?"cw-border-gray-600 cw-bg-gray-800":"cw-border-gray-200"}`,children:e.jsxs("div",{className:"cw-flex cw-space-x-2 ",children:[e.jsx("input",{ref:I,type:"text",value:u,onChange:r=>N(r.target.value),onKeyDown:z,placeholder:s,className:` cw-w-full cw-flex-1 cw-px-3 cw-py-2 cw-border cw-rounded-md cw-text-sm cw-focus:outline-none cw-focus:ring-2 cw-focus:ring-primary-500 ${w==="dark"?"cw-bg-gray-700 cw-border-gray-600 cw-text-white cw-placeholder-gray-400":"cw-bg-white cw-border-gray-300"}`}),e.jsx("button",{onClick:R,disabled:!u.trim(),className:"cw-bg-primary-500 cw-text-white cw-px-4 cw-py-2 cw-rounded-md cw-text-sm cw-font-medium cw-hover:bg-primary-600 cw-disabled:opacity-50 cw-disabled:cursor-not-allowed cw-transition-colors",children:"Send"})]})})]})]})};typeof window<"u"&&(window.ChatWidget={ChatWidget:g,Message:y}),n.ChatWidget=g,n.Message=y,n.default=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});