@bigbinary/neeto-rules-frontend 2.7.5 → 2.7.7

package/dist/{index-qw90tLi9.js → index-C9u2JDEa.js}

@@ -6,7 +6,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { b as useUpdateAutomationRule, e as useFetchNameGenerationStatus } from './useAutomationRulesApi-C9I3wUZ8.js';
-import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-BvIE6AHg.js';
+import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-DcvmDX_K.js';
 import { toLower, identity, pluck, isEmpty, replace, mergeDeepLeft, isNotNil, whereAny, reject, equals, unless, path, omit, useWith, split, when, is, trim, eqBy, F, values, isNil, without, append, pipe, filter, uniq, join, map, assoc, mergeLeft, includes, test } from 'ramda';
 import { t } from 'i18next';
 import * as yup from 'yup';
@@ -2714,6 +2714,16 @@ var Target$8 = function Target(_ref) {
     })]
   });
 };
+
+// Counts what the user sees in the editor, like a plain textarea would:
+// every visible character including typed line breaks (<br> and paragraph
+// ends), excluding only the structural newline after the final paragraph.
+var plainTextLength = function plainTextLength(html) {
+  if (!html) return 0;
+  var withLineBreaks = html.replace(/<br\s*\/?>/gi, "\n").replace(/<\/p>/gi, "\n");
+  var doc = new DOMParser().parseFromString(withLineBreaks, HTML_MIME_TYPE);
+  return (doc.body.textContent || "").replace(/\n$/, "").length;
+};
 var SmsFields = function SmsFields(_ref2) {
   var _action$metadata;
   var _ref2$showFieldSelect = _ref2.showFieldSelection,
@@ -2726,7 +2736,9 @@ var SmsFields = function SmsFields(_ref2) {
     showPhoneNumberInput = _ref2$showPhoneNumber === void 0 ? false : _ref2$showPhoneNumber,
     fieldOptions = _ref2.fieldOptions,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$hint = _ref2.hint,
+    hint = _ref2$hint === void 0 ? null : _ref2$hint;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var editorRef = useRef(null);
@@ -2734,6 +2746,9 @@ var SmsFields = function SmsFields(_ref2) {
     _useField4 = _slicedToArray(_useField3, 1),
     _useField4$0$value = _useField4[0].value,
     phoneNumbers = _useField4$0$value === void 0 ? [] : _useField4$0$value;
+  var _useField5 = useField("".concat(name, ".body")),
+    _useField6 = _slicedToArray(_useField5, 1),
+    body = _useField6[0].value;
   var _useActiveField2 = useActiveField(name, {
       shouldAutoFocus: showFieldSelection ? false : shouldAutoFocus
     }),
@@ -2802,6 +2817,21 @@ var SmsFields = function SmsFields(_ref2) {
       variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables,
       editorRef: isFirstFieldInForm("body") ? mergeRefs(editorRef, initialFocusRef) : editorRef,
       onFocus: setFieldActive
+    }), /*#__PURE__*/jsxs("div", {
+      "aria-live": "polite",
+      className: "mt-1 flex items-baseline justify-between gap-x-2",
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-500",
+        style: "body3",
+        children: hint
+      }), /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-500 shrink-0",
+        "data-testid": "sms-body-character-count",
+        style: "body3",
+        children: t("neetoRules.labels.characterCount", {
+          count: plainTextLength(body)
+        })
+      })]
     }), isSaveAsTemplateVisible && /*#__PURE__*/jsx(SaveAsTemplate, {
       name: name,
       className: "mt-4"
@@ -5264,10 +5294,10 @@ var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
       return true;
     }
     var schema = yup.object().shape({
-      value: yup.number().nullable().integer().typeError(t("neetoRules.validations.number")).min(1, t("neetoRules.validations.minDelay", {
-        min: 1
-      })).max(999, t("neetoRules.validations.maxDelay", {
-        max: 999
+      value: yup.number().nullable().integer().typeError(t("neetoRules.validations.number")).min(MIN_DELAY_VALUE, t("neetoRules.validations.minDelay", {
+        min: MIN_DELAY_VALUE
+      })).max(MAX_DELAY_VALUE, t("neetoRules.validations.maxDelay", {
+        max: MAX_DELAY_VALUE
       })).required(t("neetoRules.validations.required.value")),
       unit: yup.string().nullable().required(t("neetoRules.validations.required.value"))
     });
@@ -5322,6 +5352,9 @@ var FIELD_TYPES = {
   multiSelect: "multi-select",
   executionDelay: "execution-delay"
 };
+var HTML_MIME_TYPE = "text/html";
+var MIN_DELAY_VALUE = 1;
+var MAX_DELAY_VALUE = 999;
 var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray), FIELD_TYPES.executionDelay, getSchemaForExecutionDelay);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
@@ -5532,5 +5565,5 @@ var formatData = function formatData(data) {
   }, {});
 };
 
-export { ActionSubItem as A, DEFAULT_RULE_ACTION as D, EditorAction as E, FIELDS_WITH_OPTIONS as F, OPERATORS as O, PANEL_TYPES as P, RadioField as R, SelectField as S, TouchErrors as T, ValueField as V, getFieldDetails$1 as a, getSlackChannelErrors as b, getOptionsKey as c, getActionLabel as d, getLogicalOperatorOptions as e, getFieldDetails as f, getActionOptions as g, getVerbOptions as h, DEFAULT_DELAY as i, getAllEvents as j, STATUS_KEYS as k, formatData as l, buildPayload as m, ScrollToErrorField as n, Panel as o, getValidationSchema as p, DEFAULT_INITIAL_VALUE as q, ErrorCallout as r, SmsFields as s, PhoneNumberField as t, usePollRuleName as u };
-//# sourceMappingURL=index-qw90tLi9.js.map
+export { ActionSubItem as A, DEFAULT_RULE_ACTION as D, EditorAction as E, FIELDS_WITH_OPTIONS as F, MIN_DELAY_VALUE as M, OPERATORS as O, PANEL_TYPES as P, RadioField as R, SelectField as S, TouchErrors as T, ValueField as V, getFieldDetails$1 as a, getSlackChannelErrors as b, getOptionsKey as c, getActionLabel as d, getLogicalOperatorOptions as e, getFieldDetails as f, getActionOptions as g, getVerbOptions as h, DEFAULT_DELAY as i, getAllEvents as j, STATUS_KEYS as k, formatData as l, buildPayload as m, ScrollToErrorField as n, Panel as o, getValidationSchema as p, DEFAULT_INITIAL_VALUE as q, ErrorCallout as r, SmsFields as s, MAX_DELAY_VALUE as t, usePollRuleName as u, PhoneNumberField as v };
+//# sourceMappingURL=index-C9u2JDEa.js.map