@tellescope/chat 1.256.15 → 2.0.0-beta.0

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@tellescope/chat",
-  "version": "1.256.15",
+  "version": "2.0.0-beta.0",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
-  "react-native": "./lib/esm/index.js",
   "types": "./lib/esm/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "npm run-script build:esm && npm run-script build:cjs",
     "build:esm": "tsc",
-    "build:cjs": "tsc --module commonjs --outDir lib/cjs",
-    "watch:cjs": "tsc --module commonjs --outDir lib/cjs --watch"
+    "build:cjs": "tsc -b tsconfig.cjs.json",
+    "watch:cjs": "tsc -b -w --preserveWatchOutput tsconfig.cjs.json"
   },
   "repository": {
     "type": "git",
@@ -23,6 +22,9 @@
     "url": "https://github.com/tellescope-os/enduser-authentication/issues"
   },
   "homepage": "https://github.com/tellescope-os/enduser-authentication#readme",
+  "engines": {
+    "node": ">=22.12.0"
+  },
   "devDependencies": {
     "@types/react": "17.0.52",
     "@types/react-dom": "17.0.18",
@@ -38,20 +40,19 @@
     "@fontsource/roboto": "4.5.8",
     "@mui/icons-material": "5.15.0",
     "@mui/material": "5.15.0",
-    "@tellescope/constants": "1.256.15",
-    "@tellescope/react-components": "1.256.15",
-    "@tellescope/sdk": "1.256.15",
-    "@tellescope/types-client": "1.256.15",
-    "@tellescope/types-models": "1.256.15",
-    "@tellescope/types-utilities": "1.256.15",
-    "@tellescope/utilities": "1.256.15",
-    "react-native-image-picker": "7.0.2"
+    "@tellescope/constants": "2.0.0-beta.0",
+    "@tellescope/react-components": "2.0.0-beta.0",
+    "@tellescope/sdk": "2.0.0-beta.0",
+    "@tellescope/types-client": "2.0.0-beta.0",
+    "@tellescope/types-models": "2.0.0-beta.0",
+    "@tellescope/types-utilities": "2.0.0-beta.0",
+    "@tellescope/utilities": "2.0.0-beta.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
-  "gitHead": "180f82301125bdd5e73608991061e49ed3d41e96",
+  "gitHead": "95b2448bb219e7634e29ef4b7850f8f74d73dcbc",
   "publishConfig": {
     "access": "public"
   }

package/tsconfig.cjs.json

@@ -0,0 +1,18 @@
+{
+  // CommonJS build (lib/cjs); see ../../constants/tsconfig.cjs.json.
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "lib/cjs",
+    "tsBuildInfoFile": "lib/cjs/tsconfig.cjs.tsbuildinfo"
+  },
+  "references": [
+    { "path": "../components/tsconfig.cjs.json" },
+    { "path": "../../sdk/tsconfig.cjs.json" },
+    { "path": "../../utilities/tsconfig.cjs.json" },
+    { "path": "../../types-client/tsconfig.cjs.json" },
+    { "path": "../../types-models/tsconfig.cjs.json" },
+    { "path": "../../types-utilities/tsconfig.cjs.json" },
+    { "path": "../../constants/tsconfig.cjs.json" }
+  ]
+}

package/src/components.native.tsx

@@ -1,205 +0,0 @@
-import { launchImageLibrary, launchCamera } from 'react-native-image-picker';
-import { Modal, TextInput, useWindowDimensions } from "react-native"
-import { Avatar } from 'react-native-paper'
-import {
-  useFileUpload,
-  Flex,
-  Typography,
-  AsyncIconButton,
-  SendIcon,
-  LabeledIconButton,
-  Button,
-  Paper,
-  useChats,
-  useResolvedSession, 
-} from "@tellescope/react-components"
-import { useState } from 'react';
-import { HTMLMessageProps } from './components';
-import { sanitize_user_html } from '@tellescope/utilities';
-import RenderHtml from 'react-native-render-html';
-
-export const HTMLMessage = ({ html: htmlUnprocessed, color="white", selectable=true } : HTMLMessageProps) => {
-  const html = (
-    htmlUnprocessed.endsWith('<br/>')
-      ? htmlUnprocessed.substring(0, htmlUnprocessed.length - 5)
-      : htmlUnprocessed
-  )
-
-  const { width } = useWindowDimensions();
-  return (
-    <RenderHtml defaultTextProps={{ selectable }}
-      baseStyle={{
-        paddingTop: 4, // causes better fit into both 1-line and multiline chat bubbles
-      }}
-      contentWidth={width}
-      source={{ 
-        html: (
-          sanitize_user_html(html) 
-        )
-      }}
-      tagsStyles={{
-        'body': {
-          color,
-        },
-        'a': {
-          color,
-          textDecorationColor: color, // underline color in the link
-        }
-      }}
-    />
-  );
-}
-
-const CHAT_ICON_SIZE = 35
-const SendImageOrVideo = ({ 
-  onUpload, 
-  disabled 
-} : { 
-  disabled?: boolean, 
-  onUpload: (file: { secureName: string }, assetType: 'image' | 'video') => void,
-}) => {
-  const session = useResolvedSession()
-  const [menuOpen, setMenuOpen] = useState(false)
-  const [errorMessage, setErrorMessage] = useState('')
-  const { handleUpload, uploading } = useFileUpload({ enduserId: session.userInfo.id })
-
-  const handleImageSelect = async (type: 'library' | 'camera') => {
-    if (uploading) return
-    setErrorMessage('')
-
-    const result = await (type === 'library' ? launchImageLibrary : launchCamera)({
-      mediaType: 'mixed', // library' ? 'mixed' : 'photo', // mixed only works for library
-      maxWidth: 500,
-      maxHeight: 500,
-    })
-    if (result.didCancel) return
-    if (result.errorCode || result.errorMessage) {
-      setErrorMessage(
-        result.errorCode === 'camera_unavailable' ? "Your camera is unavailable"
-      : result.errorCode === 'permission' ? "We do have permission to access your camera"
-      : result.errorMessage || 'An error occurred' 
-      )
-      return
-    }
-    const image = result.assets?.[0]
-    if (!image) return
-
-    const blob = await (await fetch(image.uri as string)).blob()
-    const actualSize = blob.size // image.size is incorrect by an unpredictable margin
-
-    try {
-      const file = await handleUpload({ 
-        name: image.fileName as string,
-        size: actualSize, // image.fileSize as number,
-        type: image.type as string,
-      }, {
-        uri: image.uri as string,
-        name: image.fileName as string,
-        type: image.type as string,
-      })
-      onUpload(
-        file,
-        result.assets?.[0]?.duration ? 'video' : 'image',
-      )
-      setMenuOpen(false)
-    } catch(err: any) {
-      setErrorMessage(err?.message ?? err.toString())
-    }
-  }
-
-  const menuDisabled = uploading || disabled
-  return (
-    <>
-    <Modal animationType='fade' transparent={true}
-      visible={menuOpen} onRequestClose={() => setMenuOpen(false)}
-    >
-      <Flex flex={1} alignItems="center" justifyContent="center">
-      <Paper flex style={{ padding: 25, margin: 10, }} >
-        <Button disabled={menuDisabled} variant="contained" onPress={() => handleImageSelect('library')}
-          style={{ marginBottom: 20, fontSize: 18, padding: 10  }}
-        >
-          Upload Photo or Video
-        </Button>
-        <Button disabled={menuDisabled} variant="contained" onPress={() => handleImageSelect('camera')}
-          style={{ fontSize: 18, padding: 10 }}
-        >
-          Take Photo
-        </Button>
-        <Button variant='outlined' onPress={() => setMenuOpen(false)} style={{ marginTop: 25 }}>
-          Cancel
-        </Button> 
-
-        <Typography style={{ marginTop: 5, color: '#ff4444'}}>
-          {errorMessage}
-        </Typography>
-      </Paper>
-      </Flex>
-    </Modal>
-
-    <LabeledIconButton label="attach image" disabled={menuDisabled} 
-      onClick={() => setMenuOpen(true)}
-      Icon={() => <Avatar.Icon icon={'image'} size={CHAT_ICON_SIZE} />}
-    />
-    </>
-  )
-}
-
-interface SendMessage_T {
-  roomId: string,
-  placeholderText?: string;
-  style?: React.CSSProperties;
-}
-export const SendMessage = ({ 
-  roomId, 
-  placeholderText="Enter a message", 
-  style={},
-}: SendMessage_T) => {
-  const [message, setMessage] = useState('')
-  const [sending, setSending] = useState(false)
-  
-  const [, { createElement: createMessage }] = useChats(roomId)
-
-  return (
-    <Flex row flex={1} alignContent="center" style={{ marginTop: 8, ...style }}>
-      <Flex column flex={1} style={{ marginLeft: 5, marginRight: 5 }}>
-        <TextInput value={message} onChangeText={setMessage} 
-          style={{ 
-            width: '100%',
-            borderColor: '#0f0f0f',
-            borderWidth: 1,
-            padding: 10,
-            borderRadius: 5,
-          }}
-          aria-label="Enter a message..." 
-          placeholder={placeholderText} 
-        />
-      </Flex>
-      <Flex alignSelf="center">
-        <Flex style={{ marginRight: 5 }}>
-        <AsyncIconButton label="send" Icon={() => <SendIcon size={CHAT_ICON_SIZE} />} 
-          disabled={message === ''}  
-          action={() => createMessage({ message, roomId })}
-          onSuccess={() => setMessage('')}
-          onChange={setSending}
-        />
-        </Flex>
-
-        <Flex style={{ marginRight: 5 }}>
-        <SendImageOrVideo disabled={sending} onUpload={async ({ secureName }, type) => {
-          setSending(true)
-          try {
-            await createMessage({ 
-              roomId, message: '',
-              attachments: [{ type, secureName }]
-            })
-          } catch(err: any) {
-            console.error(err)
-          } finally {
-            setSending(false)
-          }
-         }} />
-         </Flex>
-      </Flex>
-    </Flex> 
-  )
-}

package/src/index.native.ts

@@ -1,2 +0,0 @@
-export * from "./chat" 
-export * from "./components"