Merge branch 'main' of https://github.com/calibreapp/react-live-chat-loader

Author: benschwarz

package-lock.json

@@ -39,7 +39,7 @@
     "url": "https://github.com/calibreapp/react-live-chat-loader.git"
   },
   "peerDependencies": {
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",

package.json

@@ -1,22 +1,21 @@
+'use client'
 import React from 'react'
 import {
   LiveChatLoaderProvider,
   AdobeDynamicChat
 } from 'react-live-chat-loader'
-import type { NextPage } from 'next'
 
-import Layout from '../layouts/main'
-import ExampleLinks from '../components/exampleLinks'
+import ExampleLinks from '../../components/exampleLinks'
 
-const Page: NextPage = () => (
-  <LiveChatLoaderProvider
-    provider="adobeDynamicChat"
-    providerKey=""
-    instanceId=""
-    env=""
-    geo=""
-  >
-    <Layout title="React Live Chat Loader: Adobe Dynamic Chat">
+export default function AdobeDynamicChatPage() {
+  return (
+    <LiveChatLoaderProvider
+      provider="adobeDynamicChat"
+      providerKey=""
+      instanceId=""
+      env=""
+      geo=""
+    >
       <div className="wrapper">
         <div className="inner">
           <h1>React Live Chat Loader: Adobe Dynamic Chat</h1>
@@ -33,8 +32,6 @@ const Page: NextPage = () => (
         </div>
       </div>
       <AdobeDynamicChat />
-    </Layout>
-  </LiveChatLoaderProvider>
-)
-
-export default Page
+    </LiveChatLoaderProvider>
+  )
+}

website/pages/adobe-dynamic-chat.tsx renamed to website/app/adobe-dynamic-chat/page.tsx

@@ -1,16 +1,12 @@
+'use client';
 import React from 'react'
 import { LiveChatLoaderProvider, Chatwoot } from 'react-live-chat-loader'
-import type { NextPage } from 'next'
+import ExampleLinks from '../../components/exampleLinks'
 
-import Layout from '../layouts/main'
-import ExampleLinks from '../components/exampleLinks'
+export default function ChatwootPage() {
+  return (
+    <LiveChatLoaderProvider provider="chatwoot" providerKey="E33wn9ftxMDHZx18AaBkfPvY">
 
-const Page: NextPage = () => (
-  <LiveChatLoaderProvider
-    provider="chatwoot"
-    providerKey="E33wn9ftxMDHZx18AaBkfPvY"
-  >
-    <Layout title="React Live Chat Loader: Chatwoot">
       <div className="wrapper">
         <div className="inner">
           <h1>React Live Chat Loader: Chatwoot</h1>
@@ -26,8 +22,7 @@ const Page: NextPage = () => (
         </div>
       </div>
       <Chatwoot />
-    </Layout>
-  </LiveChatLoaderProvider>
-)
 
-export default Page
+    </LiveChatLoaderProvider>
+  )
+}

website/public/apple-touch-icon-76-76.png renamed to website/app/apple-icon1.png

@@ -1,18 +1,17 @@
+'use client';
 import React from 'react'
 import { LiveChatLoaderProvider, Drift } from 'react-live-chat-loader'
-import type { NextPage } from 'next'
+import ExampleLinks from '../../components/exampleLinks'
 
-import Layout from '../layouts/main'
-import ExampleLinks from '../components/exampleLinks'
+export default function ChatwootPage() {
+  return (
+    <LiveChatLoaderProvider provider="drift" providerKey="fv5fpb4nmax7">
 
-const Page: NextPage = () => (
-  <LiveChatLoaderProvider provider="drift" providerKey="fv5fpb4nmax7">
-    <Layout title="React Live Chat Loader: Drift">
       <div className="wrapper">
         <div className="inner">
           <h1>React Live Chat Loader: Drift</h1>
           <p>
-            This is an example implementation of the Drift chat widget using{' '}
+            This is an example implementation of the Drift widget using{' '}
             <a href="https://github.com/calibreapp/react-live-chat-loader">
               react-live-chat-loader
             </a>
@@ -23,8 +22,7 @@ const Page: NextPage = () => (
         </div>
       </div>
       <Drift icon="A" color="#0176ff" />
-    </Layout>
-  </LiveChatLoaderProvider>
-)
 
-export default Page
+    </LiveChatLoaderProvider>
+  )
+}