@bigbinary/neeto-form-frontend 3.3.0 → 3.3.2

package/README.md

@@ -129,18 +129,18 @@ The engine adds setup for form on backend and allows us to attach forms to any m
             site_key: <%= ENV["FORM_NANO_RECAPTCHA_V2_SITE_KEY"] %>
             secret_key: <%= ENV["FORM_NANO_RECAPTCHA_V2_SECRET_KEY"] %>
         ```
-    3. Include the site key in `global_props`
-        ```ruby
-        module ApplicationHelper
-          def get_client_props
-            # other variables
-            custom_props = {
-              # other props
-              form_nano_recaptcha_v2_site_key: Rails.application.secrets.form_nano.dig(:recaptcha_v2, :site_key)
-            }
-          end
+  3. Include the site key in `global_props`
+      ```ruby
+      module ApplicationHelper
+        def get_client_props
+          # other variables
+          custom_props = {
+            # other props
+            form_nano_recaptcha_v2_site_key: Rails.application.secrets.form_nano.dig(:recaptcha_v2, :site_key)
+          }
         end
-        ```
+      end
+      ```
 
 ## Frontend package
 The frontend package allows us to create forms across neeto products.

package/dist/index.cjs.js

@@ -2898,7 +2898,10 @@ var Email = function Email(_ref) {
       title: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex gap-2",
         children: [t("neetoForm.domainRestriction.label"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread$r({
-          description: t("neetoForm.domainRestriction.popoverDescription")
+          description: t("neetoForm.domainRestriction.popoverDescription"),
+          popoverProps: {
+            position: "top"
+          }
         }, domainRestrictionHelpDocUrl && {
           helpLinkProps: {
             href: domainRestrictionHelpDocUrl
@@ -3066,6 +3069,13 @@ var Options = function Options(_ref) {
   var questionProps = _ref.questionProps;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _useBuildFormStore = useBuildFormStore(function (store) {
+      var _store$formState;
+      return {
+        selectedLanguage: (_store$formState = store["formState"]) === null || _store$formState === void 0 ? void 0 : _store$formState["selectedLanguage"]
+      };
+    }, shallow.shallow),
+    selectedLanguage = _useBuildFormStore.selectedLanguage;
   var _useField = formik.useField("optionsAttributes"),
     _useField2 = _slicedToArray__default["default"](_useField, 3),
     optionsAttributes = _useField2[0].value;
@@ -3075,11 +3085,18 @@ var Options = function Options(_ref) {
     _ref2$optionLabelProp = _ref2.optionLabelProps,
     optionLabelProps = _ref2$optionLabelProp === void 0 ? {} : _ref2$optionLabelProp,
     _ref2$freezeOptions = _ref2.freezeOptions,
-    freezeOptions = _ref2$freezeOptions === void 0 ? false : _ref2$freezeOptions;
+    freezeOptions = _ref2$freezeOptions === void 0 ? false : _ref2$freezeOptions,
+    _ref2$disableAddOptio = _ref2.disableAddOption,
+    disableAddOption = _ref2$disableAddOptio === void 0 ? false : _ref2$disableAddOptio,
+    _ref2$disableRemoveOp = _ref2.disableRemoveOption,
+    disableRemoveOption = _ref2$disableRemoveOp === void 0 ? false : _ref2$disableRemoveOp;
   var handleRemoveOption = function handleRemoveOption(index) {
     var nextOptions = formHelpers.destroyFromList(optionsAttributes, index);
     setOptionsAttributes(nextOptions);
   };
+  var isManageOptionDisabled = isFunction$1(freezeOptions) ? freezeOptions(selectedLanguage) : freezeOptions;
+  var isAddOptionDisabled = disableAddOption || isManageOptionDisabled;
+  var isRemoveOptionDisabled = disableRemoveOption || isManageOptionDisabled;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "w-full",
     children: /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
@@ -3100,12 +3117,12 @@ var Options = function Options(_ref) {
                 "data-cy": "neeto-form-engine-option-".concat(index),
                 children: [/*#__PURE__*/jsxRuntime.jsx(InputWithMaxLength, {
                   required: true,
-                  disabled: freezeOptions,
+                  disabled: isManageOptionDisabled,
                   name: "optionsAttributes.".concat(index, ".label"),
                   placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
                     number: index + 1
                   })
-                }), !freezeOptions && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                }), !isRemoveOptionDisabled && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                   "data-cy": "neeto-form-engine-delete-option-button",
                   icon: Delete__default["default"],
                   size: "small",
@@ -3123,7 +3140,7 @@ var Options = function Options(_ref) {
                 })]
               }, "question-option-".concat((_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : index));
             })
-          }), !freezeOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
+          }), !isAddOptionDisabled && /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "mt-3 w-full",
             children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
               "data-cy": "neeto-form-engine-add-option-button",