@subiz/widget-v4 4.1.218 → 4.1.222

package/compiled_src/form/form-fields.js

@@ -0,0 +1,244 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FaceIcon = FaceIcon;
+exports.LinearScale = LinearScale;
+exports.OTHER_OPTION_VALUE = void 0;
+exports.RatingFaces = RatingFaces;
+exports.getDescription = getDescription;
+exports.getPlaceholder = getPlaceholder;
+exports.getRatingConfig = getRatingConfig;
+exports.getScaleRange = getScaleRange;
+exports.isChips = isChips;
+exports.isEmptyValue = isEmptyValue;
+exports.optionLabel = optionLabel;
+exports.sameValue = sameValue;
+exports.toStoredValue = toStoredValue;
+exports.translate = translate;
+var _preact = require("preact");
+var _index = _interopRequireDefault(require("../util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OTHER_OPTION_VALUE = exports.OTHER_OPTION_VALUE = '__other__';
+const DEFAULT_MESSAGES = {
+  vi: {
+    form_other_option: 'Khác…',
+    form_other_option_placeholder: 'Nhập câu trả lời của bạn',
+    form_other_option_label: 'Khác'
+  },
+  en: {
+    form_other_option: 'Other…',
+    form_other_option_placeholder: 'Type your answer',
+    form_other_option_label: 'Other'
+  }
+};
+function translate(t, key) {
+  let msg = typeof t === 'function' ? t(key) : '';
+  if (msg && msg !== key) return msg;
+  let locale = '';
+  try {
+    if (t && typeof t.locale === 'function') locale = String(t.locale() || '');
+  } catch (e) {}
+  let lang = locale && !locale.toLowerCase().startsWith('vi') ? 'en' : 'vi';
+  return DEFAULT_MESSAGES[lang][key] || key;
+}
+function isChips(com) {
+  return String(_index.default.get(com, 'class') || '').split(/\s+/).includes('chips');
+}
+function getPlaceholder(com) {
+  return _index.default.get(com, 'place_holder') || _index.default.get(com, 'placeholder') || '';
+}
+function getDescription(com) {
+  return _index.default.get(com, 'description') || _index.default.get(com, 'label_description') || '';
+}
+function toStoredValue(v) {
+  if (typeof v === 'number') return v;
+  let s = String(v === undefined || v === null ? '' : v).trim();
+  if (s !== '' && /^-?\d+(\.\d+)?$/.test(s)) return Number(s);
+  return s;
+}
+function sameValue(a, b) {
+  if (a === undefined || a === null || a === '') return false;
+  return String(a) === String(b);
+}
+const FACES_5 = ['face_very_sad', 'face_sad', 'face_neutral', 'face_happy', 'face_very_happy'];
+const FACES_3 = ['face_sad', 'face_neutral', 'face_happy'];
+function getRatingConfig(com) {
+  let options = _index.default.filter(_index.default.get(com, 'input_options') || [], o => o && o.value !== undefined && o.value !== '');
+  if (_index.default.size(options) > 0) {
+    let isFace = _index.default.find(options, o => String(o.icon || '').startsWith('face'));
+    let faces = options.length === 3 ? FACES_3 : FACES_5;
+    let levels = _index.default.map(options, (o, i) => {
+      let icon = String(o.icon || '');
+      if (isFace && !icon.startsWith('face')) icon = faces[i] || 'face_neutral';
+      if (!isFace) icon = 'star';
+      return {
+        value: String(o.value),
+        icon
+      };
+    });
+    return {
+      kind: isFace ? 'face' : 'star',
+      levels
+    };
+  }
+  let max = parseInt(_index.default.get(com, 'scale_max'), 10);
+  if (max !== 3) max = 5;
+  let levels = [];
+  for (let i = 1; i <= max; i++) levels.push({
+    value: String(i),
+    icon: 'star'
+  });
+  return {
+    kind: 'star',
+    levels
+  };
+}
+function getScaleRange(com) {
+  let min = parseInt(_index.default.get(com, 'scale_min'), 10) === 0 ? 0 : 1;
+  let max = parseInt(_index.default.get(com, 'scale_max'), 10);
+  if (!max || isNaN(max)) max = 5;
+  if (max < 2) max = 2;
+  if (max > 10) max = 10;
+  let values = [];
+  for (let i = min; i <= max; i++) values.push(i);
+  return {
+    min,
+    max,
+    values
+  };
+}
+function optionLabel(com, v) {
+  let option = _index.default.find(_index.default.get(com, 'input_options') || [], o => sameValue(o.value, v));
+  if (option) return option.label || option.value;
+  return v;
+}
+function isEmptyValue(val) {
+  if (val === undefined || val === null) return true;
+  if (typeof val === 'string' && !val.trim()) return true;
+  if (Array.isArray(val) && val.length === 0) return true;
+  return false;
+}
+const MOUTHS = {
+  face_very_sad: 'M7.5 17.5 Q12 11.5 16.5 17.5',
+  face_sad: 'M8.5 16.5 Q12 13.5 15.5 16.5',
+  face_neutral: 'M8.5 15.5 L15.5 15.5',
+  face_happy: 'M8.5 14 Q12 17.5 15.5 14',
+  face_very_happy: 'M7.5 13 Q12 20 16.5 13 Z'
+};
+function FaceIcon({
+  icon,
+  size
+}) {
+  let mouth = MOUTHS[icon] || MOUTHS.face_neutral;
+  let s = size || 28;
+  return (0, _preact.h)("svg", {
+    class: "form-face-icon",
+    width: s,
+    height: s,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "1.6",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "aria-hidden": "true"
+  }, (0, _preact.h)("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), (0, _preact.h)("circle", {
+    cx: "8.8",
+    cy: "9.6",
+    r: "0.6",
+    fill: "currentColor",
+    "stroke-width": "1.2"
+  }), (0, _preact.h)("circle", {
+    cx: "15.2",
+    cy: "9.6",
+    r: "0.6",
+    fill: "currentColor",
+    "stroke-width": "1.2"
+  }), (0, _preact.h)("path", {
+    d: mouth,
+    fill: icon === 'face_very_happy' ? 'currentColor' : 'none',
+    "fill-opacity": "0.15"
+  }));
+}
+function RatingFaces({
+  levels,
+  value,
+  onChange,
+  readonly
+}) {
+  return (0, _preact.h)("div", {
+    class: 'form-rating-faces' + (readonly ? ' readonly' : ''),
+    role: readonly ? undefined : 'radiogroup'
+  }, _index.default.map(levels, level => {
+    let selected = sameValue(value, level.value);
+    let cls = 'form-rating-face';
+    if (selected) cls += ' selected';
+    if (readonly) {
+      return (0, _preact.h)("span", {
+        class: cls,
+        key: level.value
+      }, (0, _preact.h)(FaceIcon, {
+        icon: level.icon
+      }));
+    }
+    return (0, _preact.h)("button", {
+      type: "button",
+      class: cls,
+      key: level.value,
+      role: "radio",
+      "aria-checked": selected ? 'true' : 'false',
+      "aria-label": level.value,
+      title: level.value,
+      onClick: () => onChange(selected ? '' : toStoredValue(level.value))
+    }, (0, _preact.h)(FaceIcon, {
+      icon: level.icon
+    }));
+  }));
+}
+function LinearScale({
+  com,
+  value,
+  onChange,
+  numberedLabels
+}) {
+  let {
+    min,
+    max,
+    values
+  } = getScaleRange(com);
+  let cols = Math.ceil(values.length / 2);
+  let minLabel = _index.default.get(com, 'scale_min_label') || '';
+  let maxLabel = _index.default.get(com, 'scale_max_label') || '';
+  return (0, _preact.h)("div", {
+    class: 'form-linear-scale' + (values.length >= 8 ? ' many' : ''),
+    style: `--scale-count: ${values.length}; --scale-cols: ${cols}`
+  }, (0, _preact.h)("div", {
+    class: "form-linear-scale-items",
+    role: "radiogroup"
+  }, _index.default.map(values, v => {
+    let selected = sameValue(value, v);
+    let cls = 'form-linear-scale-item';
+    if (selected) cls += ' selected';
+    if (values.length % 2 && v === values[cols]) cls += ' row2-start';
+    return (0, _preact.h)("button", {
+      type: "button",
+      key: v,
+      class: cls,
+      role: "radio",
+      "aria-checked": selected ? 'true' : 'false',
+      onClick: () => onChange(v)
+    }, v);
+  })), (minLabel || maxLabel) && (0, _preact.h)("div", {
+    class: "form-linear-scale-labels"
+  }, (0, _preact.h)("span", {
+    class: "form-linear-scale-label min"
+  }, minLabel && numberedLabels ? `${min} · ${minLabel}` : minLabel), (0, _preact.h)("span", {
+    class: "form-linear-scale-label max"
+  }, maxLabel && numberedLabels ? `${max} · ${maxLabel}` : maxLabel)));
+}

package/compiled_src/form/index.js

@@ -35,6 +35,7 @@ async function load() {
   let accid = getUrlParameter('id') || getUrlParameter('accid') || getUrlParameter('account-id') || 'acqsulrowbxiugvginhw';
   let mask = accid + '@' + 'abcd';
   let token = getUrlParameter('token');
+  let formId = getUrlParameter('form-id') || getUrlParameter('formid');
   let previewJson = getUrlParameter('preview');
   await store.init(accid);
   let t = key => {
@@ -57,6 +58,7 @@ async function load() {
       store: store,
       t: t,
       token: token,
+      formId: formId,
       previewJson: previewJson
     }), document.getElementById('form'));
   });

package/compiled_src/form/rating-stars.js

@@ -6,124 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _common = require("../common.js");
 var _preact = require("preact");
-var _index = _interopRequireDefault(require("../util/index.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class Form2 extends _common.Com {
+class RatingStars extends _common.Com {
   constructor(props) {
     super(props);
-    _defineProperty(this, "state", {
-      hovering: 0,
-      selected: 0
-    });
     _defineProperty(this, "onMouseEnter", v => {
       let {
-        selected,
-        hovering
+        selected
       } = this.state;
-      if (v <= selected) {
-        this.setState({
-          hovering: selected
-        });
-        return;
-      }
       this.setState({
-        hovering: v
+        hovering: v <= selected ? selected : v
       });
     });
     _defineProperty(this, "onMouseLeave", () => {
-      let {
-        selected,
-        hovering
-      } = this.state;
       this.setState({
         hovering: 0
       });
     });
+    this.state = {
+      hovering: 0,
+      selected: Number(props.value) || 0
+    };
   }
   onToggleValue(v) {
-    let {
-      selected
-    } = this.state;
-    let newVal = v;
-    if (v === selected) newVal = 0;
+    let newVal = v === this.state.selected ? 0 : v;
     this.setState({
       selected: newVal,
       hovering: newVal
     });
-    this.props.onChange(newVal);
+    if (this.props.onChange) this.props.onChange(newVal);
   }
   render() {
     let {
       selected,
       hovering
     } = this.state;
-    let star1Cls = 'star-wrapper';
-    if (selected >= 1) {
-      star1Cls += ' selected';
-    } else if (hovering >= 1) {
-      star1Cls += ' hovering';
-    }
-    let star2Cls = 'star-wrapper';
-    if (selected >= 2) {
-      star2Cls += ' selected';
-    } else if (hovering >= 2) {
-      star2Cls += ' hovering';
-    }
-    let star3Cls = 'star-wrapper';
-    if (selected >= 3) {
-      star3Cls += ' selected';
-    } else if (hovering >= 3) {
-      star3Cls += ' hovering';
-    }
-    let star4Cls = 'star-wrapper';
-    if (selected >= 4) {
-      star4Cls += ' selected';
-    } else if (hovering >= 4) {
-      star4Cls += ' hovering';
-    }
-    let star5Cls = 'star-wrapper';
-    if (selected >= 5) {
-      star5Cls += ' selected';
-    } else if (hovering >= 5) {
-      star5Cls += ' hovering';
+    let count = Number(this.props.count) || 5;
+    let readonly = !!this.props.readonly;
+    let $stars = [];
+    for (let i = 1; i <= count; i++) {
+      let cls = 'star-wrapper';
+      if (selected >= i) cls += ' selected';else if (hovering >= i) cls += ' hovering';
+      if (readonly) {
+        $stars.push((0, _preact.h)("div", {
+          class: cls,
+          key: i
+        }, (0, _preact.h)("div", {
+          class: "star"
+        })));
+        continue;
+      }
+      $stars.push((0, _preact.h)("div", {
+        class: cls,
+        key: i,
+        role: "radio",
+        "aria-checked": selected === i ? 'true' : 'false',
+        "aria-label": String(i),
+        tabIndex: 0,
+        onClick: () => this.onToggleValue(i),
+        onKeyDown: e => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.onToggleValue(i);
+          }
+        },
+        onMouseEnter: () => this.onMouseEnter(i)
+      }, (0, _preact.h)("div", {
+        class: "star"
+      })));
     }
+    let cls = 'form-ratings-wrapper';
+    if (readonly) cls += ' readonly';
     return (0, _preact.h)("div", {
-      class: "form-ratings-wrapper",
+      class: cls,
+      role: readonly ? undefined : 'radiogroup',
       onMouseLeave: () => this.onMouseLeave()
-    }, (0, _preact.h)("div", {
-      class: star1Cls,
-      onClick: () => this.onToggleValue(1),
-      onMouseEnter: () => this.onMouseEnter(1)
-    }, (0, _preact.h)("div", {
-      class: "star"
-    })), (0, _preact.h)("div", {
-      class: star2Cls,
-      onClick: () => this.onToggleValue(2),
-      onMouseEnter: () => this.onMouseEnter(2)
-    }, (0, _preact.h)("div", {
-      class: "star"
-    })), (0, _preact.h)("div", {
-      class: star3Cls,
-      onClick: () => this.onToggleValue(3),
-      onMouseEnter: () => this.onMouseEnter(3)
-    }, (0, _preact.h)("div", {
-      class: "star"
-    })), (0, _preact.h)("div", {
-      class: star4Cls,
-      onClick: () => this.onToggleValue(4),
-      onMouseEnter: () => this.onMouseEnter(4)
-    }, (0, _preact.h)("div", {
-      class: "star"
-    })), (0, _preact.h)("div", {
-      class: star5Cls,
-      onClick: () => this.onToggleValue(5),
-      onMouseEnter: () => this.onMouseEnter(5)
-    }, (0, _preact.h)("div", {
-      class: "star"
-    })));
+    }, $stars);
   }
 }
-exports.default = Form2;
+exports.default = RatingStars;

package/compiled_src/plugin.js

@@ -8,6 +8,7 @@ var _index = _interopRequireDefault(require("./util/index.js"));
 var common = _interopRequireWildcard(require("./common.js"));
 var _preact = require("preact");
 var _main = _interopRequireDefault(require("./chatbox/main.js"));
+var _greeting = require("./chatbox/greeting.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const LoadPopup = () => Promise.resolve().then(() => _interopRequireWildcard(require('./popup/popup.js')));
@@ -146,6 +147,15 @@ function Plugin(plugin, store, $container, lib) {
     _locale = common.getLocale(plugin, locale);
     await common.downloadLanguage(store, _locale);
     this.t = t;
+    if (plugin.type === 'chatbox') {
+      store.relocalizeLightConvos(_locale, t.i18n, {
+        widgetGreeting: () => (0, _greeting.widgetGreeting)(plugin.chatbox, t),
+        previewGreetingText: () => {
+          let greeting = _index.default.get(plugin, 'chatbox.greeting', {});
+          return t.i18n(_index.default.get(greeting, 'greeting', {})) || greeting.message;
+        }
+      });
+    }
     _render();
     return _locale;
   };

package/compiled_src/store/api.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../util/index.js"));
+var _widgetSettings = require("./widget-settings.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -84,7 +85,7 @@ class _default {
     }));
     _defineProperty(this, "sendTyping", cid => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`));
     _defineProperty(this, "sendLostFocus", () => this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`));
-    _defineProperty(this, "attachmentRequest", () => this.apireq.setBaseUrl(new URL('/4.1', this.ApiURL).href).addQuery('x-account-id', this.accid));
+    _defineProperty(this, "attachmentRequest", () => this.apireq.setBaseUrl(new URL('/4.1', new URL(this.ApiURL, document.location.href)).href).addQuery('x-account-id', this.accid));
     _defineProperty(this, "attachmentJSON", async (path, body, method = 'post') => {
       const result = await this.attachmentRequest()[method](path, body);
       if (result.error || result.body?.error || result.code < 200 || result.code >= 300) {
@@ -172,12 +173,7 @@ class _default {
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
     _defineProperty(this, "getAccountSetting", async p => {
       let href = _index.default.get(document, 'location.href');
-      let res = {};
-      if (p && p.bot_id) {
-        res = await this.apireq.addQuery('url', href).addQuery('bot_id', p.bot_id).get(`/accounts/${this.accid}/settings`);
-      } else {
-        res = await this.apireq.addQuery('url', href).get(`/accounts/${this.accid}/settings`);
-      }
+      const res = await (0, _widgetSettings.loadWidgetSettings)(this.apireq, this.ApiURL, this.accid, href, p && p.bot_id);
       if (res.error) return res;
       let plugins = _index.default.get(res, 'body.plugins') || [];
       _index.default.map(plugins, plugin => {
@@ -208,6 +204,8 @@ class _default {
     _defineProperty(this, "list_wards", p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`));
     _defineProperty(this, "checkFormToken", (accid, token) => this.api41.addQuery('account-id', accid).get(`/submissions/${token}`));
     _defineProperty(this, "submitForm2", (accid, token, data) => this.api41.addQuery('account-id', accid).post(`/submissions/${token}`, data));
+    _defineProperty(this, "getPublicForm", formid => this.websiteFormRequest().get(`/accounts/${this.accid}/public-forms/${encodeURIComponent(formid)}`));
+    _defineProperty(this, "submitPublicForm", (formid, data) => this.websiteFormRequest().post(`/accounts/${this.accid}/public-forms/${encodeURIComponent(formid)}/submissions`, data));
     _defineProperty(this, "suggest_address", keyword => this.apireq.setQuery({
       keyword: keyword
     }).get(`/accounts/${this.accid}/addresses`));

package/compiled_src/store/api_fake.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../util/index.js"));
+var _widgetSettings = require("./widget-settings.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -71,10 +72,11 @@ class _default {
         }]
       }
     }));
-    _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
+    _defineProperty(this, "getAccountSetting", p => (0, _widgetSettings.loadWidgetSettings)(this.apireq, this.ApiURL, this.accid, document.location.href, p && p.bot_id));
     _defineProperty(this, "sendImpression", impression => OK200);
     _defineProperty(this, "sendConversion", conversion => OK200);
     this.FileURL = FileURL;
+    this.ApiURL = ApiURL;
     this.apireq = ajax.setBaseUrl(ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json');
   }
   setAgentId(agid) {

package/compiled_src/store/localize.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizeMessage = localizeMessage;
+exports.pickLocale = void 0;
+var _index = _interopRequireDefault(require("../util/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const pickLocale = locale => i18n => {
+  if (!i18n || !locale) return undefined;
+  return i18n[locale.replace('-', '_')] || i18n[locale];
+};
+exports.pickLocale = pickLocale;
+function localizeMessage(message, pick) {
+  if (!message) return false;
+  let changed = false;
+  const block = message.i18n_block && pick(message.i18n_block);
+  if (block) {
+    message.block = _index.default.cloneDeep(block);
+    message.text = _index.default.blockToText(block);
+    changed = true;
+  }
+  _index.default.map(message.attachments, att => {
+    _index.default.map(att && att.quick_replies, qr => {
+      const title = qr && qr.i18n_title && pick(qr.i18n_title);
+      if (!title) return;
+      qr.title = title;
+      changed = true;
+    });
+  });
+  return changed;
+}

package/compiled_src/store/store.js

@@ -12,6 +12,7 @@ var _kv = _interopRequireDefault(require("./kv.js"));
 var _api_fake = _interopRequireDefault(require("./api_fake.js"));
 var _realtime_fake = _interopRequireDefault(require("./realtime_fake.js"));
 var _attachments = require("./attachments.js");
+var _localize = require("./localize.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -210,6 +211,8 @@ class Store {
     _defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
     _defineProperty(this, "checkFormToken", (accid, token) => this.api.checkFormToken(accid, token));
     _defineProperty(this, "submitForm2", (accid, token, data) => this.api.submitForm2(accid, token, data));
+    _defineProperty(this, "getPublicForm", formid => this.api.getPublicForm(formid));
+    _defineProperty(this, "submitPublicForm", (formid, data) => this.api.submitPublicForm(formid, data));
     _defineProperty(this, "sendPresence", _index.default.throttle(async () => {
       if (!this._track_page_view) return;
       if (this._die) return dieErr;
@@ -1197,6 +1200,58 @@ class Store {
     if (cid.startsWith('cslight')) return;
     this._typing(cid);
   }
+  relocalizeLightConvos(locale, pick, opts = {}) {
+    let changed = [];
+    _index.default.map(this.lightConvos, convo => {
+      if (!convo) return;
+      _index.default.map(convo.events, ev => {
+        let message = _index.default.get(ev, 'data.message');
+        if (!message) return;
+        let ok = false;
+        if (convo.light_type === 'widget' && _index.default.get(ev, 'id', '').startsWith('widget-greeting-')) {
+          let text = opts.widgetGreeting && _index.default.get(opts.widgetGreeting(), 'data.message.text');
+          if (text) {
+            message.text = text;
+            ok = true;
+          }
+        } else {
+          ok = (0, _localize.localizeMessage)(message, pick);
+        }
+        if (!ok) return;
+        if (_index.default.get(convo, 'last_message_sent.id') === ev.id) convo.last_message_sent = _index.default.cloneDeep(ev);
+        changed.push(ev);
+      });
+      convo.locale = locale;
+    });
+    if (_index.default.size(this.lightConvos)) this.kv.put('light_convos', this.lightConvos);
+    this.relocalizePreview(pick, opts.previewGreetingText);
+    if (changed.length) this.pubsub.publish('account');
+  }
+  relocalizePreview(pick, previewGreetingText) {
+    let previewEvent = _index.default.get(this.matchLastview(), 'previewEvent');
+    if (!_index.default.size(previewEvent)) return;
+    let cid = _index.default.get(previewEvent, 'data.message.conversation_id');
+    let next = _index.default.cloneDeep(previewEvent);
+    let ok = false;
+    if (!cid) {
+      let text = previewGreetingText && previewGreetingText();
+      if (text) {
+        next.data.message.text = text;
+        ok = true;
+      }
+    } else {
+      let ev = previewEvent.id && _index.default.find(_index.default.get(this.lightConvos, [cid, 'events']), e => e && e.id === previewEvent.id);
+      if (ev) {
+        next = _index.default.cloneDeep(ev);
+        ok = true;
+      } else {
+        ok = (0, _localize.localizeMessage)(_index.default.get(next, 'data.message'), pick);
+      }
+    }
+    if (ok) this.updateLastview({
+      previewEvent: next
+    });
+  }
   deleteLightConvo(id) {
     delete this.lightConvos[id];
     this.kv.put('light_convos', this.lightConvos);
@@ -1273,9 +1328,10 @@ class Store {
         type: 'bot'
       };
       ev.data = {
-        message: message
+        message: _index.default.cloneDeep(message)
       };
       ev.data.message.conversation_id = convoid;
+      (0, _localize.localizeMessage)(ev.data.message, (0, _localize.pickLocale)(locale));
       lastev = ev;
       return ev;
     });