@subiz/widget-v4 4.1.78 → 4.1.80

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.78",
+	"version": "4.1.80",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -9,7 +9,7 @@
 		"lib": "rm -rf compiled_src && npx babel --out-dir=compiled_src src"
 	},
 	"dependencies": {
-		"@subiz/ajax": "^3.0.14",
+		"@subiz/ajax": "^3.0.16",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^4.0.24",
@@ -22,16 +22,16 @@
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.24.5",
-		"@babel/core": "^7.24.5",
+		"@babel/cli": "^7.24.7",
+		"@babel/core": "^7.24.7",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.23.4",
-		"@babel/preset-env": "^7.24.5",
+		"@babel/plugin-transform-react-jsx": "^7.24.7",
+		"@babel/preset-env": "^7.24.7",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^22.9.0",
-		"webpack": "^5.91.0",
+		"puppeteer": "^22.12.0",
+		"webpack": "^5.92.1",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.0.4"

package/src/chatbox/Events.js

@@ -161,6 +161,7 @@ export default class Events extends Com {
 		let events = this.props.store.listEvents(this.props.cid)
 		if (sb.size(events) === 0) {
 			let cid = this.props.cid
+
 			let {error} = await this.props.store.fetchMoreEvents(cid)
 			this.setState({loading: false})
 			if (cid !== this.props.cid) return // out dated
@@ -173,7 +174,6 @@ export default class Events extends Com {
 		this.props.store.fetchMoreEvents(this.props.cid)
 		this.setState({error: false})
 		this.scrollToBottom()
-
 		sb.setTimeout(() => this.setState({loading: false}), 50)
 	}
 

package/src/chatbox/time.js

@@ -39,7 +39,7 @@ export default class Time extends Com {
 			}
 
 			if (!t && this.props.time > 0) t = ago(this.props.time, new sb.Date().getTime(), this.props.t)
-		} else t = sb.shortTime(this.props.time, this.props.tzoffset, Date.now(), forceLocale)
+		} else t = sb.shortTime(this.props.time, this.props.tzoffset, sb.Date.now(), forceLocale)
 
 		if (this.props.uppercase) t = t.toUpperCase()
 

package/src/store/api.js

@@ -63,7 +63,7 @@ export default class {
 					.addQuery('x-user-ref', this.ref)
 					.setParser('json')
 					.get(`/accounts/${this.accid}/users/${this.ref}`)
-				if (outuser.error && sb.get(outuser, 'body.code', '').indexOf('locked_account') != -1) break
+				if (outuser.error && sb.get(outuser, 'body.error.code', '').indexOf('locked_account') != -1) break
 
 				if (!sb.get(outuser, 'body.id')) {
 					let sleeptime = Math.min(2000 + i * 400, 60000)

package/src/store/store.js

@@ -316,26 +316,39 @@ export default class Store {
 	list_districts = (p) => this.api.list_districts(p)
 	list_wards = (p) => this.api.list_wards(p)
 
+	outofmsgM = {}
+
 	listEvents = (id) => {
 		if (!id || id === '*' || typeof id !== 'string') return
-		if (!this.isInsync('events' + id)) {
-			sb.setTimeout(async () => {
-				await this.readyGate.entry()
-				await this.reconnectGate.entry(undefined, true)
-				if (this.isInsync('events' + id)) return this.reconnectGate.open()
-				this.markSync('events' + id)
-				await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit))
-				this.pubsub.publish('account')
-				return this.reconnectGate.open()
-			}, 10)
-		}
 		return this.chain.listM(id)
 	}
 
 	fetchMoreEvents = async (convoid) => {
-		let {error} = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) =>
-			this.listmessageapi(type, anchor, limit),
-		)
+		if (!this.isInsync('events' + convoid)) {
+			await this.readyGate.entry()
+			await this.reconnectGate.entry(undefined, true)
+			if (this.isInsync('events' + convoid)) return this.reconnectGate.open()
+			this.markSync('events' + convoid)
+
+			// reset anchor
+			await this.chain.reload(convoid, () => {
+				return [[], '']
+			})
+			let out = await this._doFetchMsg(convoid)
+			this.reconnectGate.open()
+			return out
+		}
+
+		return this._doFetchMsg(convoid)
+	}
+
+	_doFetchMsg = async (convoid) => {
+		let {error} = await this.chain.fetchMore(convoid, 150, async (type, anchor, limit) => {
+			if (this.outofmsgM[convoid]) return [[], '']
+			let [events, newanchor, error, outofmsg] = await this.listmessageapi(type, anchor, limit)
+			if (outofmsg) this.outofmsgM[convoid] = true
+			return [events, newanchor, error]
+		})
 		this.pubsub.publish('account')
 		return {error}
 	}
@@ -510,9 +523,23 @@ export default class Store {
 				// send seen
 				this.api.markAsSeen(id, lastmsgsent.id)
 
+				// fire own event so guest code can update unread number
+				this.pubsub.publish('events', {
+					created: sb.Date.now(),
+					type: 'message_pong',
+					by: {type: 'user'},
+					data: {
+						message: {
+							conversation_id: id,
+							id: '*',
+							pongs: [{type: 'seen', created: sb.Date.now()}],
+						},
+					},
+				})
+
 				let convo = this.cache.match('convo_' + id) || {}
 				let mem = sb.find(convo.members, (m) => m.id === user.id)
-				if (mem) mem.seen_at = Date.now()
+				if (mem) mem.seen_at = sb.Date.now()
 				this._setConvo(convo)
 				this.g_haveSentSeenM[lastmsgsent.id] = true
 			})
@@ -754,8 +781,8 @@ export default class Store {
 			let members = sb.get(ev, 'data.conversation.members', [])
 			let me = sb.find(members, (m) => m.id === this.cache.match('user').id)
 			if (me) {
-				await this.chain.reload(cid, (type, anchor, limit) => this.listmessageapi(type, anchor, limit))
-				this.markSync('events' + cid)
+				// await this.chain.reload(cid, (type, anchor, limit) => this.listmessageapi(type, anchor, limit)) // ?
+				// this.markSync('events' + cid)
 				if (!alreadyFetched) {
 					let {body: apiconvo} = await this.api.getConversation(cid)
 					if (apiconvo) {
@@ -769,7 +796,10 @@ export default class Store {
 
 		if (ev.type === 'message_sent') {
 			if (sb.get(ev, 'by.id') !== user.id) {
-				this.api.markAsReceived(cid, ev.id)
+				if (!this._alreadyReceived[ev.id]) {
+					this._alreadyReceived[ev.id] = true
+					this.api.markAsReceived(cid, ev.id)
+				}
 			}
 		}
 
@@ -782,6 +812,7 @@ export default class Store {
 		}
 	}
 
+	_alreadyReceived = {} // dont dup receive
 	async restConvoEvent(ev) {
 		let user = this.cache.match('user')
 		let cid = sb.convoOfEv(ev)
@@ -1068,11 +1099,15 @@ export default class Store {
 
 			let pongbyme = sb.find(sb.get(ev, 'data.message.pongs'), (p) => p.member_id === user.id)
 			if (pongbyme) break
-			this.api.markAsReceived(convoid, ev.id)
+			if (!this._alreadyReceived[ev.id]) {
+				this._alreadyReceived[ev.id] = true
+				this.api.markAsReceived(convoid, ev.id)
+			}
 			break
 		}
 
-		return [events, anchor]
+		let outofmsg = sb.size(events) < limit
+		return [events, anchor, undefined, outofmsg]
 	}
 
 	timeDiff = 0
@@ -1244,7 +1279,6 @@ function getGaTrackingIds() {
 
 function sendToFBPixel(category, action, label) {
 	if (!window.fbq) return
-
 	window.fbq('trackCustom', category, {action: action, label: label})
 }