react-survey-builder 1.0.41 → 1.0.42

package/lib/dynamic-option-list.js

@@ -11,14 +11,11 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
-var _UUID = _interopRequireDefault(require("./UUID"));
-var _IntlMessages = _interopRequireDefault(require("./language-provider/IntlMessages"));
 var _fa = require("react-icons/fa");
 var _reactBootstrap = require("react-bootstrap");
+var _functions = require("./functions");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
-  * <DynamicOptionList />
-  */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(DynamicOptionList, _React$Component);
   var _super = _createSuper(DynamicOptionList);
@@ -96,7 +93,7 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
       thisElement.options.splice(index + 1, 0, {
         value: '',
         text: '',
-        key: _UUID["default"].uuid()
+        key: (0, _functions.generateUUID)()
       });
       this.props.updateElement.call(this.props.preview, thisElement);
     }
@@ -118,17 +115,11 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
         className: "dynamic-option-list"
       }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         sm: 6
-      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "options"
-      }))), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
+      }, /*#__PURE__*/_react["default"].createElement("b", null, "Options")), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         sm: 2
-      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "value"
-      }))), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
+      }, /*#__PURE__*/_react["default"].createElement("b", null, "Value")), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         sm: 4
-      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "correct"
-      }))))), this.props.element.options.map(function (option, index) {
+      }, /*#__PURE__*/_react["default"].createElement("b", null, "Correct")))), this.props.element.options.map(function (option, index) {
         var thisKey = "edit_".concat(option.key);
         var val = option.value !== _this2._setValue(option.text) ? option.value : '';
         return /*#__PURE__*/_react["default"].createElement("li", {

package/lib/fieldset/index.js

@@ -4,10 +4,128 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FieldSet", {
-  enumerable: true,
-  get: function get() {
-    return _FieldSet["default"];
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
+var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
+var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
+var _reactBootstrap = require("react-bootstrap");
+var _myxss = _interopRequireDefault(require("../survey-elements/myxss"));
+var _excluded = ["item", "className"]; // import FieldSet from './FieldSet';
+// export { FieldSet };
+/* eslint-disable camelcase */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
+var ComponentLegend = function ComponentLegend(_ref) {
+  var item = _ref.item;
+  var labelText = _myxss["default"].process(item.label);
+  if (!labelText || !labelText.trim()) {
+    return null;
   }
-});
-var _FieldSet = _interopRequireDefault(require("./FieldSet"));
+  return /*#__PURE__*/_react["default"].createElement("legend", {
+    dangerouslySetInnerHTML: {
+      __html: labelText
+    }
+  });
+};
+var FieldSet = function FieldSet(props) {
+  var _React$useState = _react["default"].useState({}),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    childItem = _React$useState2[0],
+    setChildItem = _React$useState2[1];
+  var _React$useState3 = _react["default"].useState(null),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    childItems = _React$useState4[0],
+    setChildItems = _React$useState4[1];
+  _react["default"].useEffect(function () {
+    var item = props.item,
+      className = props.className,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    setChildItem(item);
+    var count = 1;
+    createChild(count, item);
+  }, [props]);
+  var addNewChild = function addNewChild() {
+    var $dataItem = props.item;
+    var colCount = $dataItem.childItems.length + 1;
+    var oldChilds = $dataItem.childItems;
+    $dataItem.childItems = Array.from({
+      length: colCount
+    }, function (v, i) {
+      return oldChilds[i] ? oldChilds[i] : null;
+    });
+    setChildItems($dataItem.childItems);
+  };
+  var _onDropSuccess = function onDropSuccess(droppedIndex) {
+    var totalChild = childItems ? childItems.length : 0;
+    var isLastChild = totalChild === droppedIndex + 1;
+    if (isLastChild) {
+      addNewChild();
+    }
+  };
+  var createChild = function createChild(count, $dataItem) {
+    var colCount = count;
+    if (!$dataItem.childItems) {
+      // eslint-disable-next-line no-param-reassign
+      $dataItem.childItems = Array.from({
+        length: colCount
+      }, function (v, i) {
+        return null;
+      });
+      $dataItem.isContainer = true;
+    }
+    setChildItems($dataItem.childItems);
+  };
+  var controls = props.controls,
+    editModeOn = props.editModeOn,
+    getItemById = props.getItemById,
+    setAsChild = props.setAsChild,
+    removeChild = props.removeChild,
+    seq = props.seq,
+    index = props.index;
+  var pageBreakBefore = childItem.pageBreakBefore;
+  var baseClasses = "SortableItem rfb-item";
+  if (pageBreakBefore) {
+    baseClasses += " alwaysbreak";
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread({}, props.style),
+    className: baseClasses
+  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
+    isFieldSet: true
+  })), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
+    fluid: true
+  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
+    return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
+      key: "".concat(i, "_").concat(x || "_"),
+      md: 12
+    }, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
+      style: {
+        width: "100%"
+      },
+      item: childItem,
+      accepts: accepts,
+      items: childItems,
+      key: i,
+      col: i,
+      onDropSuccess: function onDropSuccess() {
+        return _onDropSuccess(i);
+      },
+      parentIndex: index,
+      editModeOn: editModeOn,
+      _onDestroy: function _onDestroy() {
+        return removeChild(childItem, i);
+      },
+      getItemById: getItemById,
+      setAsChild: setAsChild,
+      seq: seq,
+      rowNo: i
+    }));
+  })))));
+};
+var _default = exports["default"] = FieldSet;

package/lib/form-fields.js

@@ -11,10 +11,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactIntl = require("react-intl");
 var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
 var _multiColumn = require("./multi-column");
-var _fieldset = require("./fieldset");
+var _fieldset = _interopRequireDefault(require("./fieldset"));
 var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
 var _registry = _interopRequireDefault(require("./stores/registry"));
 var _reactBootstrap = require("react-bootstrap");
@@ -25,9 +24,7 @@ var _reactPhoneNumberInput = require("react-phone-number-input");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
-  * <FormFields />
-  */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
   var _ref$validateForCorre = _ref.validateForCorrectness,
     validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
@@ -36,29 +33,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     downloadPath = _ref.downloadPath,
-    intl = _ref.intl,
     answers = _ref.answers,
     onSubmit = _ref.onSubmit,
     onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
     items = _ref.items,
     _ref$submitButton = _ref.submitButton,
     submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,
     _ref$backButton = _ref.backButton,
     backButton = _ref$backButton === void 0 ? false : _ref$backButton,
-    _ref$actionName = _ref.actionName,
-    actionName = _ref$actionName === void 0 ? null : _ref$actionName,
-    _ref$backName = _ref.backName,
-    backName = _ref$backName === void 0 ? null : _ref$backName,
     _ref$backAction = _ref.backAction,
     backAction = _ref$backAction === void 0 ? null : _ref$backAction,
     _ref$hideActions = _ref.hideActions,
     hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
-    formAction = _ref.formAction,
-    formMethod = _ref.formMethod,
     variables = _ref.variables,
-    authenticity_token = _ref.authenticity_token,
-    task_id = _ref.task_id,
     buttonClassName = _ref.buttonClassName,
     checkboxButtonClassName = _ref.checkboxButtonClassName,
     formId = _ref.formId,
@@ -303,9 +290,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
         if (methods) {
           methods.setError(item.fieldName, {
             type: 'incorrect',
-            message: "".concat(item.label, " ").concat(intl.formatMessage({
-              id: 'message.was-answered-incorrectly'
-            }))
+            message: "".concat(item.label, " was answered incorrectly")
           });
         }
         hasErrors = true;
@@ -471,9 +456,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
     if (!item.component || typeof item.component !== 'function') {
       item.component = _registry["default"].get(item.key);
       if (!item.component) {
-        console.error("".concat(item.element, " ").concat(intl.formatMessage({
-          id: 'message.was-not-registered'
-        })));
+        console.error("".concat(item.element, " was not registered"));
       }
     }
     return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
@@ -520,9 +503,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
       fieldRules = _objectSpread({}, item.fieldRules);
     }
     if (item.required) {
-      fieldRules.required = "".concat(item.label, " ").concat(intl.formatMessage({
-        id: 'message.is-required'
-      }));
+      fieldRules.required = "".concat(item.label, " is required");
     }
     switch (item.element) {
       case 'EmailInput':
@@ -531,23 +512,17 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
           message: "".concat(item.label, " must be at least 4 characters long")
         };
         fieldRules.validate = function (value) {
-          return validateEmail(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-email'
-          }));
+          return validateEmail(value) || "".concat(item.label, " field requires valid email address");
         };
         break;
       case 'PhoneNumber':
         fieldRules.validate = function (value) {
-          return validatePhone(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-phone-number'
-          }));
+          return validatePhone(value) || "".concat(item.label, " field requires a valid phone number");
         };
         break;
       case 'DatePicker':
         fieldRules.validate = function (value) {
-          return validateDate(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-date'
-          }));
+          return validateDate(value) || "".concat(item.label, " field requires a valid date in the format MM/DD/YYYY");
         };
         break;
       default:
@@ -621,7 +596,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
       case 'TwoColumnRow':
         return getContainerElement(item, _multiColumn.TwoColumnRow);
       case 'FieldSet':
-        return getContainerElement(item, _fieldset.FieldSet);
+        return getContainerElement(item, _fieldset["default"]);
       case 'Signature':
         return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
           key: "form_".concat(item.id),
@@ -805,4 +780,4 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
     className: buttonClassName ? buttonClassName : 'btn-toolbar'
   }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));
 };
-var _default = exports["default"] = (0, _reactIntl.injectIntl)(ReactSurveyFormFields);
+var _default = exports["default"] = ReactSurveyFormFields;

package/lib/form.js

@@ -11,10 +11,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactIntl = require("react-intl");
 var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
 var _multiColumn = require("./multi-column");
-var _fieldset = require("./fieldset");
+var _fieldset = _interopRequireDefault(require("./fieldset"));
 var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
 var _registry = _interopRequireDefault(require("./stores/registry"));
 var _reactBootstrap = require("react-bootstrap");
@@ -25,9 +24,7 @@ var _reactPhoneNumberInput = require("react-phone-number-input");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
-  * <FormFields />
-  */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ReactSurvey = function ReactSurvey(_ref) {
   var _ref$validateForCorre = _ref.validateForCorrectness,
     validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
@@ -36,29 +33,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     downloadPath = _ref.downloadPath,
-    intl = _ref.intl,
     answers = _ref.answers,
     onSubmit = _ref.onSubmit,
     onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
     items = _ref.items,
     _ref$submitButton = _ref.submitButton,
     submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,
     _ref$backButton = _ref.backButton,
     backButton = _ref$backButton === void 0 ? false : _ref$backButton,
-    _ref$actionName = _ref.actionName,
-    actionName = _ref$actionName === void 0 ? null : _ref$actionName,
-    _ref$backName = _ref.backName,
-    backName = _ref$backName === void 0 ? null : _ref$backName,
     _ref$backAction = _ref.backAction,
     backAction = _ref$backAction === void 0 ? null : _ref$backAction,
     _ref$hideActions = _ref.hideActions,
     hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
-    formAction = _ref.formAction,
-    formMethod = _ref.formMethod,
     variables = _ref.variables,
-    authenticity_token = _ref.authenticity_token,
-    task_id = _ref.task_id,
     buttonClassName = _ref.buttonClassName,
     checkboxButtonClassName = _ref.checkboxButtonClassName,
     formId = _ref.formId,
@@ -311,9 +298,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
         if (methods) {
           methods.setError(item.fieldName, {
             type: 'incorrect',
-            message: "".concat(item.label, " ").concat(intl.formatMessage({
-              id: 'message.was-answered-incorrectly'
-            }))
+            message: "".concat(item.label, " was answered incorrectly")
           });
         }
         hasErrors = true;
@@ -479,9 +464,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
     if (!item.component || typeof item.component !== 'function') {
       item.component = _registry["default"].get(item.key);
       if (!item.component) {
-        console.error("".concat(item.element, " ").concat(intl.formatMessage({
-          id: 'message.was-not-registered'
-        })));
+        console.error("".concat(item.element, " was not registered"));
       }
     }
     return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
@@ -528,9 +511,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
       fieldRules = _objectSpread({}, item.fieldRules);
     }
     if (item.required) {
-      fieldRules.required = "".concat(item.label, " ").concat(intl.formatMessage({
-        id: 'message.is-required'
-      }));
+      fieldRules.required = "".concat(item.label, " is required");
     }
     switch (item.element) {
       case 'EmailInput':
@@ -539,23 +520,17 @@ var ReactSurvey = function ReactSurvey(_ref) {
           message: "".concat(item.label, " must be at least 4 characters long")
         };
         fieldRules.validate = function (value) {
-          return validateEmail(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-email'
-          }));
+          return validateEmail(value) || "".concat(item.label, " field requires valid email address");
         };
         break;
       case 'PhoneNumber':
         fieldRules.validate = function (value) {
-          return validatePhone(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-phone-number'
-          }));
+          return validatePhone(value) || "".concat(item.label, " field requires a valid phone number");
         };
         break;
       case 'DatePicker':
         fieldRules.validate = function (value) {
-          return validateDate(value) || "".concat(item.label, " ").concat(intl.formatMessage({
-            id: 'message.invalid-date'
-          }));
+          return validateDate(value) || "".concat(item.label, " field requires a valid date in the format MM/DD/YYYY");
         };
         break;
       default:
@@ -629,7 +604,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
       case 'TwoColumnRow':
         return getContainerElement(item, _multiColumn.TwoColumnRow);
       case 'FieldSet':
-        return getContainerElement(item, _fieldset.FieldSet);
+        return getContainerElement(item, _fieldset["default"]);
       case 'Signature':
         return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
           key: "form_".concat(item.id),
@@ -813,4 +788,4 @@ var ReactSurvey = function ReactSurvey(_ref) {
     className: buttonClassName ? buttonClassName : 'btn-toolbar'
   }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));
 };
-var _default = exports["default"] = (0, _reactIntl.injectIntl)(ReactSurvey);
+var _default = exports["default"] = ReactSurvey;

package/lib/index.js

@@ -30,14 +30,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
-var _reactIntl = require("react-intl");
 var _preview = _interopRequireDefault(require("./preview"));
 var _toolbar = _interopRequireDefault(require("./toolbar"));
 var _form = _interopRequireDefault(require("./form"));
 var _formFields = _interopRequireDefault(require("./form-fields"));
 var _store = _interopRequireDefault(require("./stores/store"));
 var _registry = _interopRequireDefault(require("./stores/registry"));
-var _languageProvider = _interopRequireDefault(require("./language-provider"));
 var _reactBootstrap = require("react-bootstrap");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
@@ -98,16 +96,11 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
       var toolbarProps = {
         showDescription: this.props.showDescription
       };
-      var language = this.props.locale ? this.props.locale : 'en';
-      var currentAppLocale = _languageProvider["default"][language];
       if (this.props.toolbarItems) {
         toolbarProps.items = this.props.toolbarItems;
       }
       return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
         backend: _reactDndHtml5Backend.HTML5Backend
-      }, /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
-        locale: currentAppLocale.locale,
-        messages: currentAppLocale.messages
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
         fluid: true,
         className: "react-survey-builder"
@@ -145,26 +138,16 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
         className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
       }, this.props.previewSurveyBlock) : null), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
         customItems: this.props.customToolbarItems
-      }))))))));
+      })))))));
     }
   }]);
   return ReactSurveyBuilder;
 }(_react["default"].Component);
 function ReactSurveyGenerator(props) {
-  var language = props.locale ? props.locale : 'en';
-  var currentAppLocale = _languageProvider["default"][language];
-  return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
-    locale: currentAppLocale.locale,
-    messages: currentAppLocale.messages
-  }, /*#__PURE__*/_react["default"].createElement(_form["default"], props));
+  return /*#__PURE__*/_react["default"].createElement(_form["default"], props);
 }
 function ReactSurveyFieldGenerator(props) {
-  var language = props.locale ? props.locale : 'en';
-  var currentAppLocale = _languageProvider["default"][language];
-  return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
-    locale: currentAppLocale.locale,
-    messages: currentAppLocale.messages
-  }, /*#__PURE__*/_react["default"].createElement(_formFields["default"], props));
+  return /*#__PURE__*/_react["default"].createElement(_formFields["default"], props);
 }
 var cleanUpSurveyItems = exports.cleanUpSurveyItems = function cleanUpSurveyItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];

package/lib/multi-column/MultiColumnRow.js

@@ -41,7 +41,7 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
         controls = _this$props.controls,
         item = _this$props.item,
         editModeOn = _this$props.editModeOn,
-        getDataById = _this$props.getDataById,
+        getItemById = _this$props.getItemById,
         setAsChild = _this$props.setAsChild,
         removeChild = _this$props.removeChild,
         seq = _this$props.seq,
@@ -73,7 +73,7 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
           _onDestroy: function _onDestroy() {
             return removeChild(item, i);
           },
-          getDataById: getDataById,
+          getItemById: getItemById,
           setAsChild: setAsChild,
           seq: seq
         }));

package/lib/multi-column/dustbin.js

@@ -14,7 +14,7 @@ var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _customElement = _interopRequireDefault(require("../survey-elements/custom-element"));
 var _registry = _interopRequireDefault(require("../stores/registry"));
 var _store = _interopRequireDefault(require("../stores/store"));
-var _excluded = ["onDropSuccess", "seq", "draggedItem", "parentIndex", "canDrop", "isOver", "isOverCurrent", "connectDropTarget", "items", "col", "getDataById"];
+var _excluded = ["onDropSuccess", "seq", "draggedItem", "parentIndex", "canDrop", "isOver", "isOverCurrent", "connectDropTarget", "items", "col", "getItemById"];
 function getCustomElement(item, props) {
   if (!item.component || typeof item.component !== 'function') {
     item.component = _registry["default"].get(item.key);
@@ -75,9 +75,9 @@ var Dustbin = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     connectDropTarget = _ref.connectDropTarget,
     items = _ref.items,
     col = _ref.col,
-    getDataById = _ref.getDataById,
+    getItemById = _ref.getItemById,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var item = getDataById(items[col]);
+  var item = getItemById(items[col]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       onDrop: function onDrop(dropped) {

package/lib/multi-column/grip.js

@@ -22,7 +22,7 @@ var gripSource = {
       index = props.index,
       onDestroy = props.onDestroy,
       setAsChild = props.setAsChild,
-      getDataById = props.getDataById;
+      getItemById = props.getItemById;
     return {
       itemType: _ItemTypes["default"].BOX,
       index: item.parentId ? -1 : index,
@@ -31,7 +31,7 @@ var gripSource = {
       col: item.col,
       onDestroy: onDestroy,
       setAsChild: setAsChild,
-      getDataById: getDataById,
+      getItemById: getItemById,
       item: item
     };
   }