@bigbinary/neeto-thank-you-frontend 2.1.46 → 2.2.0

package/README.md

@@ -104,8 +104,8 @@ application.
 - `entityId` - Set the entity ID associated with the "Thank You" page
 - `publicLinkId` - Set the public link ID of the entity associated with the
   thank you configuration for social media sharing
-- `hasImageUploader` - Boolean to show the image uploader section in the thank
-  you configuration page
+- `hasImageUploader` - Boolean to enable the image upload feature in the message editor on your
+  configuration page
 - `uniqueSubmissionEnabled` - Boolean to show link for unique submission
 - `uniqueSubmissionLink` - Set link for unique submission
 - `resubmitLink` - Set link for resubmission

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

@@ -0,0 +1,55 @@
+{
+  "neetoThankYou": {
+    "common": {
+      "thankYouPage": "Dankeseite",
+      "alert": "Alarm",
+      "ok": "Ok",
+      "resubmit": "Erneut einreichen"
+    },
+    "thankYou": {
+      "title": "Dankeseite konfigurieren",
+      "description": "Zeigen Sie eine angepasste Dankeseite an, nachdem der Benutzer das Formular eingereicht hat.",
+      "customize": "Benutzerdefinierte Nachricht",
+      "customizeDescription": "Zeigen Sie nach der Formularübermittlung eine angepasste Dankeseite an.",
+      "externalLink": "Auf externen Link umleiten",
+      "externalLinkDescription": "Leiten Sie den Formularausfüller zu einem externen Link.",
+      "link": "Link",
+      "imageLabel": "Bild",
+      "submitAnotherResponse": "Klicken Sie hier, um eine weitere Antwort einzureichen",
+      "removeImage": "Bild entfernen",
+      "acceptedTypes": "PNG, JPG, GIF, SVG bis 1MB",
+      "imageUpload": "Ziehen Sie es hierher oder <span>browsen</span>",
+      "messageLabel": "Nachricht",
+      "socialShareIcons": "Soziale Share-Icons anzeigen",
+      "showResubmitLink": "Link zur erneuten Einreichung anzeigen",
+      "resubmitLinkText": "Linktext zur erneuten Einreichung",
+      "resubmit": "Erneut einreichen",
+      "socialShareHeading": "Teilen Sie dieses NeetoForm in sozialen Medien",
+      "resubmissionWarning": "Sie haben die eindeutige Einreichung für dieses Formular aktiviert, bitte deaktivieren Sie die eindeutige Einreichung, bevor Sie den Link zur erneuten Einreichung aktivieren.",
+      "uniqueSubmissionLinkText": "Gehe zu den Einstellungen für eindeutige Einreichungen",
+      "draftVersionForm": "Sie verwenden die Entwurfsversion des Formulars. Die Daten werden nicht eingereicht.",
+      "preview": "Vorschau",
+      "madeWith": "Hergestellt mit",
+      "showMessageWhileRedirecting": "Nachricht während der Umleitung anzeigen",
+      "passEventDetails": "Übermitteln Sie die Veranstaltungsdetails an Ihre umgeleitete Seite",
+      "redirecting_in_seconds_message": "Umleitung in {{seconds}} Sekunden.",
+      "redirect_failure_message": "Wir konnten Sie im Moment nicht umleiten. Bitte <Link>klicken Sie hier</Link>, um fortzufahren.",
+      "validations": {
+        "messageRequired": "Nachricht ist erforderlich",
+        "redirectMessageRequired": "Umleitungsnachricht ist erforderlich",
+        "resubmitLinkTextIsRequired": "Linktext ist erforderlich",
+        "invalidLink": "Geben Sie einen gültigen Link ein."
+      },
+      "errors": {
+        "fileTypeError": "Bitte laden Sie eine Datei mit einem der folgenden Dateitypen hoch: {{acceptedTypes}}.",
+        "fileSizeLimitExceeded": "Ihre Datei ist größer als {{maxSizeInReadableUnits}}. Bitte versuchen Sie es erneut mit einer kleineren Datei.",
+        "somethingWentWrong": "Etwas ist schiefgelaufen"
+      }
+    },
+    "buttons": {
+      "saveChanges": "Änderungen speichern",
+      "cancel": "Abbrechen",
+      "resetChanges": "Änderungen zurücksetzen"
+    }
+  }
+}

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

@@ -14,11 +14,6 @@
       "externalLink": "Redirect to external link",
       "externalLinkDescription": "Take the form submitter to an external link.",
       "link": "Link",
-      "imageLabel": "Image",
-      "submitAnotherResponse": "Click here to submit another response",
-      "removeImage": "Remove Image",
-      "acceptedTypes": "PNG, JPG, GIF, SVG up to 1MB",
-      "imageUpload": "Drag and drop or <span>browse</span>",
       "messageLabel": "Message",
       "socialShareIcons": "Show social share icons",
       "showResubmitLink": "Show link to submit another response",
@@ -29,7 +24,6 @@
       "uniqueSubmissionLinkText": "Go to Unique submissions settings",
       "draftVersionForm": "You are using the draft version of the form. The data will not be submitted.",
       "preview": "Preview",
-      "madeWith": "Made with",
       "showMessageWhileRedirecting": "Show message while redirecting",
       "passEventDetails": "Pass event details to your redirected page",
       "redirecting_in_seconds_message": "Redirecting in {{seconds}} seconds.",
@@ -39,17 +33,7 @@
         "redirectMessageRequired": "Redirect message is required",
         "resubmitLinkTextIsRequired": "Link text is required",
         "invalidLink": "Enter a valid link."
-      },
-      "errors": {
-        "fileTypeError": "Please upload a file with one of the following file types: {{acceptedTypes}}.",
-        "fileSizeLimitExceeded": "Your file is larger than {{maxSizeInReadableUnits}}. Please try again with a smaller file.",
-        "somethingWentWrong": "Something went wrong"
       }
-    },
-    "buttons": {
-      "saveChanges": "Save changes",
-      "cancel": "Cancel",
-      "resetChanges": "Reset changes"
     }
   }
 }

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

@@ -0,0 +1,55 @@
+{
+  "neetoThankYou": {
+    "common": {
+      "thankYouPage": "Página de agradecimiento",
+      "alert": "Alerta",
+      "ok": "Aceptar",
+      "resubmit": "Reenvío"
+    },
+    "thankYou": {
+      "title": "Configurar la página de agradecimiento",
+      "description": "Muestra una página de agradecimiento personalizada a tu usuario una vez que envíe el formulario.",
+      "customize": "Mensaje personalizado",
+      "customizeDescription": "Al enviar el formulario, muestra una página de agradecimiento personalizada.",
+      "externalLink": "Redirigir a enlace externo",
+      "externalLinkDescription": "Llevar al que envió el formulario a un enlace externo.",
+      "link": "Enlace",
+      "imageLabel": "Imagen",
+      "submitAnotherResponse": "Haz clic aquí para enviar otra respuesta",
+      "removeImage": "Eliminar imagen",
+      "acceptedTypes": "PNG, JPG, GIF, SVG hasta 1MB",
+      "imageUpload": "Arrastra y suelta o <span>explora</span>",
+      "messageLabel": "Mensaje",
+      "socialShareIcons": "Mostrar íconos para compartir en redes sociales",
+      "showResubmitLink": "Mostrar enlace para enviar otra respuesta",
+      "resubmitLinkText": "Texto del enlace para enviar otra respuesta",
+      "resubmit": "Reenvío",
+      "socialShareHeading": "Comparte este NeetoForm en redes sociales",
+      "resubmissionWarning": "Has habilitado el envío único para este formulario, por favor desactiva el envío único antes de habilitar el enlace de reenvío.",
+      "uniqueSubmissionLinkText": "Ir a la configuración de envíos únicos",
+      "draftVersionForm": "Estás utilizando la versión de borrador del formulario. Los datos no serán enviados.",
+      "preview": "Vista previa",
+      "madeWith": "Hecho con",
+      "showMessageWhileRedirecting": "Mostrar mensaje mientras se redirige",
+      "passEventDetails": "Pasar detalles del evento a tu página redirigida",
+      "redirecting_in_seconds_message": "Redirigiendo en {{seconds}} segundos.",
+      "redirect_failure_message": "No pudimos redirigirte en este momento. Por favor <Link>haz clic aquí</Link> para continuar.",
+      "validations": {
+        "messageRequired": "Se requiere un mensaje",
+        "redirectMessageRequired": "Se requiere un mensaje de redirección",
+        "resubmitLinkTextIsRequired": "Se requiere texto para el enlace",
+        "invalidLink": "Ingresa un enlace válido."
+      },
+      "errors": {
+        "fileTypeError": "Por favor, carga un archivo con uno de los siguientes tipos de archivo: {{acceptedTypes}}.",
+        "fileSizeLimitExceeded": "Tu archivo es más grande que {{maxSizeInReadableUnits}}. Por favor, intenta nuevamente con un archivo más pequeño.",
+        "somethingWentWrong": "Algo salió mal"
+      }
+    },
+    "buttons": {
+      "saveChanges": "Guardar cambios",
+      "cancel": "Cancelar",
+      "resetChanges": "Restablecer cambios"
+    }
+  }
+}

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

@@ -0,0 +1,55 @@
+{
+  "neetoThankYou": {
+    "common": {
+      "thankYouPage": "Page de remerciement",
+      "alert": "Alerte",
+      "ok": "D'accord",
+      "resubmit": "Soumettre à nouveau"
+    },
+    "thankYou": {
+      "title": "Configurer la page de remerciement",
+      "description": "Afficher une page de remerciement personnalisée à votre utilisateur une fois que l'utilisateur soumet le formulaire.",
+      "customize": "Message personnalisé",
+      "customizeDescription": "Après la soumission du formulaire, afficher une page de remerciement personnalisée.",
+      "externalLink": "Rediriger vers un lien externe",
+      "externalLinkDescription": "Envoyer l'auteur du formulaire vers un lien externe.",
+      "link": "Lien",
+      "imageLabel": "Image",
+      "submitAnotherResponse": "Cliquez ici pour soumettre une autre réponse",
+      "removeImage": "Supprimer l'image",
+      "acceptedTypes": "PNG, JPG, GIF, SVG jusqu'à 1 Mo",
+      "imageUpload": "Glissez-déposez ou <span>parcourir</span>",
+      "messageLabel": "Message",
+      "socialShareIcons": "Afficher les icônes de partage sur les réseaux sociaux",
+      "showResubmitLink": "Afficher le lien pour soumettre une autre réponse",
+      "resubmitLinkText": "Texte du lien de soumission d'une autre réponse",
+      "resubmit": "Soumettre à nouveau",
+      "socialShareHeading": "Partagez ce NeetoForm sur les réseaux sociaux",
+      "resubmissionWarning": "Vous avez activé la soumission unique pour ce formulaire, veuillez désactiver la soumission unique avant d'activer le lien de soumission.",
+      "uniqueSubmissionLinkText": "Aller aux paramètres de soumissions uniques",
+      "draftVersionForm": "Vous utilisez la version brouillon du formulaire. Les données ne seront pas soumises.",
+      "preview": "Aperçu",
+      "madeWith": "Fait avec",
+      "showMessageWhileRedirecting": "Afficher un message pendant la redirection",
+      "passEventDetails": "Transmettre les détails de l'événement à votre page redirigée",
+      "redirecting_in_seconds_message": "Redirection dans {{seconds}} secondes.",
+      "redirect_failure_message": "Nous n'avons pas pu vous rediriger pour le moment. Veuillez <Link>clicquer ici</Link> pour continuer.",
+      "validations": {
+        "messageRequired": "Le message est requis",
+        "redirectMessageRequired": "Le message de redirection est requis",
+        "resubmitLinkTextIsRequired": "Le texte du lien est requis",
+        "invalidLink": "Entrez un lien valide."
+      },
+      "errors": {
+        "fileTypeError": "Veuillez télécharger un fichier avec l'un des types de fichiers suivants : {{acceptedTypes}}.",
+        "fileSizeLimitExceeded": "Votre fichier est plus grand que {{maxSizeInReadableUnits}}. Veuillez réessayer avec un fichier plus petit.",
+        "somethingWentWrong": "Un problème est survenu"
+      }
+    },
+    "buttons": {
+      "saveChanges": "Enregistrer les modifications",
+      "cancel": "Annuler",
+      "resetChanges": "Réinitialiser les modifications"
+    }
+  }
+}

package/dist/ConfigureThankYou.js

@@ -1,5 +1,5 @@
-import { isPresent, hyphenate, isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { n, S as SocialShare, R as REDIRECT_DELAY, T as THANK_YOU_TEXT_ALIGNMENTS, F as FORM_OPTIONS, a as THANK_YOU_KINDS } from './SocialShare-DR_yGnQY.js';
+import { hyphenate, isNotEmpty, isPresent, noop } from '@bigbinary/neeto-cist';
+import { n, S as SocialShare, R as REDIRECT_DELAY, T as THANK_YOU_TEXT_ALIGNMENTS, F as FORM_OPTIONS, a as THANK_YOU_KINDS } from './SocialShare-SyR23dOh.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useEffect, memo, useState, useRef } from 'react';
@@ -10,20 +10,18 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import BlockNavigation from '@bigbinary/neetoui/formik/BlockNavigation';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
 import Radio from '@bigbinary/neetoui/formik/Radio';
-import { isEmpty, mergeLeft } from 'ramda';
+import { isEmpty } from 'ramda';
 import { u as useFetchThankYouConfigurations, b as useShowThankYouConfiguration, c as useUpdateThankYouConfiguration } from './useThankYouConfigurationApi-BiVg-jmY.js';
 import { useFormikContext } from 'formik';
 import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
-import Label$1 from '@bigbinary/neetoui/Label';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import { useTranslation } from 'react-i18next';
-import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import Modal from '@bigbinary/neetoui/Modal';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import BrowserPreview from '@bigbinary/neeto-molecules/BrowserPreview';
 import { B as BrandingInfo } from './BrandingInfo-CVoR92MO.js';
 import { IS_PRO_ORGANIZATION } from './constants.js';
@@ -31,6 +29,7 @@ import EditorContent from '@bigbinary/neeto-editor/EditorContent';
 import Link from '@bigbinary/neeto-icons/Link';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import Label$1 from '@bigbinary/neetoui/Label';
 import NeetoUIHeader from '@bigbinary/neeto-molecules/Header';
 import { t } from 'i18next';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
@@ -46,38 +45,6 @@ import '@bigbinary/neeto-commons-frontend/initializers';
 var css = ".neeto-thank-you-configuration-radio__item{align-items:flex-start;background-color:rgb(var(--neeto-ui-white));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded);padding:.75rem 1rem}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item:not(:last-child){margin-right:0!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item{align-items:start!important}.neeto-thank-you-configuration-radio__item.neeto-ui-radio__item .neeto-ui-radio{margin-top:.1875rem}.neeto-thank-you-configuration-radio__item.active{border:1.5px solid rgb(var(--neeto-ui-primary-800))}";
 n(css,{});
 
-var DEFAULT_IMAGE_PROPERTIES = {
-  imageSignedId: null,
-  imageUrl: ""
-};
-var EXTERNAL_URL_PREFIX = "https://";
-
-var IMAGE_SIZE_LIMIT = 1; // MB
-var IMAGE_UPLOADER_CONFIG = {
-  maxImageSize: IMAGE_SIZE_LIMIT
-};
-
-var Image = function Image() {
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue,
-    values = _useFormikContext.values;
-  var handleImageChange = function handleImageChange(image) {
-    if (isEmpty(image.signedId)) {
-      setFieldValue("imageUrl", "");
-      setFieldValue("imageSignedId", null);
-      return;
-    }
-    setFieldValue("imageUrl", image.url);
-    setFieldValue("imageSignedId", image.signedId);
-  };
-  return /*#__PURE__*/jsx(ImageUploader, {
-    className: "h-28",
-    src: values.imageUrl,
-    uploadConfig: IMAGE_UPLOADER_CONFIG,
-    onUploadComplete: handleImageChange
-  }, values.imageUrl);
-};
-
 var ResubmissionWarningModal = withT(function (_ref) {
   var t = _ref.t,
     isOpen = _ref.isOpen,
@@ -140,15 +107,11 @@ var Customize = function Customize(_ref) {
   };
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col gap-4",
-    children: [hasImageUploader && /*#__PURE__*/jsxs("div", {
-      className: "flex flex-col gap-2",
-      children: [/*#__PURE__*/jsx(Label$1, {
-        children: t("neetoThankYou.thankYou.imageLabel")
-      }), /*#__PURE__*/jsx(Image, {})]
-    }), /*#__PURE__*/jsx("div", {
+    children: [/*#__PURE__*/jsx("div", {
       className: "flex flex-col gap-2",
       children: /*#__PURE__*/jsx(FormikEditor, _objectSpread$5({
         required: true,
+        addons: hasImageUploader ? ["image-upload"] : [],
         "data-cy": "thank-you-message-editor",
         label: t("neetoThankYou.thankYou.messageLabel"),
         name: "message",
@@ -192,14 +155,7 @@ var CustomMessage = function CustomMessage(_ref) {
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [isPresent(values === null || values === void 0 ? void 0 : values.imageUrl) && /*#__PURE__*/jsx("div", {
-      className: "neeto-thank-you-configuration__img",
-      children: /*#__PURE__*/jsx("img", {
-        alt: "",
-        "data-cy": "preview-image",
-        src: values.imageUrl
-      })
-    }), (values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsx("div", {
+    children: [(values === null || values === void 0 ? void 0 : values.message) && /*#__PURE__*/jsx("div", {
       className: "neeto-thank-you-configuration__description neeto-ui-text-gray-800",
       children: /*#__PURE__*/jsx(MemoizedEditorContent$1, _objectSpread$4({
         content: values.message,
@@ -291,6 +247,8 @@ var Preview = function Preview(_ref) {
   });
 };
 
+var EXTERNAL_URL_PREFIX = "https://";
+
 var _excluded = ["name", "title", "className"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -487,18 +445,14 @@ var Form = function Form(_ref) {
   var shouldBlockNavigation = blockNavigation && !isUpdatingForm && !isUniqueSubmissionWarningModalOpen;
   var handleSubmit = function handleSubmit(values) {
     var showResubmitLink = values.showResubmitLink,
-      kind = values.kind,
-      imageSignedId = values.imageSignedId;
+      kind = values.kind;
     if (uniqueSubmissionEnabled && kind === THANK_YOU_KINDS.CUSTOM_MESSAGE && showResubmitLink) {
       setIsUniqueSubmissionWarningModalOpen(true);
       return;
     }
-    var payload = _objectSpread(_objectSpread({}, values), {}, {
-      image: imageSignedId
-    });
     updateThankYouConfiguration({
       entityId: entityId,
-      payload: payload
+      payload: values
     }, {
       onSuccess: function onSuccess() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -528,7 +482,7 @@ var Form = function Form(_ref) {
     className: "h-full w-full",
     formikProps: {
       enableReinitialize: true,
-      initialValues: mergeLeft(thankYouConfiguration, DEFAULT_IMAGE_PROPERTIES),
+      initialValues: thankYouConfiguration || {},
       validationSchema: buildValidationSchema(allowEmptyCustomMessage),
       onSubmit: handleSubmit
     },