@subiz/widget-v4 4.1.131 → 4.1.133

package/compiled_src/form.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = renderForm;
+var _preact = require("preact");
+var _Form = _interopRequireDefault(require("./form/Form.js"));
+var _index = _interopRequireDefault(require("./util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./chatbox/css.js'))))();
+let loadStatus = '';
+async function renderForm(form, chatbox, $div) {
+  initCss(chatbox);
+  if (loadStatus !== 'done') {
+    (0, _preact.render)((0, _preact.h)("div", null, "Loading"), $div);
+    return;
+  }
+  (0, _preact.render)((0, _preact.h)(_Form.default, {
+    mode: "attachment",
+    formSetting: form,
+    submission: {
+      values: []
+    },
+    t: () => ''
+  }), $div);
+}
+async function initCss(chatbox) {
+  if (!loadStatus) return;
+  loadStatus = 'loadiing';
+  let css = (await promiseMainCSS).default.default.toString();
+  let outcss = _index.default.replaceCssVariable(css, chatbox);
+  let $cssStyleDiv = document.createElement('style');
+  document.head.appendChild($cssStyleDiv);
+  $cssStyleDiv.type = 'text/css';
+  $cssStyleDiv.id = 'subiz-style-for-form';
+  _index.default.setCss('form', $cssStyleDiv, outcss);
+  loadStatus = 'done';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.131",
+	"version": "4.1.133",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/form.js

@@ -0,0 +1,30 @@
+import {h, render, createRef} from 'preact'
+let promiseMainCSS = (() => import(/*webpackChunkName: "main-css" */ './chatbox/css.js'))()
+import Form from './form/Form.js'
+import sb from './util/index.js'
+
+let loadStatus = ''
+export default async function renderForm(form, chatbox, $div) {
+  initCss(chatbox)
+  if (loadStatus !== 'done') {
+    render(<div>Loading</div>, $div)
+    return
+
+  }
+	render(<Form mode='attachment' formSetting={form} submission={{values: []}} t={() => ''} />, $div)
+}
+
+async function initCss(chatbox) {
+  if (!loadStatus) return
+  loadStatus = 'loadiing'
+	let css = (await promiseMainCSS).default.default.toString()
+	let outcss = sb.replaceCssVariable(css, chatbox)
+
+	let $cssStyleDiv = document.createElement('style')
+	document.head.appendChild($cssStyleDiv)
+	$cssStyleDiv.type = 'text/css'
+	$cssStyleDiv.id = 'subiz-style-for-form'
+
+	sb.setCss('form', $cssStyleDiv, outcss)
+  loadStatus = 'done'
+}