@bigbinary/neeto-form-frontend 4.1.8 → 4.1.10

package/dist/BuildForm.js

@@ -4,7 +4,7 @@ import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, hyphenate
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { equals, path, curry, assoc, prop, dissoc, when, includes, isEmpty, reject, keys, pick, omit, evolve, map, mergeLeft, isNil, pipe, filter, isNotNil, uniq, join, pluck, test, paths, difference, split, last, either, T, F } from 'ramda';
 import { k as useDeleteQuestion, Q as QUESTION_TYPES, a as useForm, l as useCreateQuestion, m as useUpdateQuestion, C as CAPTCHA_TYPES, n as useReorderQuestions, i as QUERY_KEYS } from './constants-51SEJjzI.js';
-import { f as buildDisplayLabel, h as INDEPENDENT_LABELS_MAP, i as QUESTION_ACTIONS, j as isElementOverflowing, D as Drag, k as SELECTABLE_KINDS, l as isAutoGeneratedQuestion, m as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, n as RESERVED_FIELD_CODES, d as LABEL_FIELDS, o as isDefaultLanguage, p as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, q as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, r as NON_HIDEABLE_FIELDS, s as NON_READ_ONLY_FIELDS, t as RICH_TEXT_QUESTIONS, u as FILE_TYPES_MAP, w as FILE_GROUPS, M as MINIMUM_OPTIONS, x as RATING_OPTIONS, y as STAR_RATING_MIN_VALUE_OPTIONS, z as STAR_RATING_MAX_VALUE_OPTIONS, A as STAR_RATING_ICONS_MAP, B as buildDisabledAddButtonHelpPopoverProps, G as buildReorderPayload, H as isMandatoryField, J as QUESTION_KINDS, a as QUESTION_KIND, K as getActiveQuestionKindDetails, O as DEFAULT_AVAILABLE_LANGUAGES, T as DEFAULT_ADVANCED_FEATURES, U as QUESTIONS_INITIAL_VALUE } from './constants-D0zli_cv.js';
+import { f as buildDisplayLabel, h as INDEPENDENT_LABELS_MAP, i as QUESTION_ACTIONS, j as isElementOverflowing, D as Drag, k as SELECTABLE_KINDS, l as isAutoGeneratedQuestion, m as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, n as RESERVED_FIELD_CODES, d as LABEL_FIELDS, o as isDefaultLanguage, p as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, q as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, r as NON_HIDEABLE_FIELDS, s as NON_READ_ONLY_FIELDS, t as RICH_TEXT_QUESTIONS, u as FILE_TYPES_MAP, w as FILE_GROUPS, M as MINIMUM_OPTIONS, x as RATING_OPTIONS, y as STAR_RATING_MIN_VALUE_OPTIONS, z as STAR_RATING_MAX_VALUE_OPTIONS, A as STAR_RATING_ICONS_MAP, B as buildDisabledAddButtonHelpPopoverProps, G as buildReorderPayload, H as isMandatoryField, J as QUESTION_KINDS, a as QUESTION_KIND, K as getActiveQuestionKindDetails, O as DEFAULT_AVAILABLE_LANGUAGES, T as DEFAULT_ADVANCED_FEATURES, U as QUESTIONS_INITIAL_VALUE } from './constants-Da_Y-J4N.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
@@ -140,14 +140,14 @@ var DeleteSmsReminderModal = function DeleteSmsReminderModal(_ref) {
     onClose: onClose,
     children: [/*#__PURE__*/jsx(Modal.Header, {
       children: /*#__PURE__*/jsx(Typography, {
-        "data-cy": "delete-sms-reminder-modal-header",
+        "data-testid": "delete-sms-reminder-modal-header",
         style: "h2",
         weight: "medium",
         children: path(["smsReminder", "deleteModal", "title"], hostSpecificData)
       })
     }), /*#__PURE__*/jsx(Modal.Body, {
       children: /*#__PURE__*/jsx(Typography, {
-        "data-cy": "delete-sms-reminder-modal-description",
+        "data-testid": "delete-sms-reminder-modal-description",
         style: "body2",
         children: path(["smsReminder", "deleteModal", "description"], hostSpecificData)
       })
@@ -209,7 +209,7 @@ var Overview = function Overview(_ref) {
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex items-center justify-between",
       children: [/*#__PURE__*/jsx(Typography, {
-        "data-cy": "neeto-form-engine-overview-title",
+        "data-testid": "neeto-form-engine-overview-title",
         lineHeight: "neeto-ui-leading-normal",
         style: "h2",
         weight: "neeto-ui-font-semibold",
@@ -231,7 +231,7 @@ var Overview = function Overview(_ref) {
         })]
       })]
     }), /*#__PURE__*/jsx(Typography, {
-      "data-cy": "neeto-form-engine-overview-description",
+      "data-testid": "neeto-form-engine-overview-description",
       style: "body2",
       children: description
     })]
@@ -268,7 +268,7 @@ var Card = function Card(_ref) {
     setIsTooltipEnabled(isElementOverflowing(element));
   }, [questionLabel]);
   return /*#__PURE__*/jsxs("div", {
-    "data-cy": "neeto-form-engine-".concat(slugify(questionLabel)),
+    "data-testid": "neeto-form-engine-".concat(slugify(questionLabel)),
     className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between gap-1 border p-2", {
       "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
     }),
@@ -285,7 +285,7 @@ var Card = function Card(_ref) {
         position: "top",
         children: /*#__PURE__*/jsx(Typography, {
           className: "line-clamp-2 min-w-0 grow truncate break-words",
-          "data-cy": "".concat(slugify(questionLabel), "-question-card-label"),
+          "data-testid": "".concat(slugify(questionLabel), "-question-card-label"),
           lineHeight: "snug",
           ref: questionLabelRef,
           style: "body2",
@@ -301,18 +301,18 @@ var Card = function Card(_ref) {
         strategy: "fixed"
       },
       menuItems: [{
-        "data-cy": "edit-question",
+        "data-testid": "edit-question",
         key: "edit",
         label: t("neetoForm.common.edit"),
         onClick: onEdit
       }, {
-        "data-cy": "clone-question",
+        "data-testid": "clone-question",
         key: "clone",
         label: t("neetoForm.common.clone"),
         isVisible: !isSingular && isFunction(onClone),
         onClick: onClone
       }, {
-        "data-cy": "delete-question",
+        "data-testid": "delete-question",
         key: "delete",
         label: t("neetoForm.common.delete"),
         isVisible: isFunction(onDelete),
@@ -790,13 +790,13 @@ var Properties = function Properties(_ref) {
 var Block = function Block(_ref) {
   var title = _ref.title,
     children = _ref.children,
-    dataCy = _ref.dataCy;
+    dataTestid = _ref.dataTestid;
   return /*#__PURE__*/jsxs("div", {
     className: "mt-4 space-y-4",
-    "data-cy": dataCy,
+    "data-testid": dataTestid,
     children: [/*#__PURE__*/jsx("div", {
       className: "flex items-center justify-between",
-      "data-cy": "properties-header",
+      "data-testid": "properties-header",
       children: /*#__PURE__*/jsx(Typography, {
         lineHeight: "normal",
         style: "body1",
@@ -1084,7 +1084,7 @@ var Form$1 = function Form(_ref) {
           kind: kind,
           questionProps: questionProps
         }), isSettingsBlockVisible && /*#__PURE__*/jsxs(Block, {
-          dataCy: "settings-card",
+          dataTestid: "settings-card",
           title: t("neetoForm.common.settings"),
           children: [!isImmutable && /*#__PURE__*/jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsx(Switch, {
             label: t("neetoForm.common.hideQuestion"),
@@ -1097,7 +1097,7 @@ var Form$1 = function Form(_ref) {
           })]
         }), (shouldShowFieldCode || canMarkResponsesAsReadOnly) && /*#__PURE__*/jsx(Accordion, {
           className: "neeto-form-nano-advanced-properties-accordion",
-          "data-cy": "advanced-properties-card",
+          "data-testid": "advanced-properties-card",
           defaultActiveKey: isFieldCodeInvalid ? 0 : null // This is to open the accordion when field code is invalid
           ,
           children: /*#__PURE__*/jsx(Accordion.Item, {
@@ -1234,7 +1234,7 @@ var Add = function Add(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Pane.Header, {
       children: /*#__PURE__*/jsx(Typography, {
-        "data-cy": "add-question-pane-header",
+        "data-testid": "add-question-pane-header",
         style: "h2",
         children: t("neetoForm.questions.common.primaryPanel.addQuestion")
       })
@@ -1311,7 +1311,7 @@ var Edit = function Edit(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Pane.Header, {
       children: /*#__PURE__*/jsx(Typography, {
-        "data-cy": "edit-question-pane-header",
+        "data-testid": "edit-question-pane-header",
         style: "h2",
         children: t("neetoForm.questions.common.editQuestion")
       })
@@ -1368,11 +1368,11 @@ var SwitchBlock = function SwitchBlock(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/jsxs(Label, {
     className: classnames("flex items-center justify-start gap-2 ", className),
-    "data-cy": "neeto-form-engine-".concat(hyphenate(title && name), "-toggle-label"),
+    "data-testid": "neeto-form-engine-".concat(hyphenate(title && name), "-toggle-label"),
     children: [/*#__PURE__*/jsx(Switch, _objectSpread$6(_objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, otherProps), {}, {
       name: name
     })), {}, {
-      "data-cy": "neeto-form-engine-".concat(hyphenate(title && name), "-switch")
+      "data-testid": "neeto-form-engine-".concat(hyphenate(title && name), "-switch")
     })), /*#__PURE__*/jsx(Typography, {
       component: "span",
       style: "body1",
@@ -1434,7 +1434,7 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread$4(_objectSpread$4({}, props), {}, {
-    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(hyphenize(props.data.label), "-remove-icon"))),
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-testid", "".concat(hyphenize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsx(Close, {
       size: 16
     })
@@ -1455,7 +1455,7 @@ var ValueContainer = function ValueContainer(_ref) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visibleDomainsCount;
   return /*#__PURE__*/jsxs(components.ValueContainer, _objectSpread$4(_objectSpread$4({}, props), {}, {
-    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-domain-input-container")),
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-domain-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visibleDomainsCount) : firstChild, shouldCollapse && /*#__PURE__*/jsx(Tag, {
       style: "secondary",
       label: t("neetoForm.common.remainingItemsCount", {
@@ -1466,7 +1466,7 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread$4(_objectSpread$4({}, props), {}, {
-    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+    innerProps: _objectSpread$4(_objectSpread$4({}, props.innerProps), {}, _defineProperty({}, "data-testid", "clear-all-button")),
     children: /*#__PURE__*/jsx(Close, {
       className: "cursor-pointer",
       size: 16
@@ -1587,7 +1587,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
       className: "neeto-ui-email-input__label-wrapper",
       children: /*#__PURE__*/jsx(Label, {
         className: "neeto-ui-email-input__label",
-        "data-cy": "".concat(hyphenize(label), "-input-label"),
+        "data-testid": "".concat(hyphenize(label), "-input-label"),
         children: label
       })
     }), /*#__PURE__*/jsx(CreatableSelect, _objectSpread$3({
@@ -1620,7 +1620,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
       value: value
     }, otherProps))), !!error && /*#__PURE__*/jsxs("p", {
       className: "neeto-ui-input__error",
-      "data-cy": "".concat(hyphenize(label), "-input-error"),
+      "data-testid": "".concat(hyphenize(label), "-input-error"),
       children: [formatErrorMessage(error), isFilterDomainsLinkVisible && /*#__PURE__*/jsxs("span", {
         className: "neeto-ui-font-semibold cursor-pointer",
         onClick: handleFilterDomains,
@@ -1628,7 +1628,7 @@ var MultiDomainInput = function MultiDomainInput(_ref) {
       })]
     }), /*#__PURE__*/jsx("p", {
       className: "neeto-ui-input__help-text",
-      "data-cy": "".concat(hyphenize(label), "-input-help"),
+      "data-testid": "".concat(hyphenize(label), "-input-help"),
       children: t("neetoForm.domainRestriction.helpText")
     })]
   });
@@ -1719,7 +1719,7 @@ var RestrictDomainsBlock = function RestrictDomainsBlock(_ref) {
     popoverDescription = _mergeLeft.popoverDescription;
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col space-y-4",
-    "data-cy": "".concat(hyphenate(switchName), "-container"),
+    "data-testid": "".concat(hyphenate(switchName), "-container"),
     children: [/*#__PURE__*/jsx(SwitchBlock, {
       name: switchName,
       title: /*#__PURE__*/jsx(TitleWithHelpPopover, {
@@ -1742,15 +1742,18 @@ var VerifyEmails = function VerifyEmails() {
   var _mergeLeft = mergeLeft(hostSpecificTranslations, EMAIL_VERIFICATION_TRANSLATIONS),
     title = _mergeLeft.title,
     popoverDescription = _mergeLeft.popoverDescription;
-  return /*#__PURE__*/jsx(Switch, {
-    name: "isVerificationEnabled",
-    label: /*#__PURE__*/jsx(Typography, {
-      component: "span",
-      style: "body1",
-      children: /*#__PURE__*/jsx(TitleWithHelpPopover, {
-        helpLink: helpLink,
-        title: title,
-        description: popoverDescription
+  return /*#__PURE__*/jsx("div", {
+    "data-testid": "email-verification-switch-container",
+    children: /*#__PURE__*/jsx(Switch, {
+      name: "isVerificationEnabled",
+      label: /*#__PURE__*/jsx(Typography, {
+        component: "span",
+        style: "body1",
+        children: /*#__PURE__*/jsx(TitleWithHelpPopover, {
+          helpLink: helpLink,
+          title: title,
+          description: popoverDescription
+        })
       })
     })
   });
@@ -1789,7 +1792,7 @@ var FileGroup = function FileGroup(_ref) {
     checked: checked,
     label: label,
     name: name,
-    "data-cy": "neeto-form-engine-file-type-".concat(name),
+    "data-testid": "neeto-form-engine-file-type-".concat(name),
     id: name,
     onChange: handleAllowedFileTypesChange
   });
@@ -1941,7 +1944,7 @@ var Rating = function Rating() {
               size: 48
             }), /*#__PURE__*/jsx(InputWithMaxLength, {
               name: name,
-              "data-cy": "neeto-form-engine-".concat(hyphenate(name))
+              "data-testid": "neeto-form-engine-".concat(hyphenate(name))
             })]
           }, name);
         })
@@ -1965,7 +1968,7 @@ var StarRating = function StarRating() {
       className: "flex space-x-4",
       children: [/*#__PURE__*/jsx(Select, {
         className: "w-1/2",
-        "data-cy": "neeto-form-engine-star-rating-min-value",
+        "data-testid": "neeto-form-engine-star-rating-min-value",
         label: t("neetoForm.common.start"),
         name: "minValue",
         options: STAR_RATING_MIN_VALUE_OPTIONS,
@@ -1974,7 +1977,7 @@ var StarRating = function StarRating() {
         }
       }), /*#__PURE__*/jsx(Select, {
         className: "w-1/2",
-        "data-cy": "neeto-form-engine-star-rating-max-value",
+        "data-testid": "neeto-form-engine-star-rating-max-value",
         label: t("neetoForm.common.end"),
         name: "maxValue",
         options: STAR_RATING_MAX_VALUE_OPTIONS,
@@ -1992,7 +1995,7 @@ var StarRating = function StarRating() {
           IconType = _ref2[1];
         var isActive = name === iconType;
         return /*#__PURE__*/jsx("div", {
-          "data-cy": "neeto-form-engine-rating-icon-".concat(name),
+          "data-testid": "neeto-form-engine-rating-icon-".concat(name),
           className: classnames("flex h-10 w-10 items-center justify-center gap-2", "neeto-ui-border-gray-800 neeto-ui-rounded-full cursor-pointer border", "transition-all duration-300 ease-in-out", {
             "neeto-ui-text-gray-800 neeto-ui-bg-gray-200": !isActive,
             "neeto-ui-text-white neeto-ui-bg-gray-800": isActive
@@ -2076,7 +2079,7 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
 var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
   return helpUrl ? {
     helpIconProps: {
-      "data-cy": "help-popover-button",
+      "data-testid": "help-popover-button",
       popoverProps: {
         description: t("neetoForm.questions.common.questionFields.field.hideQuestionHelpDescription"),
         helpLinkProps: {
@@ -2090,7 +2093,7 @@ var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
 var responseVisibleOnlyToHostSwitchLabelProps = function responseVisibleOnlyToHostSwitchLabelProps(helpUrl) {
   return {
     helpIconProps: {
-      "data-cy": "help-popover-button",
+      "data-testid": "help-popover-button",
       popoverProps: {
         description: t("neetoForm.questions.common.questionFields.field.responseVisibleOnlyToHostHelpDescription"),
         helpLinkProps: {
@@ -2104,7 +2107,7 @@ var responseVisibleOnlyToHostSwitchLabelProps = function responseVisibleOnlyToHo
 var readOnlySwitchLabelProps = function readOnlySwitchLabelProps(helpUrl) {
   return {
     helpIconProps: {
-      "data-cy": "help-popover-button",
+      "data-testid": "help-popover-button",
       popoverProps: {
         description: t("neetoForm.questions.common.questionFields.field.readOnlyHelpDescription"),
         helpLinkProps: helpUrl ? {