@webiny/app-mailer 0.0.0-unstable.d7f521b032 → 0.0.0-unstable.dbdf5d6258

package/Module.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Module: () => React.JSX.Element;

package/Module.js

@@ -0,0 +1,54 @@
+import React, { lazy, Suspense } from "react";
+import { AdminConfig, Plugins, AdminLayout, useRouter } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-admin";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { usePermission } from "./hooks/usePermission.js";
+import { Routes } from "./routes.js";
+const {
+  Menu,
+  Route
+} = AdminConfig;
+const Settings = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "mailer-settings" */"./views/settings/index.js"));
+const Loader = ({
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement(Suspense, {
+  fallback: /*#__PURE__*/React.createElement(OverlayLoader, null)
+}, /*#__PURE__*/React.cloneElement(children, props));
+const MailerSettings = () => {
+  const router = useRouter();
+  const {
+    canChangeSettings
+  } = usePermission();
+  const changeSettings = canChangeSettings();
+  if (!changeSettings) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: "mailer.settings"
+  }, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.Settings,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Mailer - Settings"
+    }, /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(Settings, null)))
+  }), /*#__PURE__*/React.createElement(Menu, {
+    name: "mailer.settings",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Group, {
+      text: "Mailer"
+    })
+  }), /*#__PURE__*/React.createElement(Menu, {
+    name: "mailer.settings.general",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Settings",
+      to: router.getLink(Routes.Settings),
+      pinnable: true
+    })
+  })));
+};
+export const Module = () => {
+  return /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(MailerSettings, null));
+};
+
+//# sourceMappingURL=Module.js.map

package/Module.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","lazy","Suspense","AdminConfig","Plugins","AdminLayout","useRouter","HasPermission","OverlayLoader","usePermission","Routes","Menu","Route","Settings","Loader","children","props","createElement","fallback","cloneElement","MailerSettings","router","canChangeSettings","changeSettings","name","route","element","title","parent","Group","text","Link","to","getLink","pinnable","Module"],"sources":["Module.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { AdminConfig, Plugins, AdminLayout, useRouter } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { usePermission } from \"~/hooks/usePermission.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nconst Settings = lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"mailer-settings\" */\n            \"~/views/settings/index.js\"\n        )\n);\n\ninterface LoaderProps {\n    children: React.ReactElement;\n}\n\nconst Loader = ({ children, ...props }: LoaderProps) => (\n    <Suspense fallback={<OverlayLoader />}>{React.cloneElement(children, props)}</Suspense>\n);\n\nconst MailerSettings = () => {\n    const router = useRouter();\n    const { canChangeSettings } = usePermission();\n\n    const changeSettings = canChangeSettings();\n\n    if (!changeSettings) {\n        return null;\n    }\n\n    return (\n        <AdminConfig>\n            <HasPermission name={\"mailer.settings\"}>\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title={\"Mailer - Settings\"}>\n                            <Loader>\n                                <Settings />\n                            </Loader>\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name={\"mailer.settings\"}\n                    parent={\"settings\"}\n                    element={<Menu.Group text={\"Mailer\"} />}\n                />\n                <Menu\n                    name={\"mailer.settings.general\"}\n                    parent={\"settings\"}\n                    element={\n                        <Menu.Link\n                            text={\"Settings\"}\n                            to={router.getLink(Routes.Settings)}\n                            pinnable={true}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n\nexport const Module = () => {\n    return (\n        <Plugins>\n            <MailerSettings />\n        </Plugins>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,WAAW,EAAEC,OAAO,EAAEC,WAAW,EAAEC,SAAS,QAAQ,mBAAmB;AAChF,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,aAAa;AACtB,SAASC,MAAM;AAEf,MAAM;EAAEC,IAAI;EAAEC;AAAM,CAAC,GAAGT,WAAW;AAEnC,MAAMU,QAAQ,gBAAGZ,IAAI,CACjB,MACI,MAAM,CACF,oEAEJ,CACR,CAAC;AAMD,MAAMa,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAmB,CAAC,kBAC/ChB,KAAA,CAAAiB,aAAA,CAACf,QAAQ;EAACgB,QAAQ,eAAElB,KAAA,CAAAiB,aAAA,CAACT,aAAa,MAAE;AAAE,gBAAER,KAAK,CAACmB,YAAY,CAACJ,QAAQ,EAAEC,KAAK,CAAY,CACzF;AAED,MAAMI,cAAc,GAAGA,CAAA,KAAM;EACzB,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEgB;EAAkB,CAAC,GAAGb,aAAa,CAAC,CAAC;EAE7C,MAAMc,cAAc,GAAGD,iBAAiB,CAAC,CAAC;EAE1C,IAAI,CAACC,cAAc,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIvB,KAAA,CAAAiB,aAAA,CAACd,WAAW,qBACRH,KAAA,CAAAiB,aAAA,CAACV,aAAa;IAACiB,IAAI,EAAE;EAAkB,gBACnCxB,KAAA,CAAAiB,aAAA,CAACL,KAAK;IACFa,KAAK,EAAEf,MAAM,CAACG,QAAS;IACvBa,OAAO,eACH1B,KAAA,CAAAiB,aAAA,CAACZ,WAAW;MAACsB,KAAK,EAAE;IAAoB,gBACpC3B,KAAA,CAAAiB,aAAA,CAACH,MAAM,qBACHd,KAAA,CAAAiB,aAAA,CAACJ,QAAQ,MAAE,CACP,CACC;EAChB,CACJ,CAAC,eACFb,KAAA,CAAAiB,aAAA,CAACN,IAAI;IACDa,IAAI,EAAE,iBAAkB;IACxBI,MAAM,EAAE,UAAW;IACnBF,OAAO,eAAE1B,KAAA,CAAAiB,aAAA,CAACN,IAAI,CAACkB,KAAK;MAACC,IAAI,EAAE;IAAS,CAAE;EAAE,CAC3C,CAAC,eACF9B,KAAA,CAAAiB,aAAA,CAACN,IAAI;IACDa,IAAI,EAAE,yBAA0B;IAChCI,MAAM,EAAE,UAAW;IACnBF,OAAO,eACH1B,KAAA,CAAAiB,aAAA,CAACN,IAAI,CAACoB,IAAI;MACND,IAAI,EAAE,UAAW;MACjBE,EAAE,EAAEX,MAAM,CAACY,OAAO,CAACvB,MAAM,CAACG,QAAQ,CAAE;MACpCqB,QAAQ,EAAE;IAAK,CAClB;EACJ,CACJ,CACU,CACN,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBACInC,KAAA,CAAAiB,aAAA,CAACb,OAAO,qBACJJ,KAAA,CAAAiB,aAAA,CAACG,cAAc,MAAE,CACZ,CAAC;AAElB,CAAC","ignoreList":[]}

package/README.md

@@ -1,22 +1,11 @@
 # @webiny/app-mailer
 
-[![](https://img.shields.io/npm/dw/@webiny/app-mailer.svg)](https://www.npmjs.com/package/@webiny/app-mailer)
-[![](https://img.shields.io/npm/v/@webiny/app-mailer.svg)](https://www.npmjs.com/package/@webiny/app-mailer)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-An app for changing the mailer settings.
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Use together with [@webiny/api-mailer](../api-mailer) package.
+---
 
-## Install
-
-```
-npm install --save @webiny/app-mailer
-```
-
-Or if you prefer yarn:
-
-```
-yarn add @webiny/app-mailer
-```
+_This README file is automatically generated during the publish process._

package/hooks/usePermission.js

@@ -1,26 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePermission = void 0;
-
-var _appSecurity = require("@webiny/app-security");
-
-var _react = require("react");
-
-var usePermission = function usePermission() {
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-      identity = _useSecurity.identity,
-      getPermission = _useSecurity.getPermission;
-
-  var canChangeSettings = (0, _react.useCallback)(function () {
-    var permission = getPermission("mailer.settings");
+import { useSecurity } from "@webiny/app-admin";
+import { useCallback } from "react";
+export const usePermission = () => {
+  const {
+    identity,
+    getPermission
+  } = useSecurity();
+  const canChangeSettings = useCallback(() => {
+    const permission = getPermission("mailer.settings");
     return !!permission;
   }, [identity]);
   return {
-    canChangeSettings: canChangeSettings
+    canChangeSettings
   };
 };
 
-exports.usePermission = usePermission;
+//# sourceMappingURL=usePermission.js.map

package/hooks/usePermission.js.map

@@ -1 +1 @@
-{"version":3,"names":["usePermission","useSecurity","identity","getPermission","canChangeSettings","useCallback","permission"],"sources":["usePermission.ts"],"sourcesContent":["import { useSecurity } from \"@webiny/app-security\";\nimport { useCallback } from \"react\";\nimport { MailerSecurityPermission } from \"~/types\";\n\nexport const usePermission = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canChangeSettings = useCallback((): boolean => {\n        const permission = getPermission<MailerSecurityPermission>(\"mailer.settings\");\n        return !!permission;\n    }, [identity]);\n\n    return {\n        canChangeSettings\n    };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAM;EAC/B,mBAAoC,IAAAC,wBAAA,GAApC;EAAA,IAAQC,QAAR,gBAAQA,QAAR;EAAA,IAAkBC,aAAlB,gBAAkBA,aAAlB;;EAEA,IAAMC,iBAAiB,GAAG,IAAAC,kBAAA,EAAY,YAAe;IACjD,IAAMC,UAAU,GAAGH,aAAa,CAA2B,iBAA3B,CAAhC;IACA,OAAO,CAAC,CAACG,UAAT;EACH,CAHyB,EAGvB,CAACJ,QAAD,CAHuB,CAA1B;EAKA,OAAO;IACHE,iBAAiB,EAAjBA;EADG,CAAP;AAGH,CAXM"}
+{"version":3,"names":["useSecurity","useCallback","usePermission","identity","getPermission","canChangeSettings","permission"],"sources":["usePermission.ts"],"sourcesContent":["import { useSecurity } from \"@webiny/app-admin\";\nimport { useCallback } from \"react\";\nimport type { MailerSecurityPermission } from \"~/types.js\";\n\nexport const usePermission = () => {\n    const { identity, getPermission } = useSecurity();\n\n    const canChangeSettings = useCallback((): boolean => {\n        const permission = getPermission<MailerSecurityPermission>(\"mailer.settings\");\n        return !!permission;\n    }, [identity]);\n\n    return {\n        canChangeSettings\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,OAAO;AAGnC,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEjD,MAAMK,iBAAiB,GAAGJ,WAAW,CAAC,MAAe;IACjD,MAAMK,UAAU,GAAGF,aAAa,CAA2B,iBAAiB,CAAC;IAC7E,OAAO,CAAC,CAACE,UAAU;EACvB,CAAC,EAAE,CAACH,QAAQ,CAAC,CAAC;EAEd,OAAO;IACHE;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,2 +1 @@
-import { Module } from "./plugins/Module";
-export { Module };
+export { Module } from "./Module.js";

package/index.js

@@ -1,13 +1,3 @@
-"use strict";
+export { Module } from "./Module.js";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Module", {
-  enumerable: true,
-  get: function get() {
-    return _Module.Module;
-  }
-});
-
-var _Module = require("./plugins/Module");
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["import { Module } from \"~/plugins/Module\";\n\nexport { Module };\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":["Module"],"sources":["index.tsx"],"sourcesContent":["export { Module } from \"./Module.js\";\n"],"mappings":"AAAA,SAASA,MAAM","ignoreList":[]}

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/app-mailer",
-	"version": "0.0.0-unstable.d7f521b032",
+	"version": "0.0.0-unstable.dbdf5d6258",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -10,50 +11,35 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-components": "3.1.5",
-		"@babel/runtime": "7.20.13",
-		"@emotion/core": "10.3.1",
-		"@webiny/app-admin": "0.0.0-unstable.d7f521b032",
-		"@webiny/app-security": "0.0.0-unstable.d7f521b032",
-		"@webiny/form": "0.0.0-unstable.d7f521b032",
-		"@webiny/ui": "0.0.0-unstable.d7f521b032",
-		"@webiny/validation": "0.0.0-unstable.d7f521b032",
+		"@webiny/admin-ui": "0.0.0-unstable.dbdf5d6258",
+		"@webiny/app-admin": "0.0.0-unstable.dbdf5d6258",
+		"@webiny/form": "0.0.0-unstable.dbdf5d6258",
+		"@webiny/validation": "0.0.0-unstable.dbdf5d6258",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
-		"graphql": "15.8.0",
+		"dot-prop-immutable": "2.1.1",
+		"graphql": "16.13.0",
 		"graphql-tag": "2.12.6",
 		"prop-types": "15.8.1",
-		"react": "17.0.2",
-		"react-dom": "17.0.2",
-		"react-helmet": "6.1.0"
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/react": "17.0.39",
-		"@webiny/cli": "^0.0.0-unstable.d7f521b032",
-		"@webiny/project-utils": "^0.0.0-unstable.d7f521b032",
-		"babel-plugin-emotion": "^9.2.8",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "4.7.4"
+		"@types/react": "18.2.79",
+		"@webiny/build-tools": "0.0.0-unstable.dbdf5d6258",
+		"rimraf": "6.1.3",
+		"typescript": "5.9.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
 	"svgo": {
 		"plugins": {
 			"removeViewBox": false
 		}
 	},
-	"gitHead": "d7f521b0325964664dbeb6d2d07e2b6518e53841"
+	"gitHead": "dbdf5d62587b971d52125a69ad6e69bae9ce8ee7"
 }

package/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    Settings: Route<undefined>;
+};

package/routes.js

@@ -0,0 +1,9 @@
+import { Route } from "@webiny/app-admin";
+export const Routes = {
+  Settings: new Route({
+    name: "Mailer/Settings",
+    path: "/mailer/settings"
+  })
+};
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Route","Routes","Settings","name","path"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Settings: new Route({\n        name: \"Mailer/Settings\",\n        path: \"/mailer/settings\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,QAAQ,EAAE,IAAIF,KAAK,CAAC;IAChBG,IAAI,EAAE,iBAAiB;IACvBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}

package/types.d.ts

@@ -1,10 +1,10 @@
-import { SecurityPermission } from "@webiny/app-security/types";
+import { Identity } from "@webiny/app-admin/domain/Identity.js";
 /**
  * A base security permission for APW.
  *
  * @category SecurityPermission
  */
-export interface MailerSecurityPermission extends SecurityPermission {
+export interface MailerSecurityPermission extends Identity.Permission {
     changeSettings?: boolean;
 }
 /**

package/types.js

@@ -1,5 +1,3 @@
-"use strict";
+export {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * A base security permission for APW.\n *\n * @category SecurityPermission\n */\nexport interface MailerSecurityPermission extends SecurityPermission {\n    changeSettings?: boolean;\n}\n\n/**\n * GraphQL API call response for the transport settings values\n * @category GraphQL\n */\nexport interface TransportSettings {\n    host: string;\n    user: string;\n    from: string;\n    replyTo?: string;\n    password?: string;\n}\n/**\n *\n * @category GraphQL\n */\nexport interface ApiError<T = Record<string, any>> {\n    message: string;\n    code: string;\n    data: T;\n}\n\n/**\n * Description of the JOI validation errors received from the API.\n *\n * @category GraphQL\n */\nexport interface ValidationError {\n    message: string;\n    path: string[];\n}\n\nexport interface ValidationErrors {\n    errors: ValidationError[];\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { Identity } from \"@webiny/app-admin/domain/Identity.js\";\n\n/**\n * A base security permission for APW.\n *\n * @category SecurityPermission\n */\nexport interface MailerSecurityPermission extends Identity.Permission {\n    changeSettings?: boolean;\n}\n\n/**\n * GraphQL API call response for the transport settings values\n * @category GraphQL\n */\nexport interface TransportSettings {\n    host: string;\n    user: string;\n    from: string;\n    replyTo?: string;\n    password?: string;\n}\n/**\n *\n * @category GraphQL\n */\nexport interface ApiError<T = Record<string, any>> {\n    message: string;\n    code: string;\n    data: T;\n}\n\n/**\n * Description of the JOI validation errors received from the API.\n *\n * @category GraphQL\n */\nexport interface ValidationError {\n    message: string;\n    path: string[];\n}\n\nexport interface ValidationErrors {\n    errors: ValidationError[];\n}\n"],"mappings":"","ignoreList":[]}

package/views/settings/Settings.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const Settings: React.FC;
+export declare const Settings: () => React.JSX.Element;

package/views/settings/Settings.js

@@ -1,252 +1,182 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Settings = void 0;
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _appAdmin = require("@webiny/app-admin");
-
-var _reactComponents = require("@apollo/react-components");
-
-var _form = require("@webiny/form");
-
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _Input = require("@webiny/ui/Input");
-
-var _validation = require("@webiny/validation");
-
-var _Button = require("@webiny/ui/Button");
-
-var _graphql = require("./graphql");
-
-var _Alert = require("@webiny/ui/Alert");
-
-var displayErrors = function displayErrors(errors) {
+import React, { useEffect, useRef, useState } from "react";
+import { CenteredView, useSnackbar } from "@webiny/app-admin";
+import { Mutation, Query } from "@apollo/react-components";
+import { Form } from "@webiny/form";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin";
+import { validation } from "@webiny/validation";
+import { GET_SETTINGS_QUERY, SAVE_SETTINGS_MUTATION } from "./graphql.js";
+import dotPropImmutable from "dot-prop-immutable";
+import { Alert, Button, Grid, Input, OverlayLoader } from "@webiny/admin-ui";
+const displayErrors = errors => {
   if (!errors) {
     return null;
   }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errors.map(function (error) {
-    var field = error.path[0];
-
+  return /*#__PURE__*/React.createElement(React.Fragment, null, errors.map(error => {
+    const field = error.path[0];
     if (!field) {
       return null;
     }
-
-    return /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
-      key: "".concat(field),
-      title: error.message,
+    return /*#__PURE__*/React.createElement(Alert, {
+      key: `${field}`,
+      title: "Error",
       type: "danger"
-    });
+    }, error.message, "ssss");
   }));
 };
-
-var Settings = function Settings() {
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var password = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      errors = _useState2[0],
-      setErrors = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var t = setTimeout(function () {
+export const Settings = () => {
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const password = useRef(null);
+  const [errors, setErrors] = useState();
+  useEffect(() => {
+    const t = setTimeout(() => {
       if (!password.current) {
         return;
       }
-
       password.current.value = "";
     }, 300);
-    return function () {
+    return () => {
       clearTimeout(t);
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactComponents.Query, {
-    query: _graphql.GET_SETTINGS_QUERY
-  }, function (_ref) {
-    var response = _ref.data,
-        queryInProgress = _ref.loading;
-    return /*#__PURE__*/_react.default.createElement(_reactComponents.Mutation, {
-      mutation: _graphql.SAVE_SETTINGS_MUTATION
-    }, function (update, result) {
-      var _ref2 = (response === null || response === void 0 ? void 0 : response.mailer.settings) || {},
-          settingsData = _ref2.data,
-          settingsError = _ref2.error;
-
-      var mutationInProgress = result.loading;
-
-      var _onSubmit = /*#__PURE__*/function () {
-        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
-          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  setErrors([]);
-                  _context.next = 3;
-                  return update({
-                    variables: {
-                      data: data
-                    },
-                    update: function update(cache, result) {
-                      var _result$data;
-
-                      var data = structuredClone(cache.readQuery({
-                        query: _graphql.GET_SETTINGS_QUERY
-                      }));
-
-                      var _ref4 = ((_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.mailer.settings) || {},
-                          updateData = _ref4.data,
-                          updateError = _ref4.error;
-
-                      var errors = updateError === null || updateError === void 0 ? void 0 : updateError.data.errors;
-
-                      if (errors) {
-                        setErrors(errors);
-                        showSnackbar("Settings not updated! Please check your network and console logs for detailed information.");
-                        return;
-                      }
-
-                      data.mailer.settings.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settingsData), updateData);
-                      cache.writeQuery({
-                        query: _graphql.GET_SETTINGS_QUERY,
-                        data: data
-                      });
-                      showSnackbar("Settings updated successfully.");
-                    }
-                  });
-
-                case 3:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
-
-        return function onSubmit(_x) {
-          return _ref3.apply(this, arguments);
-        };
-      }();
-
-      if (settingsError) {
-        var _settingsError$data;
-
-        return /*#__PURE__*/_react.default.createElement(_appAdmin.CenteredView, null, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-          title: "Mailer Settings"
-        }), /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-          style: {
-            backgroundColor: "#FFFFFF"
+  return /*#__PURE__*/React.createElement(Query, {
+    query: GET_SETTINGS_QUERY
+  }, ({
+    data: response,
+    loading: queryInProgress
+  }) => /*#__PURE__*/React.createElement(Mutation, {
+    mutation: SAVE_SETTINGS_MUTATION
+  }, (update, result) => {
+    const {
+      data: settingsData,
+      error: settingsError
+    } = response?.mailer.settings || {};
+    const {
+      loading: mutationInProgress
+    } = result;
+    const onSubmit = async data => {
+      setErrors([]);
+      await update({
+        variables: {
+          data
+        },
+        update: (cache, result) => {
+          const data = structuredClone(cache.readQuery({
+            query: GET_SETTINGS_QUERY
+          }));
+          const {
+            data: updateData,
+            error: updateError
+          } = result.data?.mailer.settings || {};
+          const errors = updateError?.data.errors;
+          if (errors) {
+            setErrors(errors);
+            showSnackbar("Settings not updated! Please check your network and console logs for detailed information.");
+            return;
           }
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
-          title: settingsError.message,
-          type: "danger"
-        }), ((_settingsError$data = settingsError.data) === null || _settingsError$data === void 0 ? void 0 : _settingsError$data.description) && /*#__PURE__*/_react.default.createElement("p", null, settingsError.data.description))));
+          cache.writeQuery({
+            query: GET_SETTINGS_QUERY,
+            data: dotPropImmutable.set(data, "mailer.settings.data", {
+              ...settingsData,
+              ...updateData
+            })
+          });
+          showSnackbar("Settings updated successfully.");
+        }
+      });
+    };
+    if (settingsError) {
+      return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(SimpleFormHeader, {
+        title: "Mailer Settings"
+      }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Alert, {
+        title: settingsError.message,
+        type: "danger"
+      }, settingsError.code === "PASSWORD_SECRET_ERROR" && /*#__PURE__*/React.createElement("p", null, "To store the Mailer settings, you must have a password secret environment variable defined."))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, ""));
+    }
+    const passwordValidators = [];
+    if (!settingsData?.user) {
+      passwordValidators.push(validation.create("required,minLength:5"));
+    }
+    return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Form, {
+      data: settingsData || {},
+      onSubmit: data => {
+        /**
+         * We are positive that data is TransportSettings.
+         */
+        onSubmit(data);
       }
-
-      var passwordValidators = [];
-
-      if (!(settingsData !== null && settingsData !== void 0 && settingsData.user)) {
-        passwordValidators.push(_validation.validation.create("required,minLength:5"));
+    }, ({
+      Bind,
+      form
+    }) => /*#__PURE__*/React.createElement(SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      title: "Mailer Settings"
+    }), /*#__PURE__*/React.createElement(SimpleFormContent, null, displayErrors(errors), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "host",
+      validators: [validation.create("required,minLength:1")]
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      type: "text",
+      label: "Hostname"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "port"
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      type: "number",
+      label: "Port"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "user",
+      validators: [validation.create("required,minLength:1")]
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      type: "text",
+      label: "User",
+      autoComplete: "new-password"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "password",
+      validators: passwordValidators
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      label: "Password",
+      type: "password",
+      autoComplete: "new-password",
+      value: "",
+      inputRef: password
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "from",
+      validators: [validation.create("required,minLength:1,email")]
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      type: "text",
+      label: "Mail from"
+    }))), /*#__PURE__*/React.createElement(Grid.Column, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "replyTo",
+      validators: [validation.create("email")]
+    }, /*#__PURE__*/React.createElement(Input, {
+      size: "lg",
+      type: "text",
+      label: "Mail reply-to"
+    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+      text: "Save",
+      onClick: ev => {
+        form.submit(ev);
       }
-
-      return /*#__PURE__*/_react.default.createElement(_appAdmin.CenteredView, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
-        data: settingsData || {},
-        onSubmit: function onSubmit(data) {
-          /**
-           * We are positive that data is TransportSettings.
-           */
-          _onSubmit(data);
-        }
-      }, function (_ref5) {
-        var Bind = _ref5.Bind,
-            form = _ref5.form;
-        return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, (queryInProgress || mutationInProgress) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-          title: "Mailer Settings"
-        }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, displayErrors(errors), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "host",
-          validators: [_validation.validation.create("required,minLength:1")]
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          type: "text",
-          label: "Hostname"
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "port"
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          type: "number",
-          label: "Port"
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "user",
-          validators: [_validation.validation.create("required,minLength:1")]
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          type: "text",
-          label: "User",
-          autoComplete: "new-password"
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "password",
-          validators: passwordValidators
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          label: "Password",
-          type: "password",
-          autoComplete: "new-password",
-          value: "" // @ts-ignore
-          ,
-          inputRef: password
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "from",
-          validators: [_validation.validation.create("required,minLength:1,email")]
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          type: "text",
-          label: "Mail from"
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Bind, {
-          name: "replyTo",
-          validators: [_validation.validation.create("email")]
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          type: "text",
-          label: "Mail reply-to"
-        }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-          onClick: function onClick(ev) {
-            form.submit(ev);
-          }
-        }, "Save Settings")));
-      }));
-    });
-  });
+    })))));
+  }));
 };
 
-exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map

package/views/settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["displayErrors","errors","map","error","field","path","message","Settings","useSnackbar","showSnackbar","password","useRef","useState","setErrors","useEffect","t","setTimeout","current","value","clearTimeout","GET_SETTINGS_QUERY","response","data","queryInProgress","loading","SAVE_SETTINGS_MUTATION","update","result","mailer","settings","settingsData","settingsError","mutationInProgress","onSubmit","variables","cache","structuredClone","readQuery","query","updateData","updateError","writeQuery","backgroundColor","description","passwordValidators","user","push","validation","create","Bind","form","ev","submit"],"sources":["Settings.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { CenteredView, useSnackbar } from \"@webiny/app-admin\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport { Form } from \"@webiny/form\";\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport {\n    GET_SETTINGS_QUERY,\n    SettingsQueryResponse,\n    SAVE_SETTINGS_MUTATION,\n    SaveSettingsMutationVariables,\n    SaveSettingsMutationResponse\n} from \"./graphql\";\nimport { TransportSettings, ValidationError } from \"~/types\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { Validator } from \"@webiny/validation/types\";\n\nconst displayErrors = (errors?: ValidationError[]) => {\n    if (!errors) {\n        return null;\n    }\n    return (\n        <>\n            {errors.map(error => {\n                const field = error.path[0];\n                if (!field) {\n                    return null;\n                }\n                return <Alert key={`${field}`} title={error.message} type=\"danger\" />;\n            })}\n        </>\n    );\n};\n\nexport const Settings: React.FC = () => {\n    const { showSnackbar } = useSnackbar();\n\n    const password = useRef<HTMLInputElement>();\n\n    const [errors, setErrors] = useState<ValidationError[] | undefined>();\n\n    useEffect(() => {\n        const t = setTimeout(() => {\n            if (!password.current) {\n                return;\n            }\n            password.current.value = \"\";\n        }, 300);\n\n        return () => {\n            clearTimeout(t);\n        };\n    }, []);\n\n    return (\n        <Query<SettingsQueryResponse> query={GET_SETTINGS_QUERY}>\n            {({ data: response, loading: queryInProgress }) => (\n                <Mutation<SaveSettingsMutationResponse, SaveSettingsMutationVariables>\n                    mutation={SAVE_SETTINGS_MUTATION}\n                >\n                    {(update, result) => {\n                        const { data: settingsData, error: settingsError } =\n                            response?.mailer.settings || {};\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: TransportSettings): Promise<void> => {\n                            setErrors([]);\n                            await update({\n                                variables: {\n                                    data\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery({ query: GET_SETTINGS_QUERY })\n                                    );\n\n                                    const { data: updateData, error: updateError } =\n                                        result.data?.mailer.settings || {};\n\n                                    const errors = updateError?.data.errors;\n                                    if (errors) {\n                                        setErrors(errors);\n                                        showSnackbar(\n                                            \"Settings not updated! Please check your network and console logs for detailed information.\"\n                                        );\n                                        return;\n                                    }\n\n                                    data.mailer.settings.data = {\n                                        ...settingsData,\n                                        ...updateData\n                                    };\n\n                                    cache.writeQuery({\n                                        query: GET_SETTINGS_QUERY,\n                                        data\n                                    });\n                                    showSnackbar(\"Settings updated successfully.\");\n                                }\n                            });\n                        };\n                        if (settingsError) {\n                            return (\n                                <CenteredView>\n                                    <SimpleFormHeader title=\"Mailer Settings\" />\n                                    <Grid style={{ backgroundColor: \"#FFFFFF\" }}>\n                                        <Cell span={12}>\n                                            <Alert title={settingsError.message} type=\"danger\" />\n                                            {settingsError.data?.description && (\n                                                <p>{settingsError.data.description}</p>\n                                            )}\n                                        </Cell>\n                                    </Grid>\n                                </CenteredView>\n                            );\n                        }\n\n                        const passwordValidators: Validator[] = [];\n                        if (!settingsData?.user) {\n                            passwordValidators.push(validation.create(\"required,minLength:5\"));\n                        }\n\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settingsData || {}}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is TransportSettings.\n                                         */\n                                        onSubmit(data as unknown as TransportSettings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <CircularProgress />\n                                            )}\n                                            <SimpleFormHeader title=\"Mailer Settings\" />\n                                            <SimpleFormContent>\n                                                {displayErrors(errors)}\n                                                <Grid>\n                                                    <Cell span={12}>\n                                                        <Bind\n                                                            name={\"host\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input type=\"text\" label=\"Hostname\" />\n                                                        </Bind>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Bind name={\"port\"}>\n                                                            <Input type=\"number\" label=\"Port\" />\n                                                        </Bind>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Bind\n                                                            name={\"user\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                type=\"text\"\n                                                                label=\"User\"\n                                                                autoComplete=\"new-password\"\n                                                            />\n                                                        </Bind>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Bind\n                                                            name={\"password\"}\n                                                            validators={passwordValidators}\n                                                        >\n                                                            <Input\n                                                                label=\"Password\"\n                                                                type=\"password\"\n                                                                autoComplete=\"new-password\"\n                                                                value={\"\"}\n                                                                // @ts-ignore\n                                                                inputRef={password}\n                                                            />\n                                                        </Bind>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Bind\n                                                            name={\"from\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1,email\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input type=\"text\" label=\"Mail from\" />\n                                                        </Bind>\n                                                    </Cell>\n                                                    <Cell span={12}>\n                                                        <Bind\n                                                            name={\"replyTo\"}\n                                                            validators={[\n                                                                validation.create(\"email\")\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                type=\"text\"\n                                                                label=\"Mail reply-to\"\n                                                            />\n                                                        </Bind>\n                                                    </Cell>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <ButtonPrimary\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                >\n                                                    Save Settings\n                                                </ButtonPrimary>\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useRef","useState","CenteredView","useSnackbar","Mutation","Query","Form","SimpleForm","SimpleFormContent","SimpleFormFooter","SimpleFormHeader","validation","GET_SETTINGS_QUERY","SAVE_SETTINGS_MUTATION","dotPropImmutable","Alert","Button","Grid","Input","OverlayLoader","displayErrors","errors","createElement","Fragment","map","error","field","path","key","title","type","message","Settings","showSnackbar","password","setErrors","t","setTimeout","current","value","clearTimeout","query","data","response","loading","queryInProgress","mutation","update","result","settingsData","settingsError","mailer","settings","mutationInProgress","onSubmit","variables","cache","structuredClone","readQuery","updateData","updateError","writeQuery","set","Column","span","code","passwordValidators","user","push","create","Bind","form","name","validators","size","label","autoComplete","inputRef","text","onClick","ev","submit"],"sources":["Settings.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { CenteredView, useSnackbar } from \"@webiny/app-admin\";\nimport { Mutation, Query } from \"@apollo/react-components\";\nimport { Form } from \"@webiny/form\";\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin\";\nimport { validation } from \"@webiny/validation\";\nimport type {\n    SaveSettingsMutationResponse,\n    SaveSettingsMutationVariables,\n    SettingsQueryResponse\n} from \"./graphql.js\";\nimport { GET_SETTINGS_QUERY, SAVE_SETTINGS_MUTATION } from \"./graphql.js\";\nimport type { TransportSettings, ValidationError } from \"~/types.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport dotPropImmutable from \"dot-prop-immutable\";\nimport { Alert, Button, Grid, Input, OverlayLoader } from \"@webiny/admin-ui\";\n\nconst displayErrors = (errors?: ValidationError[]) => {\n    if (!errors) {\n        return null;\n    }\n    return (\n        <>\n            {errors.map(error => {\n                const field = error.path[0];\n                if (!field) {\n                    return null;\n                }\n                return (\n                    <Alert key={`${field}`} title={\"Error\"} type=\"danger\">\n                        {error.message}\n                        {\"ssss\"}\n                    </Alert>\n                );\n            })}\n        </>\n    );\n};\n\nexport const Settings = () => {\n    const { showSnackbar } = useSnackbar();\n\n    const password = useRef<HTMLInputElement>(null);\n\n    const [errors, setErrors] = useState<ValidationError[] | undefined>();\n\n    useEffect(() => {\n        const t = setTimeout(() => {\n            if (!password.current) {\n                return;\n            }\n            password.current.value = \"\";\n        }, 300);\n\n        return () => {\n            clearTimeout(t);\n        };\n    }, []);\n\n    return (\n        <Query<SettingsQueryResponse> query={GET_SETTINGS_QUERY}>\n            {({ data: response, loading: queryInProgress }) => (\n                <Mutation<SaveSettingsMutationResponse, SaveSettingsMutationVariables>\n                    mutation={SAVE_SETTINGS_MUTATION}\n                >\n                    {(update, result) => {\n                        const { data: settingsData, error: settingsError } =\n                            response?.mailer.settings || {};\n                        const { loading: mutationInProgress } = result;\n\n                        const onSubmit = async (data: TransportSettings): Promise<void> => {\n                            setErrors([]);\n                            await update({\n                                variables: {\n                                    data\n                                },\n                                update: (cache, result) => {\n                                    const data = structuredClone(\n                                        cache.readQuery<SettingsQueryResponse>({\n                                            query: GET_SETTINGS_QUERY\n                                        })\n                                    );\n\n                                    const { data: updateData, error: updateError } =\n                                        result.data?.mailer.settings || {};\n\n                                    const errors = updateError?.data.errors;\n                                    if (errors) {\n                                        setErrors(errors);\n                                        showSnackbar(\n                                            \"Settings not updated! Please check your network and console logs for detailed information.\"\n                                        );\n                                        return;\n                                    }\n\n                                    cache.writeQuery({\n                                        query: GET_SETTINGS_QUERY,\n                                        data: dotPropImmutable.set(data, \"mailer.settings.data\", {\n                                            ...settingsData,\n                                            ...updateData\n                                        })\n                                    });\n                                    showSnackbar(\"Settings updated successfully.\");\n                                }\n                            });\n                        };\n                        if (settingsError) {\n                            return (\n                                <SimpleForm>\n                                    <SimpleFormHeader title=\"Mailer Settings\" />\n                                    <SimpleFormContent>\n                                        <Grid>\n                                            <Grid.Column span={12}>\n                                                <Alert title={settingsError.message} type=\"danger\">\n                                                    {settingsError.code ===\n                                                        \"PASSWORD_SECRET_ERROR\" && (\n                                                        <p>\n                                                            To store the Mailer settings, you must\n                                                            have a password secret environment\n                                                            variable defined.\n                                                        </p>\n                                                    )}\n                                                </Alert>\n                                            </Grid.Column>\n                                        </Grid>\n                                    </SimpleFormContent>\n                                    <SimpleFormFooter>{\"\"}</SimpleFormFooter>\n                                </SimpleForm>\n                            );\n                        }\n\n                        const passwordValidators: Validator[] = [];\n                        if (!settingsData?.user) {\n                            passwordValidators.push(validation.create(\"required,minLength:5\"));\n                        }\n\n                        return (\n                            <CenteredView>\n                                <Form\n                                    data={settingsData || {}}\n                                    onSubmit={data => {\n                                        /**\n                                         * We are positive that data is TransportSettings.\n                                         */\n                                        onSubmit(data as unknown as TransportSettings);\n                                    }}\n                                >\n                                    {({ Bind, form }) => (\n                                        <SimpleForm>\n                                            {(queryInProgress || mutationInProgress) && (\n                                                <OverlayLoader />\n                                            )}\n                                            <SimpleFormHeader title=\"Mailer Settings\" />\n                                            <SimpleFormContent>\n                                                {displayErrors(errors)}\n                                                <Grid>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"host\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                type=\"text\"\n                                                                label=\"Hostname\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind name={\"port\"}>\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                type=\"number\"\n                                                                label=\"Port\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"user\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                type=\"text\"\n                                                                label=\"User\"\n                                                                autoComplete=\"new-password\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"password\"}\n                                                            validators={passwordValidators}\n                                                        >\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                label=\"Password\"\n                                                                type=\"password\"\n                                                                autoComplete=\"new-password\"\n                                                                value={\"\"}\n                                                                inputRef={password}\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"from\"}\n                                                            validators={[\n                                                                validation.create(\n                                                                    \"required,minLength:1,email\"\n                                                                )\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                type=\"text\"\n                                                                label=\"Mail from\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                    <Grid.Column span={12}>\n                                                        <Bind\n                                                            name={\"replyTo\"}\n                                                            validators={[\n                                                                validation.create(\"email\")\n                                                            ]}\n                                                        >\n                                                            <Input\n                                                                size={\"lg\"}\n                                                                type=\"text\"\n                                                                label=\"Mail reply-to\"\n                                                            />\n                                                        </Bind>\n                                                    </Grid.Column>\n                                                </Grid>\n                                            </SimpleFormContent>\n                                            <SimpleFormFooter>\n                                                <Button\n                                                    text={\"Save\"}\n                                                    onClick={ev => {\n                                                        form.submit(ev);\n                                                    }}\n                                                />\n                                            </SimpleFormFooter>\n                                        </SimpleForm>\n                                    )}\n                                </Form>\n                            </CenteredView>\n                        );\n                    }}\n                </Mutation>\n            )}\n        </Query>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/views/settings/graphql.d.ts

@@ -1,4 +1,4 @@
-import { ApiError, TransportSettings, ValidationErrors } from "../../types";
+import type { ApiError, TransportSettings, ValidationErrors } from "../../types.js";
 export interface SettingsQueryResponse {
     mailer: {
         settings: {

package/views/settings/graphql.js

@@ -1,21 +1,39 @@
-"use strict";
+import gql from "graphql-tag";
+const SETTINGS_FIELDS = `
+    {
+        host
+        port
+        user
+        from
+        replyTo
+    }
+`;
+const ERROR_FIELDS = `
+    {
+        message
+        code
+        data
+    }
+`;
+export const GET_SETTINGS_QUERY = gql`
+    query GetMailerSettings {
+        mailer {
+            settings: getSettings {
+                data ${SETTINGS_FIELDS}
+                error ${ERROR_FIELDS}
+            }
+        }
+    }
+`;
+export const SAVE_SETTINGS_MUTATION = gql`
+    mutation SaveTransportSettings($data: MailerTransportSettingsInput!) {
+        mailer {
+            settings: saveSettings(data: $data) {
+                data ${SETTINGS_FIELDS}
+                error ${ERROR_FIELDS}
+            }
+        }
+    }
+`;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SAVE_SETTINGS_MUTATION = exports.GET_SETTINGS_QUERY = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-
-var _templateObject, _templateObject2;
-
-var SETTINGS_FIELDS = "\n    {\n        host\n        port\n        user\n        from\n        replyTo\n    }\n";
-var ERROR_FIELDS = "\n    {\n        message\n        code\n        data\n    }\n";
-var GET_SETTINGS_QUERY = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query GetMailerSettings {\n        mailer {\n            settings: getSettings {\n                data ", "\n                error ", "\n            }\n        }\n    }\n"])), SETTINGS_FIELDS, ERROR_FIELDS);
-exports.GET_SETTINGS_QUERY = GET_SETTINGS_QUERY;
-var SAVE_SETTINGS_MUTATION = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    mutation SaveTransportSettings($data: MailerTransportSettingsInput!) {\n        mailer {\n            settings: saveSettings(data: $data) {\n                data ", "\n                error ", "\n            }\n        }\n    }\n"])), SETTINGS_FIELDS, ERROR_FIELDS);
-exports.SAVE_SETTINGS_MUTATION = SAVE_SETTINGS_MUTATION;
+//# sourceMappingURL=graphql.js.map

package/views/settings/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["SETTINGS_FIELDS","ERROR_FIELDS","GET_SETTINGS_QUERY","gql","SAVE_SETTINGS_MUTATION"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { ApiError, TransportSettings, ValidationErrors } from \"~/types\";\n\nconst SETTINGS_FIELDS = `\n    {\n        host\n        port\n        user\n        from\n        replyTo\n    }\n`;\n\nconst ERROR_FIELDS = `\n    {\n        message\n        code\n        data\n    }\n`;\n\nexport interface SettingsQueryResponse {\n    mailer: {\n        settings: {\n            data: TransportSettings | null;\n            error: ApiError | null;\n        };\n    };\n}\nexport const GET_SETTINGS_QUERY = gql`\n    query GetMailerSettings {\n        mailer {\n            settings: getSettings {\n                data ${SETTINGS_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface SaveSettingsMutationVariables {\n    data: TransportSettings & {\n        password?: string;\n    };\n}\n\nexport interface SaveSettingsMutationResponse {\n    mailer: {\n        settings: {\n            data: TransportSettings | null;\n            error: ApiError<ValidationErrors> | null;\n        };\n    };\n}\nexport const SAVE_SETTINGS_MUTATION = gql`\n    mutation SaveTransportSettings($data: MailerTransportSettingsInput!) {\n        mailer {\n            settings: saveSettings(data: $data) {\n                data ${SETTINGS_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAGA,IAAMA,eAAe,8FAArB;AAUA,IAAMC,YAAY,kEAAlB;AAgBO,IAAMC,kBAAkB,OAAGC,mBAAH,qQAIRH,eAJQ,EAKPC,YALO,CAAxB;;AAyBA,IAAMG,sBAAsB,OAAGD,mBAAH,kUAIZH,eAJY,EAKXC,YALW,CAA5B"}
+{"version":3,"names":["gql","SETTINGS_FIELDS","ERROR_FIELDS","GET_SETTINGS_QUERY","SAVE_SETTINGS_MUTATION"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { ApiError, TransportSettings, ValidationErrors } from \"~/types.js\";\n\nconst SETTINGS_FIELDS = `\n    {\n        host\n        port\n        user\n        from\n        replyTo\n    }\n`;\n\nconst ERROR_FIELDS = `\n    {\n        message\n        code\n        data\n    }\n`;\n\nexport interface SettingsQueryResponse {\n    mailer: {\n        settings: {\n            data: TransportSettings | null;\n            error: ApiError | null;\n        };\n    };\n}\nexport const GET_SETTINGS_QUERY = gql`\n    query GetMailerSettings {\n        mailer {\n            settings: getSettings {\n                data ${SETTINGS_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface SaveSettingsMutationVariables {\n    data: TransportSettings & {\n        password?: string;\n    };\n}\n\nexport interface SaveSettingsMutationResponse {\n    mailer: {\n        settings: {\n            data: TransportSettings | null;\n            error: ApiError<ValidationErrors> | null;\n        };\n    };\n}\nexport const SAVE_SETTINGS_MUTATION = gql`\n    mutation SaveTransportSettings($data: MailerTransportSettingsInput!) {\n        mailer {\n            settings: saveSettings(data: $data) {\n                data ${SETTINGS_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,eAAe,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,kBAAkB,GAAGH,GAAG;AACrC;AACA;AACA;AACA,uBAAuBC,eAAe;AACtC,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAgBD,OAAO,MAAME,sBAAsB,GAAGJ,GAAG;AACzC;AACA;AACA;AACA,uBAAuBC,eAAe;AACtC,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/views/settings/index.d.ts

@@ -1,2 +1,2 @@
-import { Settings } from "./Settings";
+import { Settings } from "./Settings.js";
 export default Settings;

package/views/settings/index.js

@@ -1,11 +1,4 @@
-"use strict";
+import { Settings } from "./Settings.js";
+export default Settings;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Settings = require("./Settings");
-
-var _default = _Settings.Settings;
-exports.default = _default;
+//# sourceMappingURL=index.js.map

package/views/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Settings"],"sources":["index.ts"],"sourcesContent":["import { Settings } from \"./Settings\";\n\nexport default Settings;\n"],"mappings":";;;;;;;AAAA;;eAEeA,kB"}
+{"version":3,"names":["Settings"],"sources":["index.ts"],"sourcesContent":["import { Settings } from \"./Settings.js\";\n\nexport default Settings;\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,eAAeA,QAAQ","ignoreList":[]}

package/plugins/Module.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Module: React.FC;

package/plugins/Module.js

@@ -1,81 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Module = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
-
-var _react = _interopRequireWildcard3(require("react"));
-
-var _appAdmin = require("@webiny/app-admin");
-
-var _appSecurity = require("@webiny/app-security");
-
-var _AdminLayout = require("@webiny/app-admin/components/AdminLayout");
-
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-
-var _usePermission2 = require("../hooks/usePermission");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _excluded = ["children"];
-var Settings = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return (0, _interopRequireWildcard2.default)(require("../views/settings"));
-  });
-});
-
-var Loader = function Loader(_ref) {
-  var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null)
-  }, /*#__PURE__*/_react.default.cloneElement(children, props));
-};
-
-var MailerSettings = function MailerSettings() {
-  var _usePermission = (0, _usePermission2.usePermission)(),
-      canChangeSettings = _usePermission.canChangeSettings;
-
-  var changeSettings = canChangeSettings();
-
-  if (!changeSettings) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.mailer",
-    label: "Mailer"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.mailer.settings",
-    label: "Settings",
-    path: "/mailer/settings"
-  }))), /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
-    exact: true,
-    path: "/mailer/settings",
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_appSecurity.SecureRoute, {
-        permission: "mailer.settings"
-      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
-        title: "Mailer - Settings"
-      }), /*#__PURE__*/_react.default.createElement(Loader, null, /*#__PURE__*/_react.default.createElement(Settings, null))));
-    }
-  }));
-};
-
-var Module = function Module() {
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(MailerSettings, null));
-};
-
-exports.Module = Module;

package/plugins/Module.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Settings","lazy","Loader","children","props","React","cloneElement","MailerSettings","usePermission","canChangeSettings","changeSettings","Module"],"sources":["Module.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { AddMenu as Menu, AddRoute, Plugins } from \"@webiny/app-admin\";\nimport { SecureRoute } from \"@webiny/app-security\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout\";\nimport Helmet from \"react-helmet\";\nimport { usePermission } from \"~/hooks/usePermission\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst Settings = lazy(() => import(\"~/views/settings\"));\n\ninterface LoaderProps {\n    children: React.ReactElement;\n}\nconst Loader: React.FC<LoaderProps> = ({ children, ...props }) => (\n    <Suspense fallback={<CircularProgress />}>{React.cloneElement(children, props)}</Suspense>\n);\n\nconst MailerSettings: React.FC = () => {\n    const { canChangeSettings } = usePermission();\n\n    const changeSettings = canChangeSettings();\n\n    if (!changeSettings) {\n        return null;\n    }\n\n    return (\n        <>\n            <Menu name={\"settings\"}>\n                <Menu name={\"settings.mailer\"} label={\"Mailer\"}>\n                    <Menu\n                        name={\"settings.mailer.settings\"}\n                        label={\"Settings\"}\n                        path={\"/mailer/settings\"}\n                    />\n                </Menu>\n            </Menu>\n            <AddRoute\n                exact\n                path={\"/mailer/settings\"}\n                render={() => (\n                    <SecureRoute permission={\"mailer.settings\"}>\n                        <AdminLayout>\n                            <Helmet title={\"Mailer - Settings\"} />\n                            <Loader>\n                                <Settings />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        </>\n    );\n};\n\nexport const Module: React.FC = () => {\n    return (\n        <Plugins>\n            <MailerSettings />\n        </Plugins>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,WAAA,EAAK;EAAA;IAAA;EAAA;AAAA,CAAL,CAAjB;;AAKA,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAgBC,KAAhB;EAAA,oBAClC,6BAAC,eAAD;IAAU,QAAQ,eAAE,6BAAC,0BAAD;EAApB,gBAA2CC,cAAA,CAAMC,YAAN,CAAmBH,QAAnB,EAA6BC,KAA7B,CAA3C,CADkC;AAAA,CAAtC;;AAIA,IAAMG,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;EACnC,qBAA8B,IAAAC,6BAAA,GAA9B;EAAA,IAAQC,iBAAR,kBAAQA,iBAAR;;EAEA,IAAMC,cAAc,GAAGD,iBAAiB,EAAxC;;EAEA,IAAI,CAACC,cAAL,EAAqB;IACjB,OAAO,IAAP;EACH;;EAED,oBACI,yEACI,6BAAC,iBAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,iBAAD;IAAM,IAAI,EAAE,iBAAZ;IAA+B,KAAK,EAAE;EAAtC,gBACI,6BAAC,iBAAD;IACI,IAAI,EAAE,0BADV;IAEI,KAAK,EAAE,UAFX;IAGI,IAAI,EAAE;EAHV,EADJ,CADJ,CADJ,eAUI,6BAAC,kBAAD;IACI,KAAK,MADT;IAEI,IAAI,EAAE,kBAFV;IAGI,MAAM,EAAE;MAAA,oBACJ,6BAAC,wBAAD;QAAa,UAAU,EAAE;MAAzB,gBACI,6BAAC,wBAAD,qBACI,6BAAC,oBAAD;QAAQ,KAAK,EAAE;MAAf,EADJ,eAEI,6BAAC,MAAD,qBACI,6BAAC,QAAD,OADJ,CAFJ,CADJ,CADI;IAAA;EAHZ,EAVJ,CADJ;AA2BH,CApCD;;AAsCO,IAAMC,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;EAClC,oBACI,6BAAC,iBAAD,qBACI,6BAAC,cAAD,OADJ,CADJ;AAKH,CANM"}