@strapi/plugin-users-permissions 0.0.0-next.f5b09a8e61e059f02784478e27c310c6290be088 → 0.0.0-next.f5d21551ed005f524bfc4760b274f1be154e26a8

package/dist/admin/pages/EmailTemplates/components/EmailForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailForm.mjs","sources":["../../../../../admin/src/pages/EmailTemplates/components/EmailForm.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, Grid, Modal, Breadcrumbs, Crumb, VisuallyHidden } from '@strapi/design-system';\nimport { Form, InputRenderer } from '@strapi/strapi/admin';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../utils';\nimport schema from '../utils/schema';\n\nconst EmailForm = ({ template = {}, onToggle, open, onSubmit }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={open} onOpenChange={onToggle}>\n      <Modal.Content>\n        <Modal.Header>\n          <Breadcrumbs\n            label={`${formatMessage({\n              id: getTrad('PopUpForm.header.edit.email-templates'),\n              defaultMessage: 'Edit email template',\n            })}, ${\n              template.display\n                ? formatMessage({\n                    id: getTrad(template.display),\n                    defaultMessage: template.display,\n                  })\n                : ''\n            }`}\n          >\n            <Crumb>\n              {formatMessage({\n                id: getTrad('PopUpForm.header.edit.email-templates'),\n                defaultMessage: 'Edit email template',\n              })}\n            </Crumb>\n            <Crumb isCurrent>\n              {template.display\n                ? formatMessage({ id: getTrad(template.display), defaultMessage: template.display })\n                : ''}\n            </Crumb>\n          </Breadcrumbs>\n          <VisuallyHidden>\n            <Modal.Title>\n              {`${formatMessage({\n                id: getTrad('PopUpForm.header.edit.email-templates'),\n                defaultMessage: 'Edit email template',\n              })}, ${template.display ? formatMessage({ id: getTrad(template.display), defaultMessage: template.display }) : ''}`}\n            </Modal.Title>\n          </VisuallyHidden>\n        </Modal.Header>\n        <Form onSubmit={onSubmit} initialValues={template} validationSchema={schema}>\n          {({ isSubmitting }) => {\n            return (\n              <>\n                <Modal.Body>\n                  <Grid.Root gap={5}>\n                    {[\n                      {\n                        label: formatMessage({\n                          id: getTrad('PopUpForm.Email.options.from.name.label'),\n                          defaultMessage: 'Shipper name',\n                        }),\n                        name: 'options.from.name',\n                        size: 6,\n                        type: 'string',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTrad('PopUpForm.Email.options.from.email.label'),\n                          defaultMessage: 'Shipper email',\n                        }),\n                        name: 'options.from.email',\n                        size: 6,\n                        type: 'string',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTrad('PopUpForm.Email.options.response_email.label'),\n                          defaultMessage: 'Response email',\n                        }),\n                        name: 'options.response_email',\n                        size: 6,\n                        type: 'string',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTrad('PopUpForm.Email.options.object.label'),\n                          defaultMessage: 'Subject',\n                        }),\n                        name: 'options.object',\n                        size: 6,\n                        type: 'string',\n                      },\n                      {\n                        label: formatMessage({\n                          id: getTrad('PopUpForm.Email.options.message.label'),\n                          defaultMessage: 'Message',\n                        }),\n                        name: 'options.message',\n                        size: 12,\n                        type: 'text',\n                      },\n                    ].map(({ size, ...field }) => (\n                      <Grid.Item\n                        key={field.name}\n                        col={size}\n                        direction=\"column\"\n                        alignItems=\"stretch\"\n                      >\n                        <InputRenderer {...field} />\n                      </Grid.Item>\n                    ))}\n                  </Grid.Root>\n                </Modal.Body>\n                <Modal.Footer>\n                  <Modal.Close>\n                    <Button variant=\"tertiary\">Cancel</Button>\n                  </Modal.Close>\n                  <Button loading={isSubmitting} type=\"submit\">\n                    Finish\n                  </Button>\n                </Modal.Footer>\n              </>\n            );\n          }}\n        </Form>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nEmailForm.defaultProps = {\n  template: {},\n};\n\nEmailForm.propTypes = {\n  template: PropTypes.shape({\n    display: PropTypes.string,\n    icon: PropTypes.string,\n    options: PropTypes.shape({\n      from: PropTypes.shape({\n        name: PropTypes.string,\n        email: PropTypes.string,\n      }),\n      message: PropTypes.string,\n      object: PropTypes.string,\n      response_email: PropTypes.string,\n    }),\n  }),\n  open: PropTypes.bool.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n};\n\nexport default EmailForm;\n"],"names":["EmailForm","template","onToggle","open","onSubmit","formatMessage","useIntl","_jsx","Modal","Root","onOpenChange","_jsxs","Content","Header","Breadcrumbs","label","id","getTrad","defaultMessage","display","Crumb","isCurrent","VisuallyHidden","Title","Form","initialValues","validationSchema","schema","isSubmitting","_Fragment","Body","Grid","gap","name","size","type","map","field","Item","col","direction","alignItems","InputRenderer","Footer","Close","Button","variant","loading","defaultProps","propTypes","PropTypes","shape","string","icon","options","from","email","message","object","response_email","bool","isRequired","func"],"mappings":"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"}

package/dist/admin/pages/EmailTemplates/components/EmailTable.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+require('lodash/isEmpty');
+var getTrad = require('../../../utils/getTrad.js');
+
+const EmailTable = ({ canUpdate, onEditClick })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+        colCount: 3,
+        rowCount: 3,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.icon.label'),
+                                    defaultMessage: 'icon'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.name.label'),
+                                    defaultMessage: 'name'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.action.label'),
+                                    defaultMessage: 'action'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('reset_password'),
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowClockwise, {
+                                        "aria-label": formatMessage({
+                                            id: 'global.reset-password',
+                                            defaultMessage: 'Reset password'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    children: formatMessage({
+                                        id: 'global.reset-password',
+                                        defaultMessage: 'Reset password'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>onEditClick('reset_password'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('email_confirmation'),
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                        "aria-label": formatMessage({
+                                            id: getTrad('Email.template.email_confirmation'),
+                                            defaultMessage: 'Email address confirmation'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    children: formatMessage({
+                                        id: getTrad('Email.template.email_confirmation'),
+                                        defaultMessage: 'Email address confirmation'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: ()=>onEditClick('email_confirmation'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+EmailTable.propTypes = {
+    canUpdate: PropTypes.bool.isRequired,
+    onEditClick: PropTypes.func.isRequired
+};
+
+module.exports = EmailTable;
+//# sourceMappingURL=EmailTable.js.map

package/dist/admin/pages/EmailTemplates/components/EmailTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailTable.js","sources":["../../../../../admin/src/pages/EmailTemplates/components/EmailTable.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n  Box,\n} from '@strapi/design-system';\nimport { Check, Pencil, ArrowClockwise as Refresh } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../utils';\n\nconst EmailTable = ({ canUpdate, onEditClick }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={3} rowCount={3}>\n      <Thead>\n        <Tr>\n          <Th width=\"1%\">\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('Email.template.table.icon.label'),\n                defaultMessage: 'icon',\n              })}\n            </VisuallyHidden>\n          </Th>\n          <Th>\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTrad('Email.template.table.name.label'),\n                defaultMessage: 'name',\n              })}\n            </Typography>\n          </Th>\n          <Th width=\"1%\">\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('Email.template.table.action.label'),\n                defaultMessage: 'action',\n              })}\n            </VisuallyHidden>\n          </Th>\n        </Tr>\n      </Thead>\n      <Tbody>\n        <Tr cursor=\"pointer\" onClick={() => onEditClick('reset_password')}>\n          <Td>\n            <Box width=\"3.2rem\" height=\"3.2rem\" padding=\"0.8rem\">\n              <Refresh\n                aria-label={formatMessage({\n                  id: 'global.reset-password',\n                  defaultMessage: 'Reset password',\n                })}\n              />\n            </Box>\n          </Td>\n          <Td>\n            <Typography>\n              {formatMessage({\n                id: 'global.reset-password',\n                defaultMessage: 'Reset password',\n              })}\n            </Typography>\n          </Td>\n          <Td onClick={(e) => e.stopPropagation()}>\n            <IconButton\n              onClick={() => onEditClick('reset_password')}\n              label={formatMessage({\n                id: getTrad('Email.template.form.edit.label'),\n                defaultMessage: 'Edit a template',\n              })}\n              variant=\"ghost\"\n              disabled={!canUpdate}\n            >\n              <Pencil />\n            </IconButton>\n          </Td>\n        </Tr>\n        <Tr cursor=\"pointer\" onClick={() => onEditClick('email_confirmation')}>\n          <Td>\n            <Box width=\"3.2rem\" height=\"3.2rem\" padding=\"0.8rem\">\n              <Check\n                aria-label={formatMessage({\n                  id: getTrad('Email.template.email_confirmation'),\n                  defaultMessage: 'Email address confirmation',\n                })}\n              />\n            </Box>\n          </Td>\n          <Td>\n            <Typography>\n              {formatMessage({\n                id: getTrad('Email.template.email_confirmation'),\n                defaultMessage: 'Email address confirmation',\n              })}\n            </Typography>\n          </Td>\n          <Td onClick={(e) => e.stopPropagation()}>\n            <IconButton\n              onClick={() => onEditClick('email_confirmation')}\n              label={formatMessage({\n                id: getTrad('Email.template.form.edit.label'),\n                defaultMessage: 'Edit a template',\n              })}\n              variant=\"ghost\"\n              disabled={!canUpdate}\n            >\n              <Pencil />\n            </IconButton>\n          </Td>\n        </Tr>\n      </Tbody>\n    </Table>\n  );\n};\n\nEmailTable.propTypes = {\n  canUpdate: PropTypes.bool.isRequired,\n  onEditClick: PropTypes.func.isRequired,\n};\n\nexport default EmailTable;\n"],"names":["EmailTable","canUpdate","onEditClick","formatMessage","useIntl","_jsxs","Table","colCount","rowCount","_jsx","Thead","Tr","Th","width","VisuallyHidden","id","getTrad","defaultMessage","Typography","variant","textColor","Tbody","cursor","onClick","Td","Box","height","padding","Refresh","aria-label","e","stopPropagation","IconButton","label","disabled","Pencil","Check","propTypes","PropTypes","bool","isRequired","func"],"mappings":"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"}

package/dist/admin/pages/EmailTemplates/components/EmailTable.mjs

@@ -0,0 +1,143 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Table, Thead, Tr, Th, VisuallyHidden, Typography, Tbody, Td, Box, IconButton } from '@strapi/design-system';
+import { ArrowClockwise, Pencil, Check } from '@strapi/icons';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import 'lodash/isEmpty';
+import getTrad from '../../../utils/getTrad.mjs';
+
+const EmailTable = ({ canUpdate, onEditClick })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Table, {
+        colCount: 3,
+        rowCount: 3,
+        children: [
+            /*#__PURE__*/ jsx(Thead, {
+                children: /*#__PURE__*/ jsxs(Tr, {
+                    children: [
+                        /*#__PURE__*/ jsx(Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.icon.label'),
+                                    defaultMessage: 'icon'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Th, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "sigma",
+                                textColor: "neutral600",
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.name.label'),
+                                    defaultMessage: 'name'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Th, {
+                            width: "1%",
+                            children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('Email.template.table.action.label'),
+                                    defaultMessage: 'action'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(Tbody, {
+                children: [
+                    /*#__PURE__*/ jsxs(Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('reset_password'),
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsx(ArrowClockwise, {
+                                        "aria-label": formatMessage({
+                                            id: 'global.reset-password',
+                                            defaultMessage: 'Reset password'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    children: formatMessage({
+                                        id: 'global.reset-password',
+                                        defaultMessage: 'Reset password'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>onEditClick('reset_password'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Tr, {
+                        cursor: "pointer",
+                        onClick: ()=>onEditClick('email_confirmation'),
+                        children: [
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    padding: "0.8rem",
+                                    children: /*#__PURE__*/ jsx(Check, {
+                                        "aria-label": formatMessage({
+                                            id: getTrad('Email.template.email_confirmation'),
+                                            defaultMessage: 'Email address confirmation'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    children: formatMessage({
+                                        id: getTrad('Email.template.email_confirmation'),
+                                        defaultMessage: 'Email address confirmation'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Td, {
+                                onClick: (e)=>e.stopPropagation(),
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: ()=>onEditClick('email_confirmation'),
+                                    label: formatMessage({
+                                        id: getTrad('Email.template.form.edit.label'),
+                                        defaultMessage: 'Edit a template'
+                                    }),
+                                    variant: "ghost",
+                                    disabled: !canUpdate,
+                                    children: /*#__PURE__*/ jsx(Pencil, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+EmailTable.propTypes = {
+    canUpdate: PropTypes.bool.isRequired,
+    onEditClick: PropTypes.func.isRequired
+};
+
+export { EmailTable as default };
+//# sourceMappingURL=EmailTable.mjs.map

package/dist/admin/pages/EmailTemplates/components/EmailTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailTable.mjs","sources":["../../../../../admin/src/pages/EmailTemplates/components/EmailTable.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n  Box,\n} from '@strapi/design-system';\nimport { Check, Pencil, ArrowClockwise as Refresh } from '@strapi/icons';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../../utils';\n\nconst EmailTable = ({ canUpdate, onEditClick }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={3} rowCount={3}>\n      <Thead>\n        <Tr>\n          <Th width=\"1%\">\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('Email.template.table.icon.label'),\n                defaultMessage: 'icon',\n              })}\n            </VisuallyHidden>\n          </Th>\n          <Th>\n            <Typography variant=\"sigma\" textColor=\"neutral600\">\n              {formatMessage({\n                id: getTrad('Email.template.table.name.label'),\n                defaultMessage: 'name',\n              })}\n            </Typography>\n          </Th>\n          <Th width=\"1%\">\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('Email.template.table.action.label'),\n                defaultMessage: 'action',\n              })}\n            </VisuallyHidden>\n          </Th>\n        </Tr>\n      </Thead>\n      <Tbody>\n        <Tr cursor=\"pointer\" onClick={() => onEditClick('reset_password')}>\n          <Td>\n            <Box width=\"3.2rem\" height=\"3.2rem\" padding=\"0.8rem\">\n              <Refresh\n                aria-label={formatMessage({\n                  id: 'global.reset-password',\n                  defaultMessage: 'Reset password',\n                })}\n              />\n            </Box>\n          </Td>\n          <Td>\n            <Typography>\n              {formatMessage({\n                id: 'global.reset-password',\n                defaultMessage: 'Reset password',\n              })}\n            </Typography>\n          </Td>\n          <Td onClick={(e) => e.stopPropagation()}>\n            <IconButton\n              onClick={() => onEditClick('reset_password')}\n              label={formatMessage({\n                id: getTrad('Email.template.form.edit.label'),\n                defaultMessage: 'Edit a template',\n              })}\n              variant=\"ghost\"\n              disabled={!canUpdate}\n            >\n              <Pencil />\n            </IconButton>\n          </Td>\n        </Tr>\n        <Tr cursor=\"pointer\" onClick={() => onEditClick('email_confirmation')}>\n          <Td>\n            <Box width=\"3.2rem\" height=\"3.2rem\" padding=\"0.8rem\">\n              <Check\n                aria-label={formatMessage({\n                  id: getTrad('Email.template.email_confirmation'),\n                  defaultMessage: 'Email address confirmation',\n                })}\n              />\n            </Box>\n          </Td>\n          <Td>\n            <Typography>\n              {formatMessage({\n                id: getTrad('Email.template.email_confirmation'),\n                defaultMessage: 'Email address confirmation',\n              })}\n            </Typography>\n          </Td>\n          <Td onClick={(e) => e.stopPropagation()}>\n            <IconButton\n              onClick={() => onEditClick('email_confirmation')}\n              label={formatMessage({\n                id: getTrad('Email.template.form.edit.label'),\n                defaultMessage: 'Edit a template',\n              })}\n              variant=\"ghost\"\n              disabled={!canUpdate}\n            >\n              <Pencil />\n            </IconButton>\n          </Td>\n        </Tr>\n      </Tbody>\n    </Table>\n  );\n};\n\nEmailTable.propTypes = {\n  canUpdate: PropTypes.bool.isRequired,\n  onEditClick: PropTypes.func.isRequired,\n};\n\nexport default EmailTable;\n"],"names":["EmailTable","canUpdate","onEditClick","formatMessage","useIntl","_jsxs","Table","colCount","rowCount","_jsx","Thead","Tr","Th","width","VisuallyHidden","id","getTrad","defaultMessage","Typography","variant","textColor","Tbody","cursor","onClick","Td","Box","height","padding","Refresh","aria-label","e","stopPropagation","IconButton","label","disabled","Pencil","Check","propTypes","PropTypes","bool","isRequired","func"],"mappings":";;;;;;;;;AAoBA,MAAMA,aAAa,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAA;IAC5C,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,IAACC,CAAAA,KAAAA,EAAAA;QAAMC,QAAU,EAAA,CAAA;QAAGC,QAAU,EAAA,CAAA;;0BAC5BC,GAACC,CAAAA,KAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAL,IAACM,CAAAA,EAAAA,EAAAA;;sCACCF,GAACG,CAAAA,EAAAA,EAAAA;4BAAGC,KAAM,EAAA,IAAA;AACR,4BAAA,QAAA,gBAAAJ,GAACK,CAAAA,cAAAA,EAAAA;0CACEX,aAAc,CAAA;AACbY,oCAAAA,EAAAA,EAAIC,OAAQ,CAAA,iCAAA,CAAA;oCACZC,cAAgB,EAAA;AAClB,iCAAA;;;sCAGJR,GAACG,CAAAA,EAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAH,GAACS,CAAAA,UAAAA,EAAAA;gCAAWC,OAAQ,EAAA,OAAA;gCAAQC,SAAU,EAAA,YAAA;0CACnCjB,aAAc,CAAA;AACbY,oCAAAA,EAAAA,EAAIC,OAAQ,CAAA,iCAAA,CAAA;oCACZC,cAAgB,EAAA;AAClB,iCAAA;;;sCAGJR,GAACG,CAAAA,EAAAA,EAAAA;4BAAGC,KAAM,EAAA,IAAA;AACR,4BAAA,QAAA,gBAAAJ,GAACK,CAAAA,cAAAA,EAAAA;0CACEX,aAAc,CAAA;AACbY,oCAAAA,EAAAA,EAAIC,OAAQ,CAAA,mCAAA,CAAA;oCACZC,cAAgB,EAAA;AAClB,iCAAA;;;;;;0BAKRZ,IAACgB,CAAAA,KAAAA,EAAAA;;kCACChB,IAACM,CAAAA,EAAAA,EAAAA;wBAAGW,MAAO,EAAA,SAAA;AAAUC,wBAAAA,OAAAA,EAAS,IAAMrB,WAAY,CAAA,gBAAA,CAAA;;0CAC9CO,GAACe,CAAAA,EAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAf,GAACgB,CAAAA,GAAAA,EAAAA;oCAAIZ,KAAM,EAAA,QAAA;oCAASa,MAAO,EAAA,QAAA;oCAASC,OAAQ,EAAA,QAAA;AAC1C,oCAAA,QAAA,gBAAAlB,GAACmB,CAAAA,cAAAA,EAAAA;AACCC,wCAAAA,YAAAA,EAAY1B,aAAc,CAAA;4CACxBY,EAAI,EAAA,uBAAA;4CACJE,cAAgB,EAAA;AAClB,yCAAA;;;;0CAINR,GAACe,CAAAA,EAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAf,GAACS,CAAAA,UAAAA,EAAAA;8CACEf,aAAc,CAAA;wCACbY,EAAI,EAAA,uBAAA;wCACJE,cAAgB,EAAA;AAClB,qCAAA;;;0CAGJR,GAACe,CAAAA,EAAAA,EAAAA;gCAAGD,OAAS,EAAA,CAACO,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnC,gCAAA,QAAA,gBAAAtB,GAACuB,CAAAA,UAAAA,EAAAA;AACCT,oCAAAA,OAAAA,EAAS,IAAMrB,WAAY,CAAA,gBAAA,CAAA;AAC3B+B,oCAAAA,KAAAA,EAAO9B,aAAc,CAAA;AACnBY,wCAAAA,EAAAA,EAAIC,OAAQ,CAAA,gCAAA,CAAA;wCACZC,cAAgB,EAAA;AAClB,qCAAA,CAAA;oCACAE,OAAQ,EAAA,OAAA;AACRe,oCAAAA,QAAAA,EAAU,CAACjC,SAAAA;AAEX,oCAAA,QAAA,gBAAAQ,GAAC0B,CAAAA,MAAAA,EAAAA,EAAAA;;;;;kCAIP9B,IAACM,CAAAA,EAAAA,EAAAA;wBAAGW,MAAO,EAAA,SAAA;AAAUC,wBAAAA,OAAAA,EAAS,IAAMrB,WAAY,CAAA,oBAAA,CAAA;;0CAC9CO,GAACe,CAAAA,EAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAf,GAACgB,CAAAA,GAAAA,EAAAA;oCAAIZ,KAAM,EAAA,QAAA;oCAASa,MAAO,EAAA,QAAA;oCAASC,OAAQ,EAAA,QAAA;AAC1C,oCAAA,QAAA,gBAAAlB,GAAC2B,CAAAA,KAAAA,EAAAA;AACCP,wCAAAA,YAAAA,EAAY1B,aAAc,CAAA;AACxBY,4CAAAA,EAAAA,EAAIC,OAAQ,CAAA,mCAAA,CAAA;4CACZC,cAAgB,EAAA;AAClB,yCAAA;;;;0CAINR,GAACe,CAAAA,EAAAA,EAAAA;AACC,gCAAA,QAAA,gBAAAf,GAACS,CAAAA,UAAAA,EAAAA;8CACEf,aAAc,CAAA;AACbY,wCAAAA,EAAAA,EAAIC,OAAQ,CAAA,mCAAA,CAAA;wCACZC,cAAgB,EAAA;AAClB,qCAAA;;;0CAGJR,GAACe,CAAAA,EAAAA,EAAAA;gCAAGD,OAAS,EAAA,CAACO,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnC,gCAAA,QAAA,gBAAAtB,GAACuB,CAAAA,UAAAA,EAAAA;AACCT,oCAAAA,OAAAA,EAAS,IAAMrB,WAAY,CAAA,oBAAA,CAAA;AAC3B+B,oCAAAA,KAAAA,EAAO9B,aAAc,CAAA;AACnBY,wCAAAA,EAAAA,EAAIC,OAAQ,CAAA,gCAAA,CAAA;wCACZC,cAAgB,EAAA;AAClB,qCAAA,CAAA;oCACAE,OAAQ,EAAA,OAAA;AACRe,oCAAAA,QAAAA,EAAU,CAACjC,SAAAA;AAEX,oCAAA,QAAA,gBAAAQ,GAAC0B,CAAAA,MAAAA,EAAAA,EAAAA;;;;;;;;;AAOf;AAEAnC,UAAAA,CAAWqC,SAAS,GAAG;IACrBpC,SAAWqC,EAAAA,SAAAA,CAAUC,IAAI,CAACC,UAAU;IACpCtC,WAAaoC,EAAAA,SAAAA,CAAUG,IAAI,CAACD;AAC9B,CAAA;;;;"}

package/dist/admin/pages/EmailTemplates/index.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var admin = require('@strapi/strapi/admin');
+var reactIntl = require('react-intl');
+var reactQuery = require('react-query');
+var constants = require('../../constants.js');
+require('lodash/isEmpty');
+var getTrad = require('../../utils/getTrad.js');
+var EmailForm = require('./components/EmailForm.js');
+var EmailTable = require('./components/EmailTable.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ProtectedEmailTemplatesPage = ()=>/*#__PURE__*/ jsxRuntime.jsx(admin.Page.Protect, {
+        permissions: constants.PERMISSIONS.readEmailTemplates,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EmailTemplatesPage, {})
+    });
+const EmailTemplatesPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { notifyStatus } = designSystem.useNotifyAT();
+    const { toggleNotification } = admin.useNotification();
+    const queryClient = reactQuery.useQueryClient();
+    const { get, put } = admin.useFetchClient();
+    const { formatAPIError } = admin.useAPIErrorHandler();
+    const [isModalOpen, setIsModalOpen] = React__namespace.useState(false);
+    const [templateToEdit, setTemplateToEdit] = React__namespace.useState(null);
+    const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = admin.useRBAC({
+        update: constants.PERMISSIONS.updateEmailTemplates
+    });
+    const { isLoading: isLoadingData, data } = reactQuery.useQuery([
+        'users-permissions',
+        'email-templates'
+    ], async ()=>{
+        const { data } = await get('/users-permissions/email-templates');
+        return data;
+    }, {
+        onSuccess () {
+            notifyStatus(formatMessage({
+                id: getTrad('Email.template.data.loaded'),
+                defaultMessage: 'Email templates has been loaded'
+            }));
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    });
+    const isLoading = isLoadingForPermissions || isLoadingData;
+    const handleToggle = ()=>{
+        setIsModalOpen((prev)=>!prev);
+    };
+    const handleEditClick = (template)=>{
+        setTemplateToEdit(template);
+        handleToggle();
+    };
+    const submitMutation = reactQuery.useMutation((body)=>put('/users-permissions/email-templates', {
+            'email-templates': body
+        }), {
+        async onSuccess () {
+            await queryClient.invalidateQueries([
+                'users-permissions',
+                'email-templates'
+            ]);
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'notification.success.saved',
+                    defaultMessage: 'Saved'
+                })
+            });
+            trackUsage('didEditEmailTemplates');
+            handleToggle();
+        },
+        onError (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        },
+        refetchActive: true
+    });
+    const handleSubmit = (body)=>{
+        trackUsage('willEditEmailTemplates');
+        const editedTemplates = {
+            ...data,
+            [templateToEdit]: body
+        };
+        submitMutation.mutate(editedTemplates);
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(admin.Page.Main, {
+        "aria-busy": submitMutation.isLoading,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: formatMessage({
+                        id: getTrad('HeaderNav.link.emailTemplates'),
+                        defaultMessage: 'Email templates'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(admin.Layouts.Header, {
+                title: formatMessage({
+                    id: getTrad('HeaderNav.link.emailTemplates'),
+                    defaultMessage: 'Email templates'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Content, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(EmailTable, {
+                        onEditClick: handleEditClick,
+                        canUpdate: canUpdate
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(EmailForm, {
+                        template: data[templateToEdit],
+                        onToggle: handleToggle,
+                        open: isModalOpen,
+                        onSubmit: handleSubmit
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.EmailTemplatesPage = EmailTemplatesPage;
+exports.ProtectedEmailTemplatesPage = ProtectedEmailTemplatesPage;
+//# sourceMappingURL=index.js.map

package/dist/admin/pages/EmailTemplates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/pages/EmailTemplates/index.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\nimport { useNotifyAT } from '@strapi/design-system';\nimport {\n  Page,\n  useAPIErrorHandler,\n  useNotification,\n  useFetchClient,\n  useRBAC,\n  Layouts,\n} from '@strapi/strapi/admin';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\n\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport EmailForm from './components/EmailForm';\nimport EmailTable from './components/EmailTable';\n\nconst ProtectedEmailTemplatesPage = () => (\n  <Page.Protect permissions={PERMISSIONS.readEmailTemplates}>\n    <EmailTemplatesPage />\n  </Page.Protect>\n);\nconst EmailTemplatesPage = () => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { notifyStatus } = useNotifyAT();\n  const { toggleNotification } = useNotification();\n  const queryClient = useQueryClient();\n  const { get, put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  const [isModalOpen, setIsModalOpen] = React.useState(false);\n  const [templateToEdit, setTemplateToEdit] = React.useState(null);\n\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canUpdate },\n  } = useRBAC({ update: PERMISSIONS.updateEmailTemplates });\n\n  const { isLoading: isLoadingData, data } = useQuery(\n    ['users-permissions', 'email-templates'],\n    async () => {\n      const { data } = await get('/users-permissions/email-templates');\n\n      return data;\n    },\n    {\n      onSuccess() {\n        notifyStatus(\n          formatMessage({\n            id: getTrad('Email.template.data.loaded'),\n            defaultMessage: 'Email templates has been loaded',\n          })\n        );\n      },\n      onError(error) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(error),\n        });\n      },\n    }\n  );\n\n  const isLoading = isLoadingForPermissions || isLoadingData;\n\n  const handleToggle = () => {\n    setIsModalOpen((prev) => !prev);\n  };\n\n  const handleEditClick = (template) => {\n    setTemplateToEdit(template);\n    handleToggle();\n  };\n\n  const submitMutation = useMutation(\n    (body) => put('/users-permissions/email-templates', { 'email-templates': body }),\n    {\n      async onSuccess() {\n        await queryClient.invalidateQueries(['users-permissions', 'email-templates']);\n\n        toggleNotification({\n          type: 'success',\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\n        });\n\n        trackUsage('didEditEmailTemplates');\n\n        handleToggle();\n      },\n      onError(error) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(error),\n        });\n      },\n      refetchActive: true,\n    }\n  );\n\n  const handleSubmit = (body) => {\n    trackUsage('willEditEmailTemplates');\n\n    const editedTemplates = { ...data, [templateToEdit]: body };\n    submitMutation.mutate(editedTemplates);\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main aria-busy={submitMutation.isLoading}>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: getTrad('HeaderNav.link.emailTemplates'),\n              defaultMessage: 'Email templates',\n            }),\n          }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTrad('HeaderNav.link.emailTemplates'),\n          defaultMessage: 'Email templates',\n        })}\n      />\n      <Layouts.Content>\n        <EmailTable onEditClick={handleEditClick} canUpdate={canUpdate} />\n        <EmailForm\n          template={data[templateToEdit]}\n          onToggle={handleToggle}\n          open={isModalOpen}\n          onSubmit={handleSubmit}\n        />\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { ProtectedEmailTemplatesPage, EmailTemplatesPage };\n"],"names":["ProtectedEmailTemplatesPage","_jsx","Page","Protect","permissions","PERMISSIONS","readEmailTemplates","EmailTemplatesPage","formatMessage","useIntl","trackUsage","useTracking","notifyStatus","useNotifyAT","toggleNotification","useNotification","queryClient","useQueryClient","get","put","useFetchClient","formatAPIError","useAPIErrorHandler","isModalOpen","setIsModalOpen","React","useState","templateToEdit","setTemplateToEdit","isLoading","isLoadingForPermissions","allowedActions","canUpdate","useRBAC","update","updateEmailTemplates","isLoadingData","data","useQuery","onSuccess","id","getTrad","defaultMessage","onError","error","type","message","handleToggle","prev","handleEditClick","template","submitMutation","useMutation","body","invalidateQueries","refetchActive","handleSubmit","editedTemplates","mutate","Loading","_jsxs","Main","aria-busy","Title","name","Layouts","Header","title","Content","EmailTable","onEditClick","EmailForm","onToggle","open","onSubmit"],"mappings":"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"}