https://razorcms-production.up.railway.app/admin/node_modules/.str…/deps/EmailTemplates-HP6EJIHC.js?v=d15f9e09

170// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/index.mjs
171var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
172var React = __toESM(require_react(), 1);
173var import_isEmpty3 = __toESM(require_isEmpty(), 1);
174

175// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailForm.mjs
176var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
177var import_react = __toESM(require_react(), 1);
178var import_prop_types = __toESM(require_prop_types(), 1);
179var import_isEmpty = __toESM(require_isEmpty(), 1);
180

181// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/utils/schema.mjs
182var schema = create2().shape({
183  options: create2().shape({
184    from: create2().shape({
185      name: create().required({
186        id: errorsTrads.required.id,
187        defaultMessage: "This field is required"
188      }),
189      email: create().email(errorsTrads.email).required({
190        id: errorsTrads.required.id,
191        defaultMessage: "This field is required"
192      })
193    }).required(),
194    response_email: create().email(errorsTrads.email),
195    object: create().required({
196      id: errorsTrads.required.id,
197      defaultMessage: "This field is required"
198    }),
199    message: create().required({
200      id: errorsTrads.required.id,
201      defaultMessage: "This field is required"
202    })
203  }).required(errorsTrads.required.id)
204});
205

206// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailForm.mjs
207var EmailForm = ({ template = {}, onToggle, open, onSubmit }) => {
208  const { formatMessage } = useIntl();
209  return (0, import_jsx_runtime.jsx)(Modal.Root, {
210    open,
211    onOpenChange: onToggle,
212    children: (0, import_jsx_runtime.jsxs)(Modal.Content, {
213      children: [
214        (0, import_jsx_runtime.jsxs)(Modal.Header, {
215          children: [
216            (0, import_jsx_runtime.jsxs)(Breadcrumbs, {
217              label: `${formatMessage({
218                id: getTrad("PopUpForm.header.edit.email-templates"),
219                defaultMessage: "Edit email template"
220              })}, ${template.display ? formatMessage({
221                id: getTrad(template.display),
222                defaultMessage: template.display
223              }) : ""}`,
224              children: [
225                (0, import_jsx_runtime.jsx)(Crumb, {
226                  children: formatMessage({
227                    id: getTrad("PopUpForm.header.edit.email-templates"),
228                    defaultMessage: "Edit email template"
229                  })
230                }),
231                (0, import_jsx_runtime.jsx)(Crumb, {
232                  isCurrent: true,
233                  children: template.display ? formatMessage({
234                    id: getTrad(template.display),
235                    defaultMessage: template.display
236                  }) : ""
237                })
238              ]
239            }),
240            (0, import_jsx_runtime.jsx)(VisuallyHidden, {
241              children: (0, import_jsx_runtime.jsx)(Modal.Title, {
242                children: `${formatMessage({
243                  id: getTrad("PopUpForm.header.edit.email-templates"),
244                  defaultMessage: "Edit email template"
245                })}, ${template.display ? formatMessage({
246                  id: getTrad(template.display),
247                  defaultMessage: template.display
248                }) : ""}`
249              })
250            })
251          ]
252        }),
253        (0, import_jsx_runtime.jsx)(Form, {
254          onSubmit,
255          initialValues: template,
256          validationSchema: schema,
257          children: ({ isSubmitting }) => {
258            return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
259              children: [
260                (0, import_jsx_runtime.jsx)(Modal.Body, {
261                  children: (0, import_jsx_runtime.jsx)(Grid.Root, {
262                    gap: 5,
263                    children: [
264                      {
265                        label: formatMessage({
266                          id: getTrad("PopUpForm.Email.options.from.name.label"),
267                          defaultMessage: "Shipper name"
268                        }),
269                        name: "options.from.name",
270                        size: 6,
271                        type: "string"
272                      },
273                      {
274                        label: formatMessage({
275                          id: getTrad("PopUpForm.Email.options.from.email.label"),
276                          defaultMessage: "Shipper email"
277                        }),
278                        name: "options.from.email",
279                        size: 6,
280                        type: "string"
281                      },
282                      {
283                        label: formatMessage({
284                          id: getTrad("PopUpForm.Email.options.response_email.label"),
285                          defaultMessage: "Response email"
286                        }),
287                        name: "options.response_email",
288                        size: 6,
289                        type: "string"
290                      },
291                      {
292                        label: formatMessage({
293                          id: getTrad("PopUpForm.Email.options.object.label"),
294                          defaultMessage: "Subject"
295                        }),
296                        name: "options.object",
297                        size: 6,
298                        type: "string"
299                      },
300                      {
301                        label: formatMessage({
302                          id: getTrad("PopUpForm.Email.options.message.label"),
303                          defaultMessage: "Message"
304                        }),
305                        name: "options.message",
306                        size: 12,
307                        type: "text"
308                      }
309                    ].map(({ size, ...field }) => (0, import_jsx_runtime.jsx)(Grid.Item, {
310                      col: size,
311                      direction: "column",
312                      alignItems: "stretch",
313                      children: (0, import_jsx_runtime.jsx)(MemoizedInputRenderer, {
314                        ...field
315                      })
316                    }, field.name))
317                  })
318                }),
319                (0, import_jsx_runtime.jsxs)(Modal.Footer, {
320                  children: [
321                    (0, import_jsx_runtime.jsx)(Modal.Close, {
322                      children: (0, import_jsx_runtime.jsx)(Button, {
323                        variant: "tertiary",
324                        children: "Cancel"
325                      })
326                    }),
327                    (0, import_jsx_runtime.jsx)(Button, {
328                      loading: isSubmitting,
329                      type: "submit",
330                      children: "Finish"
331                    })
332                  ]
333                })
334              ]
335            });
336          }
337        })
338      ]
339    })
340  });
341};
342EmailForm.defaultProps = {
343  template: {}
344};
345EmailForm.propTypes = {
346  template: import_prop_types.default.shape({
347    display: import_prop_types.default.string,
348    icon: import_prop_types.default.string,
349    options: import_prop_types.default.shape({
350      from: import_prop_types.default.shape({
351        name: import_prop_types.default.string,
352        email: import_prop_types.default.string
353      }),
354      message: import_prop_types.default.string,
355      object: import_prop_types.default.string,
356      response_email: import_prop_types.default.string
357    })
358  }),
359  open: import_prop_types.default.bool.isRequired,
360  onSubmit: import_prop_types.default.func.isRequired,
361  onToggle: import_prop_types.default.func.isRequired
362};
363

364// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/components/EmailTable.mjs
365var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
366var import_react2 = __toESM(require_react(), 1);
367var import_prop_types2 = __toESM(require_prop_types(), 1);
368var import_isEmpty2 = __toESM(require_isEmpty(), 1);
369var EmailTable = ({ canUpdate, onEditClick }) => {
370  const { formatMessage } = useIntl();
371  return (0, import_jsx_runtime2.jsxs)(Table, {
372    colCount: 3,
373    rowCount: 3,
374    children: [
375      (0, import_jsx_runtime2.jsx)(Thead, {
376        children: (0, import_jsx_runtime2.jsxs)(Tr, {
377          children: [
378            (0, import_jsx_runtime2.jsx)(Th, {
379              width: "1%",
380              children: (0, import_jsx_runtime2.jsx)(VisuallyHidden, {
381                children: formatMessage({
382                  id: getTrad("Email.template.table.icon.label"),
383                  defaultMessage: "icon"
384                })
385              })
386            }),
387            (0, import_jsx_runtime2.jsx)(Th, {
388              children: (0, import_jsx_runtime2.jsx)(Typography, {
389                variant: "sigma",
390                textColor: "neutral600",
391                children: formatMessage({
392                  id: getTrad("Email.template.table.name.label"),
393                  defaultMessage: "name"
394                })
395              })
396            }),
397            (0, import_jsx_runtime2.jsx)(Th, {
398              width: "1%",
399              children: (0, import_jsx_runtime2.jsx)(VisuallyHidden, {
400                children: formatMessage({
401                  id: getTrad("Email.template.table.action.label"),
402                  defaultMessage: "action"
403                })
404              })
405            })
406          ]
407        })
408      }),
409      (0, import_jsx_runtime2.jsxs)(Tbody, {
410        children: [
411          (0, import_jsx_runtime2.jsxs)(Tr, {
412            cursor: "pointer",
413            onClick: () => onEditClick("reset_password"),
414            children: [
415              (0, import_jsx_runtime2.jsx)(Td, {
416                children: (0, import_jsx_runtime2.jsx)(Box, {
417                  width: "3.2rem",
418                  height: "3.2rem",
419                  padding: "0.8rem",
420                  children: (0, import_jsx_runtime2.jsx)(ForwardRef$2L, {
421                    "aria-label": formatMessage({
422                      id: "global.reset-password",
423                      defaultMessage: "Reset password"
424                    })
425                  })
426                })
427              }),
428              (0, import_jsx_runtime2.jsx)(Td, {
429                children: (0, import_jsx_runtime2.jsx)(Typography, {
430                  children: formatMessage({
431                    id: "global.reset-password",
432                    defaultMessage: "Reset password"
433                  })
434                })
435              }),
436              (0, import_jsx_runtime2.jsx)(Td, {
437                onClick: (e) => e.stopPropagation(),
438                children: (0, import_jsx_runtime2.jsx)(IconButton, {
439                  onClick: () => onEditClick("reset_password"),
440                  label: formatMessage({
441                    id: getTrad("Email.template.form.edit.label"),
442                    defaultMessage: "Edit a template"
443                  }),
444                  variant: "ghost",
445                  disabled: !canUpdate,
446                  children: (0, import_jsx_runtime2.jsx)(ForwardRef$N, {})
447                })
448              })
449            ]
450          }),
451          (0, import_jsx_runtime2.jsxs)(Tr, {
452            cursor: "pointer",
453            onClick: () => onEditClick("email_confirmation"),
454            children: [
455              (0, import_jsx_runtime2.jsx)(Td, {
456                children: (0, import_jsx_runtime2.jsx)(Box, {
457                  width: "3.2rem",
458                  height: "3.2rem",
459                  padding: "0.8rem",
460                  children: (0, import_jsx_runtime2.jsx)(ForwardRef$2o, {
461                    "aria-label": formatMessage({
462                      id: getTrad("Email.template.email_confirmation"),
463                      defaultMessage: "Email address confirmation"
464                    })
465                  })
466                })
467              }),
468              (0, import_jsx_runtime2.jsx)(Td, {
469                children: (0, import_jsx_runtime2.jsx)(Typography, {
470                  children: formatMessage({
471                    id: getTrad("Email.template.email_confirmation"),
472                    defaultMessage: "Email address confirmation"
473                  })
474                })
475              }),
476              (0, import_jsx_runtime2.jsx)(Td, {
477                onClick: (e) => e.stopPropagation(),
478                children: (0, import_jsx_runtime2.jsx)(IconButton, {
479                  onClick: () => onEditClick("email_confirmation"),
480                  label: formatMessage({
481                    id: getTrad("Email.template.form.edit.label"),
482                    defaultMessage: "Edit a template"
483                  }),
484                  variant: "ghost",
485                  disabled: !canUpdate,
486                  children: (0, import_jsx_runtime2.jsx)(ForwardRef$N, {})
487                })
488              })
489            ]
490          })
491        ]
492      })
493    ]
494  });
495};
496EmailTable.propTypes = {
497  canUpdate: import_prop_types2.default.bool.isRequired,
498  onEditClick: import_prop_types2.default.func.isRequired
499};
500

501// node_modules/.pnpm/@[email protected]_1884cab98ba1d229cce0bb2963df774a/node_modules/@strapi/plugin-users-permissions/dist/admin/pages/EmailTemplates/index.mjs
502var ProtectedEmailTemplatesPage = () => (0, import_jsx_runtime3.jsx)(Page.Protect, {
503  permissions: PERMISSIONS.readEmailTemplates,
504  children: (0, import_jsx_runtime3.jsx)(EmailTemplatesPage, {})
505});
506var EmailTemplatesPage = () => {
507  const { formatMessage } = useIntl();
508  const { trackUsage } = useTracking();
509  const { notifyStatus } = useNotifyAT();
510  const { toggleNotification } = useNotification();
511  const queryClient = useQueryClient();
512  const { get, put } = useFetchClient();
513  const { formatAPIError } = useAPIErrorHandler();
514  const [isModalOpen, setIsModalOpen] = React.useState(false);
515  const [templateToEdit, setTemplateToEdit] = React.useState(null);
516  const { isLoading: isLoadingForPermissions, allowedActions: { canUpdate } } = useRBAC({
517    update: PERMISSIONS.updateEmailTemplates
518  });
519  const { isLoading: isLoadingData, data } = useQuery([
520    "users-permissions",
521    "email-templates"
522  ], async () => {
523    const { data: data2 } = await get("/users-permissions/email-templates");
524    return data2;
525  }, {
526    onSuccess() {
527      notifyStatus(formatMessage({
528        id: getTrad("Email.template.data.loaded"),
529        defaultMessage: "Email templates has been loaded"
530      }));
531    },
532    onError(error) {
533      toggleNotification({
534        type: "danger",
535        message: formatAPIError(error)
536      });
537    }
538  });
539  const isLoading = isLoadingForPermissions || isLoadingData;
540  const handleToggle = () => {
541    setIsModalOpen((prev) => !prev);
542  };
543  const handleEditClick = (template) => {
544    setTemplateToEdit(template);
545    handleToggle();
546  };
547  const submitMutation = useMutation((body) => put("/users-permissions/email-templates", {
548    "email-templates": body
549  }), {
550    async onSuccess() {
551      await queryClient.invalidateQueries([
552        "users-permissions",
553        "email-templates"
554      ]);
555      toggleNotification({
556        type: "success",
557        message: formatMessage({
558          id: "notification.success.saved",
559          defaultMessage: "Saved"
560        })
561      });
562      trackUsage("didEditEmailTemplates");
563      handleToggle();
564    },
565    onError(error) {
566      toggleNotification({
567        type: "danger",
568        message: formatAPIError(error)
569      });
570    },
571    refetchActive: true
572  });
573  const handleSubmit = (body) => {
574    trackUsage("willEditEmailTemplates");
575    const editedTemplates = {
576      ...data,
577      [templateToEdit]: body
578    };
579    submitMutation.mutate(editedTemplates);
580  };
581  if (isLoading) {
582    return (0, import_jsx_runtime3.jsx)(Page.Loading, {});
583  }
584  return (0, import_jsx_runtime3.jsxs)(Page.Main, {
585    "aria-busy": submitMutation.isLoading,
586    children: [
587      (0, import_jsx_runtime3.jsx)(Page.Title, {
588        children: formatMessage({
589          id: "Settings.PageTitle",
590          defaultMessage: "Settings - {name}"
591        }, {
592          name: formatMessage({
593            id: getTrad("HeaderNav.link.emailTemplates"),
594            defaultMessage: "Email templates"
595          })
596        })
597      }),
598      (0, import_jsx_runtime3.jsx)(Layouts.Header, {
599        title: formatMessage({
600          id: getTrad("HeaderNav.link.emailTemplates"),
601          defaultMessage: "Email templates"
602        })
603      }),
604      (0, import_jsx_runtime3.jsxs)(Layouts.Content, {
605        children: [
606          (0, import_jsx_runtime3.jsx)(EmailTable, {
607            onEditClick: handleEditClick,
608            canUpdate
609          }),
610          (0, import_jsx_runtime3.jsx)(EmailForm, {
611            template: data[templateToEdit],
612            onToggle: handleToggle,
613            open: isModalOpen,
614            onSubmit: handleSubmit
615          })
616        ]
617      })
618    ]
619  });
620};
621export {
622  EmailTemplatesPage,
623  ProtectedEmailTemplatesPage
624};
625//# sourceMappingURL=EmailTemplates-HP6EJIHC.js.map