@strapi/plugin-users-permissions 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

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                        m={size}\n                        xs={12}\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","m","xs","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,149 @@
+'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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+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__default.default.bool.isRequired,
+    onEditClick: PropTypes__default.default.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":"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"}

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

@@ -0,0 +1,158 @@
+'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 _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(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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"}