@subiz/widget-v4 4.1.35 → 4.1.37

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.35",
+	"version": "4.1.37",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,26 +14,26 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^4.0.16",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.31.0",
+		"core-js": "^3.32.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
-		"less": "^4.1.3",
+		"less": "^4.2.0",
 		"less-loader": "^11.1.3",
-		"marked": "^5.1.0",
-		"preact": "^10.15.1"
+		"marked": "^6.0.0",
+		"preact": "^10.16.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.22.6",
-		"@babel/core": "^7.22.6",
+		"@babel/cli": "^7.22.9",
+		"@babel/core": "^7.22.9",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.22.5",
-		"@babel/preset-env": "^7.22.6",
-		"babel-loader": "^9.1.2",
+		"@babel/preset-env": "^7.22.9",
+		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.3",
-		"prettier": "^2.8.8",
-		"puppeteer": "^20.7.3",
-		"webpack": "^5.88.1",
+		"prettier": "^3.0.1",
+		"puppeteer": "^21.0.1",
+		"webpack": "^5.88.2",
 		"webpack-bundle-analyzer": "^4.9.0",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^4.15.1"

package/src/lib.js

@@ -11,6 +11,7 @@ sb.preloadWebfonts(['Inter'], [400, 500, 600])
 
 class Widget {
 	constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
+		this.impressionTokens = {}
 		this.domGate = new sb.Gate()
 		this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake)
 
@@ -126,6 +127,27 @@ class Widget {
 		return this.store.sendConvoEvent(convoid, 'message_sent', {message})
 	}
 
+	async viewForm(formid) {
+		if (!formid || !sb.startsWith(formid, 'cp')) return
+		let impressiontoken = this.impressionTokens[formid]
+		if (impressiontoken) return impressiontoken
+		let {body: impression} = await this.store.sendImpression(formid)
+		impressiontoken = sb.get(impression, 'impression_token') || ''
+		this.impressionTokens[formid] = impressiontoken
+		return impressiontoken
+	}
+
+	// cpxdf, [{key:'fullname', type:'text', value: 'thanhpk@liec.om'}]
+	async submitForm(formid, values) {
+		if (!formid || !sb.startsWith(formid, 'cp')) return
+		values = sb.map(values, (val) => {
+			return {key: val.key, type: val.type || 'text', value: sb.stringify(val.value)}
+		})
+
+		let impressiontoken = await this.viewForm(formid)
+		return this.store.sendConversion(formid, values, impressiontoken)
+	}
+
 	startConvo(req) {
 		return this.store.startConvo(req)
 	}
@@ -224,3 +246,5 @@ class Widget {
 // for debugging purpose
 window.__sbz_WIDGET = Widget
 export default Widget
+
+// lib.submitForm('cprkztryyobndhbvwzjab', [{key: 'fullname', value: 'Pham Kieu Thanh 2' }, {key: 'phones', value: "0366621895"}]

package/src/util/common.js

@@ -385,7 +385,11 @@ export function getUserAttr(user, key, type) {
 		if (type === 'boolean') value = attr.boolean
 		if (type === 'number') value = attr.number
 		if (type === 'text') value = attr.text
-		if (type === 'list') value = attr.list
+
+		// backward compatible
+		if (type === 'list') {
+			value = [attr.text].concat(attr.other_values)
+		}
 	})
 	return value
 }