@subiz/widget-v4 4.0.91 → 4.0.93

package/compiled_src/chatbox/Widget.js

@@ -4,66 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _Emoji = _interopRequireDefault(require("./Emoji.js"));
-
 var _PoweredBy = _interopRequireDefault(require("./PoweredBy.js"));
-
 var _AgentsAvatar = _interopRequireDefault(require("./AgentsAvatar.js"));
-
 var _Header = _interopRequireDefault(require("./Header.js"));
-
 var _MessageInput = _interopRequireDefault(require("./MessageInput.js"));
-
 var _Events = _interopRequireDefault(require("./Events.js"));
-
 var _Typing = _interopRequireDefault(require("./Typing.js"));
-
 var _Rating = _interopRequireDefault(require("./Rating.js"));
-
 var _Order = _interopRequireDefault(require("./Order.js"));
-
 var _ListField = _interopRequireDefault(require("./ListField.js"));
-
 var _spinner = _interopRequireDefault(require("./spinner.js"));
-
 var _time = _interopRequireDefault(require("./time.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var send = require('../../assets/img/send.svg');
-
 var checkedimg = require('../../assets/img/done_gray.svg');
-
 var empty = require('../../assets/img/empty.svg');
-
 const defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar_default_baa8a1d7.png';
-
 class Widget extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "msgInput", (0, _preact.createRef)());
-
     _defineProperty(this, "sendMessage", async message => {
       let hasPostback = _index.default.find(message.attachments, att => att.type === 'postback');
-
       if (this.isFormRequired() && hasPostback) {
         this.onStartConvoClick();
         this.fillQuickReplyToQuestion(message);
         return;
       }
-
       let text = message.text;
-
       if (!this.props.cid) {
         this.creating = true;
         const {
@@ -74,8 +47,8 @@ class Widget extends _common.Com {
           message: text,
           initial_by: this.props.store.matchUser().id
         });
-
-        if (error) {}
+        if (error) {
+        }
 
         this.creating = false;
         this.props.store.sendConvoEvent(convo.id, 'message_sent', {
@@ -87,16 +60,13 @@ class Widget extends _common.Com {
         });
         return;
       }
-
       this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
         message
       });
     });
-
     _defineProperty(this, "onLink", (e, url) => {
       if (!url) return e.preventDefault();
       let noschemeurl = url.replace(/(^\w+:|^)\/\//, '');
-
       if (noschemeurl.startsWith('widget.subiz.com.vn/orders/')) {
         let orderid = noschemeurl.substr('widget.subiz.com.vn/orders/'.length);
         orderid = orderid.split('/')[0];
@@ -108,7 +78,6 @@ class Widget extends _common.Com {
         return;
       }
     });
-
     _defineProperty(this, "closeOrder", e => {
       this.setState({
         showOrder: false,
@@ -116,7 +85,6 @@ class Widget extends _common.Com {
       });
       this.focusInput();
     });
-
     this.userSent = {};
     this.setState({
       creating: false,
@@ -128,17 +96,14 @@ class Widget extends _common.Com {
     });
     this.props.store.onUpdate(this, _ => this.forceUpdate());
   }
-
   componentDidMount() {
     if (!this.props.store.isMobile()) this.focusInput();
   }
-
   componentDidUpdate(prevProp) {
     if (prevProp.isShow !== this.props.isShow) {
       if (this.props.isShow && !this.props.store.isMobile()) this.focusInput();
       if (this.props.isShow && this.props.store.isMobile()) this.blur();
     }
-
     if (prevProp.cid !== this.props.cid) {
       this.closeOrder();
       this.setState({
@@ -150,24 +115,19 @@ class Widget extends _common.Com {
         if (!this.props.store.isMobile()) this.focusInput();
       }, 100);
     }
-
     this.updateFormDataFields();
   }
-
   shouldShowForm() {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     if (_index.default.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-
     let offlineEnabled = _index.default.get(accountSetting, 'offline_form.enabled');
-
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
     if (!this.hasSentMessage(this.props.cid) && form && (_index.default.size(form.groups) || form.group_required)) return true;
     let formRequired = this.isFormRequired();
     return formRequired && !this.props.cid || formRequired && this.props.cid && this.state.clickedJoin;
   }
-
   render() {
     let showform = this.shouldShowForm();
     let form;
@@ -175,26 +135,21 @@ class Widget extends _common.Com {
     let acc = this.props.store.matchAccount() || {};
     let submitLabel = this.props.t('prechat_form_btn');
     if (_index.default.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-
     let offlineEnabled = _index.default.get(accountSetting, 'offline_form.enabled');
-
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
       submitLabel = this.props.t('offline_form_btn');
     }
-
     if (this.props.view === 'offline_form') {
       showform = true;
       form = accountSetting.offline_form;
       submitLabel = this.props.t('offline_form_btn');
     }
-
     if (this.props.view === 'prechat_form') {
       showform = true;
       form = accountSetting.prechat_form;
       submitLabel = this.props.t('prechat_form_btn');
     }
-
     let $body = null;
     if (this.props.view === 'list') $body = this.renderConvoList();else if (showform) $body = this.renderForm(form, submitLabel);else $body = this.renderChat();
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
@@ -215,35 +170,27 @@ class Widget extends _common.Com {
       })
     }), $body);
   }
-
   async submitPrechatForm(form) {
     var hasError = false;
-
     _index.default.map(this.state.formData, (field, key) => {
       if (field.is_required && (field.value === undefined || field.value === '' || _index.default.size(field.value) === 0 && Array.isArray(field.value))) {
         field.error = this.props.t('error_empty');
         hasError = true;
       } else field.error = '';
-
       if (key.substr(5) === 'emails' && !_index.default.isEmail(field.value) && field.is_required) {
         field.error = this.props.t('error_email_invalid');
         hasError = true;
       }
-
       if (key.substr(5) === 'phones' && !_index.default.isPhone(field.value) && field.is_required) {
         field.error = this.props.t('error_phone_invalid');
         hasError = true;
       }
     });
-
     if (hasError) return this.forceUpdate();
 
     let data = _index.default.cloneDeep(this.state.formData);
-
     let user = _index.default.cloneDeep(this.props.store.matchUser());
-
     let is_lead = false;
-
     _index.default.map(data, (field, key) => {
       if (!key.startsWith('attr:')) return;
       var attr = {
@@ -254,19 +201,14 @@ class Widget extends _common.Com {
       if (field.type === 'datetime') attr.datetime = new _index.default.Date(field.value).toISOString();
       if (field.type === 'list') attr.list = field.value;
       if (field.type === 'text' || field.type === 'boolean') attr[field.type] = field.value;
-
       _index.default.setUserAttr(user, attr);
     });
-
     if (is_lead) _index.default.setUserAttr(user, {
       key: 'lead_source',
       text: 'widget'
     });
-
     let firstmsg = _index.default.get(data, 'question.value');
-
     let groupid = _index.default.get(data, 'group.value', '');
-
     if (this.props.cid) {
       this.props.store.setUser(user);
       this.setState({
@@ -283,9 +225,11 @@ class Widget extends _common.Com {
           attachments: this.state.quickReplyMessage.attachments
         }
       });
+
       this.setState({
         quickReplyMessage: {}
       });
+
       if (form.end_conversation_after_submit) await this.props.store.endConvo(this.props.cid);
       return;
     }
@@ -311,7 +255,6 @@ class Widget extends _common.Com {
       error,
       convo
     } = await this.props.store.startConvo(req);
-
     if (error) {
       this.setState({
         creating: false,
@@ -319,7 +262,6 @@ class Widget extends _common.Com {
       });
       return;
     }
-
     let newconvoid = convo.id;
     this.userSent[newconvoid] = true;
     this.props.onGo({
@@ -336,7 +278,6 @@ class Widget extends _common.Com {
     });
     if (!this.props.store.isMobile()) this.focusInput();
   }
-
   formMounted(form) {
     let formData = this.fillForm(form);
     formData['question'] = {
@@ -351,36 +292,27 @@ class Widget extends _common.Com {
     });
     if (!this.props.store.isMobile()) this.focusInput();
   }
-
   onBooleanChange(key, e) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = _index.default.find(formData, (_, fkkey) => fkkey === key);
-
     if (!field) return;
     field.value = e.target.checked;
     this.setState({
       formData
     });
   }
-
   onInputChange(key, val) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = _index.default.find(formData, (_, fkkey) => fkkey === key);
-
     if (!field) return;
     field.value = val;
     this.setState({
       formData
     });
   }
-
   onListAddItem(key, val) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = _index.default.find(formData, (_, fkkey) => fkkey === key);
-
     if (!field) return;
     field.value = field.value || [];
     field.value.push(val);
@@ -388,12 +320,9 @@ class Widget extends _common.Com {
       formData
     });
   }
-
   onListRemoveItem(key, index) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = _index.default.find(formData, (_, fkkey) => fkkey === key);
-
     if (!field) return;
     field.value = field.value || [];
     field.value.splice(index, 1);
@@ -401,15 +330,12 @@ class Widget extends _common.Com {
       formData
     });
   }
-
   renderFields() {
     if (_index.default.size(this.state.formData) === 0) return null;
-
     let $fields = _index.default.map(this.state.formData, (field, key) => {
       if (this.state.quickReplyMessage.text && key === 'question') return null;
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
-
       if (field.type === 'text') {
         if (key === 'question') {
           $field = (0, _preact.h)("textarea", {
@@ -475,11 +401,9 @@ class Widget extends _common.Com {
         }))));
       } else if (field.type === 'list') {
         let selected = this.state.formData[key].value || [];
-
         let items = _index.default.filter(_index.default.get(field, 'list', []), item => {
           return !_index.default.includes(selected, item);
         });
-
         $field = (0, _preact.h)(_ListField.default, {
           selected: selected,
           items: items,
@@ -494,9 +418,7 @@ class Widget extends _common.Com {
           type: "date"
         });
       }
-
       let label = '';
-
       if (field.key === 'fullname') {
         label = this.props.t('fullname');
       } else if (field.key === 'emails') {
@@ -506,7 +428,6 @@ class Widget extends _common.Com {
       } else if (field.key === 'question') {
         label = field.label || this.props.t('your_question');
       }
-
       if (field.label) label = field.label;
       return (0, _preact.h)("div", null, (0, _preact.h)("div", {
         class: "label"
@@ -516,12 +437,10 @@ class Widget extends _common.Com {
         class: "form-control--valid-input--error"
       }, field.error) : '', $field);
     });
-
     return (0, _preact.h)("div", {
       class: "pt-2"
     }, $fields);
   }
-
   renderForm(form, submitLabel) {
     let $loading = null;
     if (this.state.creating) $loading = (0, _preact.h)("span", {
@@ -554,29 +473,22 @@ class Widget extends _common.Com {
       onClick: _ => this.submitPrechatForm(form)
     }, submitLabel, " ", $loading)));
   }
-
   goToConvo(cid) {
     this.props.onGo({
       view: 'chat',
       cid
     });
   }
-
   renderConvoList() {
     let convoM = this.props.store.matchConvo('*');
-
     var convos = _index.default.map(convoM, convo => this.props.store.matchConvo(convo.id));
-
     convos = _index.default.filter(convos, convo => !!convo);
     convos = _index.default.orderBy(convos, 'created', 'desc');
-
     var $convos = _index.default.map(convos, convo => {
       let ags = _index.default.filter(convo.members, m => {
         return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
       });
-
       let agentids = _index.default.map(ags, m => m.id);
-
       agentids = agentids || _index.default.agentsOfConvo(convo)[0];
       return (0, _preact.h)("div", {
         class: "convo-list--item",
@@ -591,11 +503,9 @@ class Widget extends _common.Com {
         agent_ids: agentids
       }), this.renderConvoSummary(convo));
     });
-
     let $body = (0, _preact.h)("div", {
       class: "convo-list--list"
     }, $convos);
-
     if (_index.default.size(convos) === 0) {
       $body = (0, _preact.h)("div", {
         class: "convo-list--list"
@@ -608,7 +518,6 @@ class Widget extends _common.Com {
         class: "empty-desc"
       }, this.props.t('empty_convo'))));
     }
-
     return (0, _preact.h)("div", {
       class: "convo-list"
     }, (0, _preact.h)("div", {
@@ -629,7 +538,6 @@ class Widget extends _common.Com {
       store: this.props.store
     })));
   }
-
   blur() {
     if (this.props.store.isPreview) return;
     var $input = this.msgInput.current;
@@ -640,16 +548,13 @@ class Widget extends _common.Com {
 
   focusInput() {
     if (this.props.store.isPreview) return;
-
     if (this.shouldShowForm()) {
       let firstemptykey = '';
-
       _index.default.map(this.state.formData, (field, key) => {
         if (field.type !== 'text') return;
         if (firstemptykey) return;
         if (!field.value) firstemptykey = key;
       });
-
       setTimeout(() => {
         var $input = this['form_' + encode(firstemptykey)];
         if (!$input) return;
@@ -657,7 +562,6 @@ class Widget extends _common.Com {
       }, 300);
       return;
     }
-
     var $input = this.msgInput.current;
     if (!$input) return;
     setTimeout(() => $input.focus());
@@ -673,24 +577,19 @@ class Widget extends _common.Com {
     });
     this.focusInput();
   }
-
   fillQuickReplyToQuestion(message) {
     let formData = this.state.formData;
-
     if (formData) {
       _index.default.set(formData, 'question.value', message.text);
     }
-
     this.setState({
       formData,
       quickReplyMessage: message
     });
   }
-
   createPostback(postback) {
     this.props.store.createPostback(this.props.cid, postback);
   }
-
   renderChat() {
     let $input = (0, _preact.h)(_MessageInput.default, {
       store: this.props.store,
@@ -700,7 +599,6 @@ class Widget extends _common.Com {
       t: this.props.t
     });
     let convo = this.props.store.matchConvo(this.props.cid) || {};
-
     if (this.isFormRequired() || convo.state === 'ended') {
       $input = (0, _preact.h)("div", {
         class: "message-input message-input--preform"
@@ -709,7 +607,6 @@ class Widget extends _common.Com {
         onClick: e => this.onStartConvoClick(e)
       }, this.props.t('offline_preform_btn')));
     }
-
     return (0, _preact.h)("div", {
       class: "widget-body"
     }, (0, _preact.h)("div", {
@@ -749,7 +646,6 @@ class Widget extends _common.Com {
       t: this.props.t
     }), $input);
   }
-
   async onStartConvoClick() {
     var convo = this.props.store.matchConvo(this.props.cid) || {};
     if (convo.state === 'ended') return this.props.onGo({
@@ -761,73 +657,59 @@ class Widget extends _common.Com {
       quickReplyMessage: {}
     });
   }
-
   onEventFormSubmit() {
     this.focusInput();
   }
-
   onContainerClick() {
     var selection = window.getSelection();
     if (selection.toString().length > 0) return;
     if (!this.props.store.isMobile()) this.focusInput();
   }
-
   isFormRequired() {
+
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     if (_index.default.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
 
     let offlineEnabled = _index.default.get(accountSetting, 'offline_form.enabled');
-
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
     if (!form) return false;
     let formData = this.fillForm(form);
+
     let convo = this.props.store.matchConvo(this.props.cid) || {};
     if (convo.state === 'ended') return true;
     if (convo.state && convo.state !== 'pending') delete formData.group;
     return !!_index.default.find(formData, field => field.is_required && (field.value == null || field.value === ''));
   }
-
   renderConvoSummary(convo) {
     let accountSetting = this.props.plugin.chatbox || {};
     let agentM = this.props.store.matchAgent('*');
-
     let ags = _index.default.filter(convo.members, m => {
       return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
     });
-
     let agentids = _index.default.map(ags, m => m.id);
-
     agentids = agentids || _index.default.agentsOfConvo(convo)[0];
-
     let agents = _index.default.map(agentids, id => agentM[id] || {
       avatar_url: defaultAvatar,
       fullname: 'Offline Agent'
     });
-
     var name = _index.default.each(agents, ag => ag.fullname).join(', ');
-
     if (accountSetting.hide_agent_profile || !name) name = this.props.store.matchAccount().name;
     if (!name) name = this.props.t('agent');
     var $you = null;
-
     if (convo.lastSenderType === 'user') {
       $you = (0, _preact.h)("span", {
         class: "yourmessage"
       }, this.props.t('you'), ":");
     }
-
     let seen = _index.default.isConvoSeen(convo, this.props.store.matchUser().id);
-
     var lastmsg = this.renderMessagePreview(convo.last_message_sent || {
       data: {
         message: _index.default.get(convo, 'last_message')
       }
     });
-
     var time = _index.default.getMs(_index.default.get(convo, 'last_message_sent.created')) || _index.default.getMs(_index.default.get(convo, 'last_sent.created')) || _index.default.getMs(convo.created);
-
     var $tim = (0, _preact.h)(_time.default, {
       ago: true,
       time: time,
@@ -837,7 +719,6 @@ class Widget extends _common.Com {
     let $unread = seen ? null : (0, _preact.h)("div", {
       class: "convo-list--item-unread"
     });
-
     if (convo.state === 'ended') {
       $unread = (0, _preact.h)("img", {
         alt: "conversation ended",
@@ -846,7 +727,6 @@ class Widget extends _common.Com {
         title: this.props.t('conversation_ended')
       });
     }
-
     return (0, _preact.h)("div", {
       class: "convo-list--convo-last-info"
     }, (0, _preact.h)("div", {
@@ -861,31 +741,23 @@ class Widget extends _common.Com {
       class: "convo-list--convo-last-message"
     }, $you, lastmsg), $unread));
   }
-
   agentsOfConvo(convo) {
     let agentM = this.props.store.matchAgent('*');
-
     var agentids = _index.default.agentsOfConvo(convo, true);
-
     return _index.default.map(agentids, id => agentM[id] || {
       avatar_url: defaultAvatar,
       fullname: 'Offline Agent'
     });
   }
-
   renderMessagePreview(ev) {
     let defmsg = this.props.t('sent_you_a_message');
-
     let message = _index.default.get(ev, 'data.message.text');
-
     var format = _index.default.get(ev, 'data.message.format');
 
     if (format !== 'plaintext') message = defmsg;
     if (!message && _index.default.size(_index.default.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
-
     let byType = _index.default.get(ev, 'by.type');
-
     return (0, _preact.h)("div", {
       class: "convo-list--convo-last-mes"
     }, _index.default.map(_index.default.extractText(message), tag => {
@@ -896,31 +768,23 @@ class Widget extends _common.Com {
       return tag.text;
     }));
   }
-
   userHasSent(cid) {
     var convo = this.props.store.matchConvo(cid) || {};
     let user = this.props.store.matchUser();
     if (this.userSent[cid]) return true;
-
     let joined = _index.default.find(convo.members, mem => mem.id === user.id && (mem.membership === 'active' || mem.last_sent > 0));
-
     return joined;
   }
-
   hasSentMessage(cid) {
     let convo = this.props.store.matchConvo(cid) || {};
-
     let joined = _index.default.find(convo.members, mem => {
       if (mem.type === 'bot') return true;
       return mem.last_sent;
     });
-
     return joined;
   }
-
   isOffline(acc, accSetting) {
     let enableWhen = _index.default.get(accSetting, 'offline_form.enable_when');
-
     let isonline = true;
     if (enableWhen === 'all_agents_offline') isonline = acc.is_online;
     if (enableWhen === 'out_of_bussiness_hour') isonline = acc.is_in_business_hour;
@@ -932,35 +796,27 @@ class Widget extends _common.Com {
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     if (_index.default.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-
     let offlineEnabled = _index.default.get(accountSetting, 'offline_form.enabled');
-
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
     }
-
     if (this.props.view === 'offline_form') {
       form = accountSetting.offline_form;
     }
-
     if (this.props.view === 'prechat_form') {
       form = accountSetting.prechat_form;
     }
-
     if (_index.default.size(form) === 0) return [];
     var data = {};
-
     _index.default.each(form.fields, f => {
       var newf = Object.assign({}, f);
 
       if (f.type === 'list') {
         newf.list = f.list;
       }
-
       newf.label = this.props.t.i18n(_index.default.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-
     if (form.group_required && _index.default.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
@@ -980,53 +836,42 @@ class Widget extends _common.Com {
       label: this.props.t.i18n(_index.default.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text'
     };
-
     if (this.isFormChanged(this.state.formData, data)) {
       this.setState({
         formData: data
       });
     }
   }
-
   isFormChanged(oldForm, newForm) {
     let oldKeys = Object.keys(oldForm);
     let newKeys = Object.keys(newForm);
     if (oldKeys.length !== newKeys.length) return true;
-
     for (let i = 0; i < oldKeys.length; i++) {
       if (_index.default.get(oldForm, `${oldKeys[i]}.label`) !== _index.default.get(newForm, `${newKeys[i]}.label`)) return true;
       if (_index.default.get(oldForm, `${oldKeys[i]}.is_required`) !== _index.default.get(newForm, `${newKeys[i]}.is_required`)) return true;
-
       if (_index.default.stringify(_index.default.get(oldForm, `${oldKeys[i]}.list`)) !== _index.default.stringify(_index.default.get(newForm, `${newKeys[i]}.list`))) {
         return true;
       }
     }
-
     return false;
   }
-
   fillForm(form) {
     if (_index.default.size(form) === 0) return [];
     var data = {};
     let user = this.props.store.matchUser();
-
     _index.default.each(form.fields, f => {
       var newf = Object.assign({}, f);
       newf.value = _index.default.getUserAttr(user, f.key, f.type);
       if (f.type === 'boolean' && !newf.value) newf.value = false;
-
       if (f.type === 'datetime' && newf.value) {
         newf.value = new _index.default.Date(data.value).toLocaleDateString('en-CA');
       }
-
       if (f.type === 'list') {
         newf.list = f.list;
       }
-
       newf.label = this.props.t.i18n(_index.default.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-
     if (form.group_required && _index.default.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
@@ -1039,21 +884,15 @@ class Widget extends _common.Com {
         }))
       };
     }
-
     return data;
   }
-
 }
-
 exports.default = Widget;
-
 class FormMounter extends _common.Com {
   componentDidMount() {
     this.props.onMount(this.props.form);
   }
-
 }
-
 function encode(key) {
   return encodeURIComponent(key);
 }