@bigbinary/neeto-form-frontend 1.2.27 → 1.2.29

package/app/javascript/src/translations/en.json

@@ -15,6 +15,7 @@
       "name": "Name",
       "text": "Text",
       "rate": "Rate",
+      "submit": "Submit",
       "reset": "Reset",
       "cancel": "Cancel",
       "singleChoice": "Single choice",
@@ -93,7 +94,8 @@
             "options": "Options",
             "labelExample": "Eg: {{what}}",
             "label": "Label",
-            "fieldCode": "Field code"
+            "fieldCode": "Field code",
+            "fieldCodeHelpDescription": "If you change the field code, any existing shared URLs containing the old field code as query parameter, will not work correctly. <Link>View help article</Link> for more information."
           }
         }
       }

package/dist/index.cjs.js

@@ -10183,15 +10183,17 @@ var FieldCode = reactUtils.withT(function (_ref) {
     className: "mt-14",
     label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
     name: "".concat(name, ".fieldCode"),
-    labelProps: {
-      helpIconProps: {
-        icon: neetoIcons.Info,
-        className: "cursor-pointer",
-        onClick: function onClick() {
-          return window.open(FIELD_CODE_DOC, "_blank", "noopener,noreferrer");
-        }
+    helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+      i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
+      components: {
+        Link: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+          className: "text-xs",
+          href: FIELD_CODE_DOC,
+          style: "link",
+          target: "_blank"
+        })
       }
-    }
+    })
   }));
 });
 
@@ -16196,6 +16198,10 @@ var renderErrorMessage = function renderErrorMessage(errorObject, maxFileSize, i
     fileName: file.name
   });
 };
+var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
+  var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
+  return ramda.map(ramda.identity, orderedButtons);
+};
 
 var _excluded$3 = ["value"];
 dayjs__default["default"].extend(weekOfYear__default["default"]);
@@ -27185,18 +27191,24 @@ var ExternalForm = function ExternalForm(_ref) {
       style: "h3",
       weight: "semibold"
     }, t("neetoForm.questions.common.notFound"))), footer, !ramda.isEmpty(renderedQuestions) && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "mt-8 flex items-center justify-start gap-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+      className: "mt-8 flex items-center justify-between"
+    }, cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+      label: t("neetoForm.common.cancel"),
+      style: "secondary"
+    }, cancelButtonProps)), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex gap-x-2"
+    }, renderButtonsInOrder([/*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
       disabled: isSubmitting || isSubmitted,
+      key: "submit",
+      label: t("neetoForm.common.submit"),
       loading: isSubmitting,
       type: "submit"
-    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+    }, submitButtonProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
+      key: "reset",
       label: t("neetoForm.common.reset"),
       style: "secondary",
       type: "reset"
-    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$8({
-      label: "Cancel"
-    }, cancelButtonProps)))), !customSubmitHandler && /*#__PURE__*/React__default["default"].createElement(Callout, {
+    }, resetButtonProps))], neetoCist.isPresent(cancelButtonProps))))), !customSubmitHandler && /*#__PURE__*/React__default["default"].createElement(Callout, {
       callout: {
         isVisible: neetoCist.isPresent(error),
         title: t("neetoForm.callouts.submitError"),