@bigbinary/neeto-rules-frontend 2.7.6 → 2.7.7

package/dist/{index-Df_k2p4V.js → index-Co-qUEtS.js}

@@ -8,7 +8,7 @@ var _typeof = require('@babel/runtime/helpers/typeof');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var useAutomationRulesApi = require('./useAutomationRulesApi-C1T2E1AN.js');
-var keyboardShortcuts = require('./keyboardShortcuts-NxcrOxzv.js');
+var keyboardShortcuts = require('./keyboardShortcuts-Dg7lUOmj.js');
 var ramda = require('ramda');
 var i18next = require('i18next');
 var yup = require('yup');
@@ -2735,6 +2735,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,
@@ -2747,7 +2757,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 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var editorRef = react.useRef(null);
@@ -2755,6 +2767,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 = formik.useField("".concat(name, ".body")),
+    _useField6 = _slicedToArray(_useField5, 1),
+    body = _useField6[0].value;
   var _useActiveField2 = useCustomDataStore.useActiveField(name, {
       shouldAutoFocus: showFieldSelection ? false : shouldAutoFocus
     }),
@@ -2823,6 +2838,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__*/jsxRuntime.jsxs("div", {
+      "aria-live": "polite",
+      className: "mt-1 flex items-baseline justify-between gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-500",
+        style: "body3",
+        children: hint
+      }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(SaveAsTemplate, {
       name: name,
       className: "mt-4"
@@ -5285,10 +5315,10 @@ var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
       return true;
     }
     var schema = yup__namespace.object().shape({
-      value: yup__namespace.number().nullable().integer().typeError(i18next.t("neetoRules.validations.number")).min(1, i18next.t("neetoRules.validations.minDelay", {
-        min: 1
-      })).max(999, i18next.t("neetoRules.validations.maxDelay", {
-        max: 999
+      value: yup__namespace.number().nullable().integer().typeError(i18next.t("neetoRules.validations.number")).min(MIN_DELAY_VALUE, i18next.t("neetoRules.validations.minDelay", {
+        min: MIN_DELAY_VALUE
+      })).max(MAX_DELAY_VALUE, i18next.t("neetoRules.validations.maxDelay", {
+        max: MAX_DELAY_VALUE
       })).required(i18next.t("neetoRules.validations.required.value")),
       unit: yup__namespace.string().nullable().required(i18next.t("neetoRules.validations.required.value"))
     });
@@ -5343,6 +5373,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+$/;
@@ -5560,6 +5593,8 @@ exports.DEFAULT_RULE_ACTION = DEFAULT_RULE_ACTION;
 exports.EditorAction = EditorAction;
 exports.ErrorCallout = ErrorCallout;
 exports.FIELDS_WITH_OPTIONS = FIELDS_WITH_OPTIONS;
+exports.MAX_DELAY_VALUE = MAX_DELAY_VALUE;
+exports.MIN_DELAY_VALUE = MIN_DELAY_VALUE;
 exports.OPERATORS = OPERATORS;
 exports.PANEL_TYPES = PANEL_TYPES;
 exports.Panel = Panel;
@@ -5584,4 +5619,4 @@ exports.getSlackChannelErrors = getSlackChannelErrors;
 exports.getValidationSchema = getValidationSchema;
 exports.getVerbOptions = getVerbOptions;
 exports.usePollRuleName = usePollRuleName;
-//# sourceMappingURL=index-Df_k2p4V.js.map
+//# sourceMappingURL=index-Co-qUEtS.js.map