design-comuni-plone-theme 11.21.1 → 11.22.0

package/src/customizations/volto-form-block/fieldSchema.js

@@ -0,0 +1,174 @@
+// CUSTOMIZATION:
+// - added unique parameter to fields to allow preventing users from using same value more than once in the same field e.g. submitting form with same email more than once
+/* eslint-disable import/no-anonymous-default-export */
+import config from '@plone/volto/registry';
+import { defineMessages } from 'react-intl';
+import { useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  field_label: {
+    id: 'form_field_label',
+    defaultMessage: 'Label',
+  },
+  field_description: {
+    id: 'form_field_description',
+    defaultMessage: 'Description',
+  },
+  field_required: {
+    id: 'form_field_required',
+    defaultMessage: 'Required',
+  },
+  field_type: {
+    id: 'form_field_type',
+    defaultMessage: 'Field type',
+  },
+  field_type_text: {
+    id: 'form_field_type_text',
+    defaultMessage: 'Text',
+  },
+  field_type_textarea: {
+    id: 'form_field_type_textarea',
+    defaultMessage: 'Textarea',
+  },
+  field_type_select: {
+    id: 'form_field_type_select',
+    defaultMessage: 'List',
+  },
+  field_type_single_choice: {
+    id: 'form_field_type_single_choice',
+    defaultMessage: 'Single choice',
+  },
+  field_type_multiple_choice: {
+    id: 'form_field_type_multiple_choice',
+    defaultMessage: 'Multiple choice',
+  },
+  field_type_checkbox: {
+    id: 'form_field_type_checkbox',
+    defaultMessage: 'Checkbox',
+  },
+  field_type_date: {
+    id: 'form_field_type_date',
+    defaultMessage: 'Date',
+  },
+  field_type_attachment: {
+    id: 'form_field_type_attachment',
+    defaultMessage: 'Attachment',
+  },
+  field_type_attachment_info_text: {
+    id: 'form_field_type_attachment_info_text',
+    defaultMessage: 'Any attachments can be emailed, but will not be saved.',
+  },
+  field_type_from: {
+    id: 'form_field_type_from',
+    defaultMessage: 'E-mail',
+  },
+  field_type_static_text: {
+    id: 'form_field_type_static_text',
+    defaultMessage: 'Static text',
+  },
+  field_type_hidden: {
+    id: 'form_field_type_hidden',
+    defaultMessage: 'Hidden',
+  },
+  field_unique_title: {
+    id: 'field_unique_title',
+    defaultMessage: 'Unique field',
+  },
+  field_unique_description: {
+    id: 'field_unique_description',
+    defaultMessage:
+      'Check this box if the value entered in this field can be used only once.',
+  },
+});
+
+export default (props) => {
+  var intl = useIntl();
+  const baseFieldTypeChoices = [
+    ['text', intl.formatMessage(messages.field_type_text)],
+    ['textarea', intl.formatMessage(messages.field_type_textarea)],
+    ['select', intl.formatMessage(messages.field_type_select)],
+    ['single_choice', intl.formatMessage(messages.field_type_single_choice)],
+    [
+      'multiple_choice',
+      intl.formatMessage(messages.field_type_multiple_choice),
+    ],
+    ['checkbox', intl.formatMessage(messages.field_type_checkbox)],
+    ['date', intl.formatMessage(messages.field_type_date)],
+    ['attachment', intl.formatMessage(messages.field_type_attachment)],
+    ['from', intl.formatMessage(messages.field_type_from)],
+    ['static_text', intl.formatMessage(messages.field_type_static_text)],
+    ['hidden', intl.formatMessage(messages.field_type_hidden)],
+  ];
+  var attachmentDescription =
+    props?.field_type === 'attachment'
+      ? {
+          description: intl.formatMessage(
+            messages.field_type_attachment_info_text,
+          ),
+        }
+      : {};
+
+  var schemaExtender =
+    config.blocks.blocksConfig.form.fieldTypeSchemaExtenders[props?.field_type];
+  const schemaExtenderValues = schemaExtender
+    ? schemaExtender(intl)
+    : { properties: [], fields: [], required: [] };
+
+  return {
+    title: props?.label || '',
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: [
+          'label',
+          'description',
+          'field_type',
+          ...schemaExtenderValues.fields,
+          ...(props?.field_type === 'static_text' ? [] : ['required']),
+          'unique',
+        ],
+      },
+    ],
+
+    properties: {
+      label: {
+        title: intl.formatMessage(messages.field_label),
+        send_to_backend: true,
+      },
+      description: {
+        title: intl.formatMessage(messages.field_description),
+      },
+      field_type: {
+        title: intl.formatMessage(messages.field_type),
+        type: 'string',
+        choices: [
+          ...baseFieldTypeChoices,
+          ...(config.blocks.blocksConfig.form.additionalFields?.map(
+            (fieldType) => [fieldType.id, fieldType.label],
+          ) ?? []),
+        ],
+        ...attachmentDescription,
+      },
+      required: {
+        title: intl.formatMessage(messages.field_required),
+        type: 'boolean',
+        default: false,
+      },
+      unique: {
+        title: intl.formatMessage(messages.field_unique_title),
+        description: intl.formatMessage(messages.field_unique_description),
+        type: 'boolean',
+        default: false,
+        send_to_backend: true,
+      },
+      ...schemaExtenderValues.properties,
+    },
+    required: [
+      'label',
+      'field_type',
+      'input_values',
+      ...schemaExtenderValues.required,
+    ],
+  };
+};

package/src/customizations/volto-form-block/formSchema.js

@@ -0,0 +1,237 @@
+// CUSTOMIZATION:
+// - added field to set a subscription limit
+import { defineMessages } from 'react-intl';
+import { useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  form: {
+    id: 'form',
+    defaultMessage: 'Form',
+  },
+  title: {
+    id: 'title',
+    defaultMessage: 'Title',
+  },
+  description: {
+    id: 'description',
+    defaultMessage: 'Description',
+  },
+  default_to: {
+    id: 'form_to',
+    defaultMessage: 'Recipients',
+  },
+  default_from: {
+    id: 'form_default_from',
+    defaultMessage: 'Default sender',
+  },
+  default_subject: {
+    id: 'form_default_subject',
+    defaultMessage: 'Mail subject',
+  },
+  default_subject_description: {
+    id: 'form_default_subject_description',
+    defaultMessage:
+      'Use the ${field_id} syntax to add a form value to the email subject',
+  },
+  submit_label: {
+    id: 'form_submit_label',
+    defaultMessage: 'Submit button label',
+  },
+  show_cancel: {
+    id: 'form_show_cancel',
+    defaultMessage: 'Show cancel button',
+  },
+  set_limit: {
+    id: 'form_set_limit',
+    defaultMessage: 'Set a submission limit',
+  },
+  limit: {
+    id: 'form_limit',
+    defaultMessage: 'Submission limit',
+  },
+  cancel_label: {
+    id: 'form_cancel_label',
+    defaultMessage: 'Cancel button label',
+  },
+  captcha: {
+    id: 'captcha',
+    defaultMessage: 'Captcha provider',
+  },
+  store: {
+    id: 'form_save_persistent_data',
+    defaultMessage: 'Store compiled data',
+  },
+  remove_data_after_days: {
+    id: 'form_remove_data_after_days',
+    defaultMessage: 'Data wipe',
+  },
+  remove_data_after_days_helptext: {
+    id: 'form_remove_data_after_days_helptext',
+    defaultMessage: 'Number of days after which, the data should be deleted',
+  },
+  attachmentSendEmail: {
+    id: 'form_attachment_send_email_info_text',
+    defaultMessage: 'Attached file will be sent via email, but not stored',
+  },
+  send: {
+    id: 'form_send_email',
+    defaultMessage: 'Send email to recipient',
+  },
+  send_message: {
+    id: 'form_send_message',
+    defaultMessage: 'Message of sending confirmed',
+  },
+  send_message_helptext: {
+    id: 'form_send_message_helptext',
+    defaultMessage:
+      'You can add the value of a filled field in the form by inserting its ID between curly brackets preceded by $, example: ${field_id}; you can add also html elements such as links <a>, new line <br />, bold <b> and italic <i> formatting.',
+  },
+  manage_data: {
+    id: 'form_manage_data',
+    defaultMessage: 'Manage data',
+  },
+  mail_header_label: {
+    id: 'mail_header_label',
+    defaultMessage: 'Text at the beginning of the email',
+  },
+  mail_header_footer_description: {
+    id: 'mail_header_description',
+    defaultMessage: "If field isn't filled in, a default text will be used",
+  },
+  mail_footer_label: {
+    id: 'mail_footer_label',
+    defaultMessage: 'Text at the end of the email',
+  },
+});
+
+const Schema = (data) => {
+  var intl = useIntl();
+
+  let conditional_required = [];
+  if (!data.store && !data.send) {
+    conditional_required.push('store');
+    conditional_required.push('send');
+  }
+
+  return {
+    title: intl.formatMessage(messages.form),
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: [
+          'title',
+          'description',
+          'default_to',
+          'default_from',
+          'default_subject',
+          'submit_label',
+          'show_cancel',
+          ...(data?.show_cancel ? ['cancel_label'] : []),
+          'set_limit',
+          ...(data?.set_limit ? ['limit'] : []),
+          'mail_header',
+          'mail_footer',
+          'captcha',
+        ],
+      },
+      {
+        id: 'manage_data',
+        title: intl.formatMessage(messages.manage_data),
+        fields: ['store', 'remove_data_after_days', 'send', 'send_message'],
+      },
+    ],
+    properties: {
+      title: {
+        title: intl.formatMessage(messages.title),
+      },
+      description: {
+        title: intl.formatMessage(messages.description),
+        type: 'textarea',
+      },
+      default_to: {
+        title: intl.formatMessage(messages.default_to),
+      },
+      default_from: {
+        title: intl.formatMessage(messages.default_from),
+      },
+      default_subject: {
+        title: intl.formatMessage(messages.default_subject),
+        description: intl.formatMessage(messages.default_subject_description),
+      },
+      submit_label: {
+        title: intl.formatMessage(messages.submit_label),
+      },
+      show_cancel: {
+        type: 'boolean',
+        title: intl.formatMessage(messages.show_cancel),
+        default: false,
+      },
+      set_limit: {
+        type: 'boolean',
+        title: intl.formatMessage(messages.set_limit),
+        default: false,
+      },
+      limit: {
+        title: intl.formatMessage(messages.limit),
+        default: -1,
+      },
+      cancel_label: {
+        title: intl.formatMessage(messages.cancel_label),
+      },
+      mail_header: {
+        title: intl.formatMessage(messages.mail_header_label),
+        widget: 'richtext',
+        type: 'string',
+        description: intl.formatMessage(
+          messages.mail_header_footer_description,
+        ),
+      },
+      mail_footer: {
+        title: intl.formatMessage(messages.mail_footer_label),
+        widget: 'richtext',
+        type: 'string',
+        description: intl.formatMessage(
+          messages.mail_header_footer_description,
+        ),
+      },
+      captcha: {
+        title: intl.formatMessage(messages.captcha),
+        type: 'string',
+        vocabulary: {
+          '@id': 'collective.volto.formsupport.captcha.providers',
+        },
+      },
+      store: {
+        type: 'boolean',
+        title: intl.formatMessage(messages.store),
+      },
+      remove_data_after_days: {
+        type: 'integer',
+        title: intl.formatMessage(messages.remove_data_after_days),
+        description: intl.formatMessage(
+          messages.remove_data_after_days_helptext,
+        ),
+        default: -1,
+      },
+      send: {
+        type: 'boolean',
+        title: intl.formatMessage(messages.send),
+        description: intl.formatMessage(messages.attachmentSendEmail),
+      },
+      send_message: {
+        title: intl.formatMessage(messages.send_message),
+        widget: 'textarea',
+        description: intl.formatMessage(messages.send_message_helptext),
+      },
+    },
+    required: [
+      'default_to',
+      'default_from',
+      'default_subject',
+      'captcha',
+      ...conditional_required,
+    ],
+  };
+};
+export default Schema;

package/src/overrideTranslations.jsx

@@ -68,4 +68,30 @@ defineMessages({
     id: 'Clear dates',
     defaultMessage: 'Pulisci i campi',
   },
+  success_warning: {
+    id: 'form_submit_success_warning',
+    defaultMessage: "Sei stato inserito in lista d'attesa",
+  },
+  success_warning_description: {
+    id: 'form_submit_success_warning_description',
+    defaultMessage:
+      "I tuoi dati sono stati inviati, ma è già stato raggiunto il limite di iscrizioni, sei stato inserito in lista d'attesa.",
+  },
+  field_unique_title: {
+    id: 'field_unique_title',
+    defaultMessage: 'Unique field',
+  },
+  field_unique_description: {
+    id: 'field_unique_description',
+    defaultMessage:
+      'Check this box if the value entered in this field can be used only once.',
+  },
+  set_limit: {
+    id: 'form_set_limit',
+    defaultMessage: 'Set a submission limit',
+  },
+  limit: {
+    id: 'form_limit',
+    defaultMessage: 'Submission limit',
+  },
 });