react-survey-builder 1.0.40 → 1.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,14 +11,11 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
11
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
12
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
- var _UUID = _interopRequireDefault(require("./UUID"));
15
- var _IntlMessages = _interopRequireDefault(require("./language-provider/IntlMessages"));
16
14
  var _fa = require("react-icons/fa");
17
15
  var _reactBootstrap = require("react-bootstrap");
16
+ var _functions = require("./functions");
18
17
  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); }; }
19
- 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; } } /**
20
- * <DynamicOptionList />
21
- */
18
+ 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; } }
22
19
  var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Component) {
23
20
  (0, _inherits2["default"])(DynamicOptionList, _React$Component);
24
21
  var _super = _createSuper(DynamicOptionList);
@@ -96,7 +93,7 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
96
93
  thisElement.options.splice(index + 1, 0, {
97
94
  value: '',
98
95
  text: '',
99
- key: _UUID["default"].uuid()
96
+ key: (0, _functions.generateUUID)()
100
97
  });
101
98
  this.props.updateElement.call(this.props.preview, thisElement);
102
99
  }
@@ -118,17 +115,11 @@ var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Compo
118
115
  className: "dynamic-option-list"
119
116
  }, /*#__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, {
120
117
  sm: 6
121
- }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
122
- id: "options"
123
- }))), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
118
+ }, /*#__PURE__*/_react["default"].createElement("b", null, "Options")), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
124
119
  sm: 2
125
- }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
126
- id: "value"
127
- }))), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
120
+ }, /*#__PURE__*/_react["default"].createElement("b", null, "Value")), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
128
121
  sm: 4
129
- }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
130
- id: "correct"
131
- }))))), this.props.element.options.map(function (option, index) {
122
+ }, /*#__PURE__*/_react["default"].createElement("b", null, "Correct")))), this.props.element.options.map(function (option, index) {
132
123
  var thisKey = "edit_".concat(option.key);
133
124
  var val = option.value !== _this2._setValue(option.text) ? option.value : '';
134
125
  return /*#__PURE__*/_react["default"].createElement("li", {
@@ -4,10 +4,128 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- Object.defineProperty(exports, "FieldSet", {
8
- enumerable: true,
9
- get: function get() {
10
- return _FieldSet["default"];
7
+ exports["default"] = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
14
+ var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
15
+ var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
16
+ var _reactBootstrap = require("react-bootstrap");
17
+ var _myxss = _interopRequireDefault(require("../survey-elements/myxss"));
18
+ var _excluded = ["item", "className"]; // import FieldSet from './FieldSet';
19
+ // export { FieldSet };
20
+ /* eslint-disable camelcase */
21
+ 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; }
22
+ 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; }
23
+ var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
24
+ var ComponentLegend = function ComponentLegend(_ref) {
25
+ var item = _ref.item;
26
+ var labelText = _myxss["default"].process(item.label);
27
+ if (!labelText || !labelText.trim()) {
28
+ return null;
11
29
  }
12
- });
13
- var _FieldSet = _interopRequireDefault(require("./FieldSet"));
30
+ return /*#__PURE__*/_react["default"].createElement("legend", {
31
+ dangerouslySetInnerHTML: {
32
+ __html: labelText
33
+ }
34
+ });
35
+ };
36
+ var FieldSet = function FieldSet(props) {
37
+ var _React$useState = _react["default"].useState({}),
38
+ _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
39
+ childItem = _React$useState2[0],
40
+ setChildItem = _React$useState2[1];
41
+ var _React$useState3 = _react["default"].useState(null),
42
+ _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
43
+ childItems = _React$useState4[0],
44
+ setChildItems = _React$useState4[1];
45
+ _react["default"].useEffect(function () {
46
+ var item = props.item,
47
+ className = props.className,
48
+ rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
49
+ setChildItem(item);
50
+ var count = 1;
51
+ createChild(count, item);
52
+ }, [props]);
53
+ var addNewChild = function addNewChild() {
54
+ var $dataItem = props.item;
55
+ var colCount = $dataItem.childItems.length + 1;
56
+ var oldChilds = $dataItem.childItems;
57
+ $dataItem.childItems = Array.from({
58
+ length: colCount
59
+ }, function (v, i) {
60
+ return oldChilds[i] ? oldChilds[i] : null;
61
+ });
62
+ setChildItems($dataItem.childItems);
63
+ };
64
+ var _onDropSuccess = function onDropSuccess(droppedIndex) {
65
+ var totalChild = childItems ? childItems.length : 0;
66
+ var isLastChild = totalChild === droppedIndex + 1;
67
+ if (isLastChild) {
68
+ addNewChild();
69
+ }
70
+ };
71
+ var createChild = function createChild(count, $dataItem) {
72
+ var colCount = count;
73
+ if (!$dataItem.childItems) {
74
+ // eslint-disable-next-line no-param-reassign
75
+ $dataItem.childItems = Array.from({
76
+ length: colCount
77
+ }, function (v, i) {
78
+ return null;
79
+ });
80
+ $dataItem.isContainer = true;
81
+ }
82
+ setChildItems($dataItem.childItems);
83
+ };
84
+ var controls = props.controls,
85
+ editModeOn = props.editModeOn,
86
+ getItemById = props.getItemById,
87
+ setAsChild = props.setAsChild,
88
+ removeChild = props.removeChild,
89
+ seq = props.seq,
90
+ index = props.index;
91
+ var pageBreakBefore = childItem.pageBreakBefore;
92
+ var baseClasses = "SortableItem rfb-item";
93
+ if (pageBreakBefore) {
94
+ baseClasses += " alwaysbreak";
95
+ }
96
+ return /*#__PURE__*/_react["default"].createElement("div", {
97
+ style: _objectSpread({}, props.style),
98
+ className: baseClasses
99
+ }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
100
+ isFieldSet: true
101
+ })), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
102
+ fluid: true
103
+ }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
104
+ return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
105
+ key: "".concat(i, "_").concat(x || "_"),
106
+ md: 12
107
+ }, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
108
+ style: {
109
+ width: "100%"
110
+ },
111
+ item: childItem,
112
+ accepts: accepts,
113
+ items: childItems,
114
+ key: i,
115
+ col: i,
116
+ onDropSuccess: function onDropSuccess() {
117
+ return _onDropSuccess(i);
118
+ },
119
+ parentIndex: index,
120
+ editModeOn: editModeOn,
121
+ _onDestroy: function _onDestroy() {
122
+ return removeChild(childItem, i);
123
+ },
124
+ getItemById: getItemById,
125
+ setAsChild: setAsChild,
126
+ seq: seq,
127
+ rowNo: i
128
+ }));
129
+ })))));
130
+ };
131
+ var _default = exports["default"] = FieldSet;
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -10,10 +11,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
10
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
12
  var _react = _interopRequireDefault(require("react"));
12
13
  var _reactDom = _interopRequireDefault(require("react-dom"));
13
- var _reactIntl = require("react-intl");
14
- var _surveyElements = _interopRequireDefault(require("./survey-elements"));
14
+ var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
15
15
  var _multiColumn = require("./multi-column");
16
- var _fieldset = require("./fieldset");
16
+ var _fieldset = _interopRequireDefault(require("./fieldset"));
17
17
  var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
18
18
  var _registry = _interopRequireDefault(require("./stores/registry"));
19
19
  var _reactBootstrap = require("react-bootstrap");
@@ -21,16 +21,10 @@ var _reactHookForm = require("react-hook-form");
21
21
  var _lodash = require("lodash");
22
22
  var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
23
23
  var _reactPhoneNumberInput = require("react-phone-number-input");
24
+ 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); }
25
+ 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; }
24
26
  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; }
25
- 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; } /**
26
- * <FormFields />
27
- */
28
- var Image = _surveyElements["default"].Image,
29
- Checkboxes = _surveyElements["default"].Checkboxes,
30
- Signature = _surveyElements["default"].Signature,
31
- Download = _surveyElements["default"].Download,
32
- Camera = _surveyElements["default"].Camera,
33
- FileUpload = _surveyElements["default"].FileUpload;
27
+ 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; }
34
28
  var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
35
29
  var _ref$validateForCorre = _ref.validateForCorrectness,
36
30
  validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
@@ -39,29 +33,19 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
39
33
  _ref$readOnly = _ref.readOnly,
40
34
  readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
41
35
  downloadPath = _ref.downloadPath,
42
- intl = _ref.intl,
43
36
  answers = _ref.answers,
44
37
  onSubmit = _ref.onSubmit,
45
38
  onChange = _ref.onChange,
46
- onBlur = _ref.onBlur,
47
39
  items = _ref.items,
48
40
  _ref$submitButton = _ref.submitButton,
49
41
  submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,
50
42
  _ref$backButton = _ref.backButton,
51
43
  backButton = _ref$backButton === void 0 ? false : _ref$backButton,
52
- _ref$actionName = _ref.actionName,
53
- actionName = _ref$actionName === void 0 ? null : _ref$actionName,
54
- _ref$backName = _ref.backName,
55
- backName = _ref$backName === void 0 ? null : _ref$backName,
56
44
  _ref$backAction = _ref.backAction,
57
45
  backAction = _ref$backAction === void 0 ? null : _ref$backAction,
58
46
  _ref$hideActions = _ref.hideActions,
59
47
  hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
60
- formAction = _ref.formAction,
61
- formMethod = _ref.formMethod,
62
48
  variables = _ref.variables,
63
- authenticity_token = _ref.authenticity_token,
64
- task_id = _ref.task_id,
65
49
  buttonClassName = _ref.buttonClassName,
66
50
  checkboxButtonClassName = _ref.checkboxButtonClassName,
67
51
  formId = _ref.formId,
@@ -306,9 +290,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
306
290
  if (methods) {
307
291
  methods.setError(item.fieldName, {
308
292
  type: 'incorrect',
309
- message: "".concat(item.label, " ").concat(intl.formatMessage({
310
- id: 'message.was-answered-incorrectly'
311
- }))
293
+ message: "".concat(item.label, " was answered incorrectly")
312
294
  });
313
295
  }
314
296
  hasErrors = true;
@@ -474,9 +456,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
474
456
  if (!item.component || typeof item.component !== 'function') {
475
457
  item.component = _registry["default"].get(item.key);
476
458
  if (!item.component) {
477
- console.error("".concat(item.element, " ").concat(intl.formatMessage({
478
- id: 'message.was-not-registered'
479
- })));
459
+ console.error("".concat(item.element, " was not registered"));
480
460
  }
481
461
  }
482
462
  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
@@ -523,9 +503,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
523
503
  fieldRules = _objectSpread({}, item.fieldRules);
524
504
  }
525
505
  if (item.required) {
526
- fieldRules.required = "".concat(item.label, " ").concat(intl.formatMessage({
527
- id: 'message.is-required'
528
- }));
506
+ fieldRules.required = "".concat(item.label, " is required");
529
507
  }
530
508
  switch (item.element) {
531
509
  case 'EmailInput':
@@ -534,23 +512,17 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
534
512
  message: "".concat(item.label, " must be at least 4 characters long")
535
513
  };
536
514
  fieldRules.validate = function (value) {
537
- return validateEmail(value) || "".concat(item.label, " ").concat(intl.formatMessage({
538
- id: 'message.invalid-email'
539
- }));
515
+ return validateEmail(value) || "".concat(item.label, " field requires valid email address");
540
516
  };
541
517
  break;
542
518
  case 'PhoneNumber':
543
519
  fieldRules.validate = function (value) {
544
- return validatePhone(value) || "".concat(item.label, " ").concat(intl.formatMessage({
545
- id: 'message.invalid-phone-number'
546
- }));
520
+ return validatePhone(value) || "".concat(item.label, " field requires a valid phone number");
547
521
  };
548
522
  break;
549
523
  case 'DatePicker':
550
524
  fieldRules.validate = function (value) {
551
- return validateDate(value) || "".concat(item.label, " ").concat(intl.formatMessage({
552
- id: 'message.invalid-date'
553
- }));
525
+ return validateDate(value) || "".concat(item.label, " field requires a valid date in the format MM/DD/YYYY");
554
526
  };
555
527
  break;
556
528
  default:
@@ -624,7 +596,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
624
596
  case 'TwoColumnRow':
625
597
  return getContainerElement(item, _multiColumn.TwoColumnRow);
626
598
  case 'FieldSet':
627
- return getContainerElement(item, _fieldset.FieldSet);
599
+ return getContainerElement(item, _fieldset["default"]);
628
600
  case 'Signature':
629
601
  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
630
602
  key: "form_".concat(item.id),
@@ -647,7 +619,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
647
619
  isDirty = _ref8$fieldState.isDirty,
648
620
  error = _ref8$fieldState.error,
649
621
  formState = _ref8.formState;
650
- return /*#__PURE__*/_react["default"].createElement(Signature, {
622
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Signature, {
651
623
  methods: methods,
652
624
  onBlur: onBlur,
653
625
  onChange: function onChange(e) {
@@ -685,7 +657,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
685
657
  isDirty = _ref9$fieldState.isDirty,
686
658
  error = _ref9$fieldState.error,
687
659
  formState = _ref9.formState;
688
- return /*#__PURE__*/_react["default"].createElement(Checkboxes, {
660
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Checkboxes, {
689
661
  onBlur: onBlur,
690
662
  onChange: function onChange(e) {
691
663
  _onChange4(e);
@@ -703,7 +675,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
703
675
  }
704
676
  });
705
677
  case 'Image':
706
- return /*#__PURE__*/_react["default"].createElement(Image, {
678
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Image, {
707
679
  ref: function ref(c) {
708
680
  return inputs.current[item.fieldName] = c;
709
681
  },
@@ -711,7 +683,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
711
683
  item: item
712
684
  });
713
685
  case 'Download':
714
- return /*#__PURE__*/_react["default"].createElement(Download, {
686
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Download, {
715
687
  downloadPath: downloadPath,
716
688
  key: "form_".concat(item.id),
717
689
  item: item
@@ -738,7 +710,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
738
710
  isDirty = _ref10$fieldState.isDirty,
739
711
  error = _ref10$fieldState.error,
740
712
  formState = _ref10.formState;
741
- return /*#__PURE__*/_react["default"].createElement(Camera, {
713
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Camera, {
742
714
  onBlur: onBlur,
743
715
  onChange: function onChange(e) {
744
716
  _onChange5(e);
@@ -776,7 +748,7 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
776
748
  isDirty = _ref11$fieldState.isDirty,
777
749
  error = _ref11$fieldState.error,
778
750
  formState = _ref11.formState;
779
- return /*#__PURE__*/_react["default"].createElement(FileUpload, {
751
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.FileUpload, {
780
752
  onBlur: onBlur,
781
753
  onChange: function onChange(e) {
782
754
  _onChange6(e);
@@ -808,4 +780,4 @@ var ReactSurveyFormFields = function ReactSurveyFormFields(_ref) {
808
780
  className: buttonClassName ? buttonClassName : 'btn-toolbar'
809
781
  }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));
810
782
  };
811
- var _default = exports["default"] = (0, _reactIntl.injectIntl)(ReactSurveyFormFields);
783
+ var _default = exports["default"] = ReactSurveyFormFields;
package/lib/form.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -10,10 +11,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
10
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
12
  var _react = _interopRequireDefault(require("react"));
12
13
  var _reactDom = _interopRequireDefault(require("react-dom"));
13
- var _reactIntl = require("react-intl");
14
- var _surveyElements = _interopRequireDefault(require("./survey-elements"));
14
+ var _surveyElements = _interopRequireWildcard(require("./survey-elements"));
15
15
  var _multiColumn = require("./multi-column");
16
- var _fieldset = require("./fieldset");
16
+ var _fieldset = _interopRequireDefault(require("./fieldset"));
17
17
  var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
18
18
  var _registry = _interopRequireDefault(require("./stores/registry"));
19
19
  var _reactBootstrap = require("react-bootstrap");
@@ -21,16 +21,10 @@ var _reactHookForm = require("react-hook-form");
21
21
  var _lodash = require("lodash");
22
22
  var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
23
23
  var _reactPhoneNumberInput = require("react-phone-number-input");
24
+ 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); }
25
+ 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; }
24
26
  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; }
25
- 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; } /**
26
- * <FormFields />
27
- */
28
- var Image = _surveyElements["default"].Image,
29
- Checkboxes = _surveyElements["default"].Checkboxes,
30
- Signature = _surveyElements["default"].Signature,
31
- Download = _surveyElements["default"].Download,
32
- Camera = _surveyElements["default"].Camera,
33
- FileUpload = _surveyElements["default"].FileUpload;
27
+ 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; }
34
28
  var ReactSurvey = function ReactSurvey(_ref) {
35
29
  var _ref$validateForCorre = _ref.validateForCorrectness,
36
30
  validateForCorrectness = _ref$validateForCorre === void 0 ? false : _ref$validateForCorre,
@@ -39,29 +33,19 @@ var ReactSurvey = function ReactSurvey(_ref) {
39
33
  _ref$readOnly = _ref.readOnly,
40
34
  readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
41
35
  downloadPath = _ref.downloadPath,
42
- intl = _ref.intl,
43
36
  answers = _ref.answers,
44
37
  onSubmit = _ref.onSubmit,
45
38
  onChange = _ref.onChange,
46
- onBlur = _ref.onBlur,
47
39
  items = _ref.items,
48
40
  _ref$submitButton = _ref.submitButton,
49
41
  submitButton = _ref$submitButton === void 0 ? false : _ref$submitButton,
50
42
  _ref$backButton = _ref.backButton,
51
43
  backButton = _ref$backButton === void 0 ? false : _ref$backButton,
52
- _ref$actionName = _ref.actionName,
53
- actionName = _ref$actionName === void 0 ? null : _ref$actionName,
54
- _ref$backName = _ref.backName,
55
- backName = _ref$backName === void 0 ? null : _ref$backName,
56
44
  _ref$backAction = _ref.backAction,
57
45
  backAction = _ref$backAction === void 0 ? null : _ref$backAction,
58
46
  _ref$hideActions = _ref.hideActions,
59
47
  hideActions = _ref$hideActions === void 0 ? false : _ref$hideActions,
60
- formAction = _ref.formAction,
61
- formMethod = _ref.formMethod,
62
48
  variables = _ref.variables,
63
- authenticity_token = _ref.authenticity_token,
64
- task_id = _ref.task_id,
65
49
  buttonClassName = _ref.buttonClassName,
66
50
  checkboxButtonClassName = _ref.checkboxButtonClassName,
67
51
  formId = _ref.formId,
@@ -314,9 +298,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
314
298
  if (methods) {
315
299
  methods.setError(item.fieldName, {
316
300
  type: 'incorrect',
317
- message: "".concat(item.label, " ").concat(intl.formatMessage({
318
- id: 'message.was-answered-incorrectly'
319
- }))
301
+ message: "".concat(item.label, " was answered incorrectly")
320
302
  });
321
303
  }
322
304
  hasErrors = true;
@@ -482,9 +464,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
482
464
  if (!item.component || typeof item.component !== 'function') {
483
465
  item.component = _registry["default"].get(item.key);
484
466
  if (!item.component) {
485
- console.error("".concat(item.element, " ").concat(intl.formatMessage({
486
- id: 'message.was-not-registered'
487
- })));
467
+ console.error("".concat(item.element, " was not registered"));
488
468
  }
489
469
  }
490
470
  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
@@ -531,9 +511,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
531
511
  fieldRules = _objectSpread({}, item.fieldRules);
532
512
  }
533
513
  if (item.required) {
534
- fieldRules.required = "".concat(item.label, " ").concat(intl.formatMessage({
535
- id: 'message.is-required'
536
- }));
514
+ fieldRules.required = "".concat(item.label, " is required");
537
515
  }
538
516
  switch (item.element) {
539
517
  case 'EmailInput':
@@ -542,23 +520,17 @@ var ReactSurvey = function ReactSurvey(_ref) {
542
520
  message: "".concat(item.label, " must be at least 4 characters long")
543
521
  };
544
522
  fieldRules.validate = function (value) {
545
- return validateEmail(value) || "".concat(item.label, " ").concat(intl.formatMessage({
546
- id: 'message.invalid-email'
547
- }));
523
+ return validateEmail(value) || "".concat(item.label, " field requires valid email address");
548
524
  };
549
525
  break;
550
526
  case 'PhoneNumber':
551
527
  fieldRules.validate = function (value) {
552
- return validatePhone(value) || "".concat(item.label, " ").concat(intl.formatMessage({
553
- id: 'message.invalid-phone-number'
554
- }));
528
+ return validatePhone(value) || "".concat(item.label, " field requires a valid phone number");
555
529
  };
556
530
  break;
557
531
  case 'DatePicker':
558
532
  fieldRules.validate = function (value) {
559
- return validateDate(value) || "".concat(item.label, " ").concat(intl.formatMessage({
560
- id: 'message.invalid-date'
561
- }));
533
+ return validateDate(value) || "".concat(item.label, " field requires a valid date in the format MM/DD/YYYY");
562
534
  };
563
535
  break;
564
536
  default:
@@ -632,7 +604,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
632
604
  case 'TwoColumnRow':
633
605
  return getContainerElement(item, _multiColumn.TwoColumnRow);
634
606
  case 'FieldSet':
635
- return getContainerElement(item, _fieldset.FieldSet);
607
+ return getContainerElement(item, _fieldset["default"]);
636
608
  case 'Signature':
637
609
  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
638
610
  key: "form_".concat(item.id),
@@ -655,7 +627,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
655
627
  isDirty = _ref8$fieldState.isDirty,
656
628
  error = _ref8$fieldState.error,
657
629
  formState = _ref8.formState;
658
- return /*#__PURE__*/_react["default"].createElement(Signature, {
630
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Signature, {
659
631
  methods: methods,
660
632
  onBlur: onBlur,
661
633
  onChange: function onChange(e) {
@@ -693,7 +665,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
693
665
  isDirty = _ref9$fieldState.isDirty,
694
666
  error = _ref9$fieldState.error,
695
667
  formState = _ref9.formState;
696
- return /*#__PURE__*/_react["default"].createElement(Checkboxes, {
668
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Checkboxes, {
697
669
  onBlur: onBlur,
698
670
  onChange: function onChange(e) {
699
671
  _onChange4(e);
@@ -711,7 +683,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
711
683
  }
712
684
  });
713
685
  case 'Image':
714
- return /*#__PURE__*/_react["default"].createElement(Image, {
686
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Image, {
715
687
  ref: function ref(c) {
716
688
  return inputs.current[item.fieldName] = c;
717
689
  },
@@ -719,7 +691,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
719
691
  item: item
720
692
  });
721
693
  case 'Download':
722
- return /*#__PURE__*/_react["default"].createElement(Download, {
694
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Download, {
723
695
  downloadPath: downloadPath,
724
696
  key: "form_".concat(item.id),
725
697
  item: item
@@ -746,7 +718,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
746
718
  isDirty = _ref10$fieldState.isDirty,
747
719
  error = _ref10$fieldState.error,
748
720
  formState = _ref10.formState;
749
- return /*#__PURE__*/_react["default"].createElement(Camera, {
721
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.Camera, {
750
722
  onBlur: onBlur,
751
723
  onChange: function onChange(e) {
752
724
  _onChange5(e);
@@ -784,7 +756,7 @@ var ReactSurvey = function ReactSurvey(_ref) {
784
756
  isDirty = _ref11$fieldState.isDirty,
785
757
  error = _ref11$fieldState.error,
786
758
  formState = _ref11.formState;
787
- return /*#__PURE__*/_react["default"].createElement(FileUpload, {
759
+ return /*#__PURE__*/_react["default"].createElement(_surveyElements.FileUpload, {
788
760
  onBlur: onBlur,
789
761
  onChange: function onChange(e) {
790
762
  _onChange6(e);
@@ -816,4 +788,4 @@ var ReactSurvey = function ReactSurvey(_ref) {
816
788
  className: buttonClassName ? buttonClassName : 'btn-toolbar'
817
789
  }, !hideActions && handleRenderSubmit(), !hideActions && backAction && handleRenderBack())))));
818
790
  };
819
- var _default = exports["default"] = (0, _reactIntl.injectIntl)(ReactSurvey);
791
+ var _default = exports["default"] = ReactSurvey;
package/lib/index.js CHANGED
@@ -30,14 +30,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
30
30
  var _react = _interopRequireDefault(require("react"));
31
31
  var _reactDnd = require("react-dnd");
32
32
  var _reactDndHtml5Backend = require("react-dnd-html5-backend");
33
- var _reactIntl = require("react-intl");
34
33
  var _preview = _interopRequireDefault(require("./preview"));
35
34
  var _toolbar = _interopRequireDefault(require("./toolbar"));
36
35
  var _form = _interopRequireDefault(require("./form"));
37
36
  var _formFields = _interopRequireDefault(require("./form-fields"));
38
37
  var _store = _interopRequireDefault(require("./stores/store"));
39
38
  var _registry = _interopRequireDefault(require("./stores/registry"));
40
- var _languageProvider = _interopRequireDefault(require("./language-provider"));
41
39
  var _reactBootstrap = require("react-bootstrap");
42
40
  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); }; }
43
41
  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
98
96
  var toolbarProps = {
99
97
  showDescription: this.props.showDescription
100
98
  };
101
- var language = this.props.locale ? this.props.locale : 'en';
102
- var currentAppLocale = _languageProvider["default"][language];
103
99
  if (this.props.toolbarItems) {
104
100
  toolbarProps.items = this.props.toolbarItems;
105
101
  }
106
102
  return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
107
103
  backend: _reactDndHtml5Backend.HTML5Backend
108
- }, /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
109
- locale: currentAppLocale.locale,
110
- messages: currentAppLocale.messages
111
104
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
112
105
  fluid: true,
113
106
  className: "react-survey-builder"
@@ -145,26 +138,16 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
145
138
  className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
146
139
  }, this.props.previewSurveyBlock) : null), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
147
140
  customItems: this.props.customToolbarItems
148
- }))))))));
141
+ })))))));
149
142
  }
150
143
  }]);
151
144
  return ReactSurveyBuilder;
152
145
  }(_react["default"].Component);
153
146
  function ReactSurveyGenerator(props) {
154
- var language = props.locale ? props.locale : 'en';
155
- var currentAppLocale = _languageProvider["default"][language];
156
- return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
157
- locale: currentAppLocale.locale,
158
- messages: currentAppLocale.messages
159
- }, /*#__PURE__*/_react["default"].createElement(_form["default"], props));
147
+ return /*#__PURE__*/_react["default"].createElement(_form["default"], props);
160
148
  }
161
149
  function ReactSurveyFieldGenerator(props) {
162
- var language = props.locale ? props.locale : 'en';
163
- var currentAppLocale = _languageProvider["default"][language];
164
- return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
165
- locale: currentAppLocale.locale,
166
- messages: currentAppLocale.messages
167
- }, /*#__PURE__*/_react["default"].createElement(_formFields["default"], props));
150
+ return /*#__PURE__*/_react["default"].createElement(_formFields["default"], props);
168
151
  }
169
152
  var cleanUpSurveyItems = exports.cleanUpSurveyItems = function cleanUpSurveyItems() {
170
153
  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];