npm - @webiny/app-mailer - Versions diffs - 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9 - Mend

@webiny/app-mailer 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/Module.d.ts +2 -0
package/Module.js +36 -0
package/Module.js.map +1 -0
package/README.md +6 -17
package/hooks/usePermission.js +15 -24
package/hooks/usePermission.js.map +1 -1
package/index.d.ts +1 -2
package/index.js +1 -13
package/package.json +22 -33
package/routes.d.ts +4 -0
package/routes.js +10 -0
package/routes.js.map +1 -0
package/types.d.ts +3 -2
package/types.js +0 -5
package/views/settings/Settings.d.ts +1 -1
package/views/settings/Settings.js +196 -245
package/views/settings/Settings.js.map +1 -1
package/views/settings/graphql.d.ts +9 -6
package/views/settings/graphql.js +40 -20
package/views/settings/graphql.js.map +1 -1
package/views/settings/index.d.ts +1 -1
package/views/settings/index.js +4 -10
package/views/settings/index.js.map +1 -1
package/index.js.map +0 -1
package/plugins/Module.d.ts +0 -2
package/plugins/Module.js +0 -77
package/plugins/Module.js.map +0 -1
package/types.js.map +0 -1

package/Module.d.ts ADDED Viewed

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

package/Module.js ADDED Viewed

@@ -0,0 +1,36 @@
+import react, { Suspense, lazy } from "react";
+import { AdminConfig, AdminLayout, HasPermission, Plugins, useRouter } from "@webiny/app-admin";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { usePermission } from "./hooks/usePermission.js";
+import { Routes } from "./routes.js";
+const { Menu: Menu, Route: Route } = AdminConfig;
+const Settings = /*#__PURE__*/ lazy(()=>import("./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.system",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "Mailer",
+            to: router.getLink(Routes.Settings),
+            pinnable: true
+        })
+    })));
+};
+const Module = ()=>/*#__PURE__*/ react.createElement(Plugins, null, /*#__PURE__*/ react.createElement(MailerSettings, null));
+export { Module };
+//# sourceMappingURL=Module.js.map

package/Module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Module.js","sources":["../src/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.system\"}\n element={\n <Menu.Link\n text={\"Mailer\"}\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"],"names":["Menu","Route","AdminConfig","Settings","lazy","Loader","children","props","Suspense","OverlayLoader","React","MailerSettings","router","useRouter","canChangeSettings","usePermission","changeSettings","HasPermission","Routes","AdminLayout","Module","Plugins"],"mappings":";;;;;AAOA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAExB,MAAMC,WAAW,WAAHA,GAAGC,KACb,IACI,MAAM,CAAN;AAUR,MAAMC,SAAS,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoB,iBAC/C,oBAACC,UAAQA;QAAC,wBAAU,oBAACC,eAAaA;qBAAMC,MAAAA,YAAkB,CAACJ,UAAUC;AAGzE,MAAMI,iBAAiB;IACnB,MAAMC,SAASC;IACf,MAAM,EAAEC,iBAAiB,EAAE,GAAGC;IAE9B,MAAMC,iBAAiBF;IAEvB,IAAI,CAACE,gBACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACd,aAAWA,MAAAA,WAAAA,GACR,oBAACe,eAAaA;QAAC,MAAM;qBACjB,oBAAChB,OAAKA;QACF,OAAOiB,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAO;yBAChB,oBAACd,QAAMA,MAAAA,WAAAA,GACH,oBAACF,UAAQA;sBAKzB,oBAACH,MAAIA;QACD,MAAM;QACN,QAAQ;QACR,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAIY,OAAO,OAAO,CAACM,OAAO,QAAQ;YAClC,UAAU;;;AAOtC;AAEO,MAAME,SAAS,IACX,WAAP,GACI,oBAACC,SAAOA,MAAAA,WAAAA,GACJ,oBAACV,gBAAcA"}

package/README.md CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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");
-    return !!permission;
-  }, [identity]);
-  return {
-    canChangeSettings: canChangeSettings
-  };
+import { useSecurity } from "@webiny/app-admin";
+import { useCallback } from "react";
+const usePermission = ()=>{
+    const { identity, getPermission } = useSecurity();
+    const canChangeSettings = useCallback(()=>{
+        const permission = getPermission("mailer.settings");
+        return !!permission;
+    }, [
+        identity
+    ]);
+    return {
+        canChangeSettings
+    };
 };
+export { usePermission };
-exports.usePermission = usePermission;
+//# sourceMappingURL=usePermission.js.map

package/hooks/usePermission.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"version":3,"file":"hooks/usePermission.js","sources":["../../src/hooks/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"],"names":["usePermission","identity","getPermission","useSecurity","canChangeSettings","useCallback","permission"],"mappings":";;AAIO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,QAAQ,EAAEC,aAAa,EAAE,GAAGC;IAEpC,MAAMC,oBAAoBC,YAAY;QAClC,MAAMC,aAAaJ,cAAwC;QAC3D,OAAO,CAAC,CAACI;IACb,GAAG;QAACL;KAAS;IAEb,OAAO;QACHG;IACJ;AACJ"}

package/index.d.ts CHANGED Viewed

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

package/index.js CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app-mailer",
-	"version": "0.0.0-unstable.78f581c1d2",
-	"main": "index.js",
+	"version": "0.0.0-unstable.7be00a75a9",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -10,50 +14,35 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-components": "3.1.5",
-		"@babel/runtime": "7.19.0",
-		"@emotion/core": "10.3.1",
-		"@webiny/app-admin": "0.0.0-unstable.78f581c1d2",
-		"@webiny/app-security": "0.0.0-unstable.78f581c1d2",
-		"@webiny/form": "0.0.0-unstable.78f581c1d2",
-		"@webiny/ui": "0.0.0-unstable.78f581c1d2",
-		"@webiny/validation": "0.0.0-unstable.78f581c1d2",
+		"@webiny/admin-ui": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-admin": "0.0.0-unstable.7be00a75a9",
+		"@webiny/form": "0.0.0-unstable.7be00a75a9",
+		"@webiny/validation": "0.0.0-unstable.7be00a75a9",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
-		"graphql": "15.8.0",
+		"graphql": "16.14.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.3.1",
+		"react-dom": "18.3.1"
 	},
 	"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.78f581c1d2",
-		"@webiny/project-utils": "^0.0.0-unstable.78f581c1d2",
-		"babel-plugin-emotion": "^9.2.8",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "4.7.4"
+		"@types/react": "18.3.29",
+		"@webiny/build-tools": "0.0.0-unstable.7be00a75a9",
+		"rimraf": "6.1.3",
+		"typescript": "6.0.3"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
-	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
+		"access": "public"
 	},
 	"svgo": {
 		"plugins": {
 			"removeViewBox": false
 		}
 	},
-	"gitHead": "78f581c1d2e5e6936aa11b9452a66d2a3652a1b2"
+	"gitHead": "b8aec8a1be3f25c3b428b357fe1e352c7cbff9ae",
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/routes.d.ts ADDED Viewed

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

package/routes.js ADDED Viewed

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

package/routes.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"routes.js","sources":["../src/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"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,UAAU,IAAIC,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}

package/types.d.ts CHANGED Viewed

@@ -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;
 }
 /**
@@ -13,6 +13,7 @@ export interface MailerSecurityPermission extends SecurityPermission {
  */
 export interface TransportSettings {
     host: string;
+    port?: number;
     user: string;
     from: string;
     replyTo?: string;

package/types.js CHANGED Viewed

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/views/settings/Settings.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,252 +1,203 @@
-"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) {
-  if (!errors) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errors.map(function (error) {
-    var field = error.path[0];
-    if (!field) {
-      return null;
-    }
-    return /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
-      key: "".concat(field),
-      title: error.message,
-      type: "danger"
-    });
-  }));
+import react, { useEffect, useRef, useState } from "react";
+import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useSnackbar } from "@webiny/app-admin";
+import { Mutation, Query } from "@apollo/react-components";
+import { Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { GET_SETTINGS_QUERY, SAVE_SETTINGS_MUTATION } from "./graphql.js";
+import { Alert, Button, Grid, Input, OverlayLoader } from "@webiny/admin-ui";
+const displayErrors = (errors)=>{
+    if (!errors) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, errors.map((error)=>{
+        const field = error.path[0];
+        if (!field) return null;
+        return /*#__PURE__*/ react.createElement(Alert, {
+            key: `${field}`,
+            title: "Error",
+            type: "danger"
+        }, error.message);
+    }));
 };
-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 () {
-      if (!password.current) {
-        return;
-      }
-      password.current.value = "";
-    }, 300);
-    return function () {
-      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({
+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 ()=>{
+            clearTimeout(t);
+        };
+    }, []);
+    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 settingsSource = settingsData?.source;
+            const { loading: mutationInProgress } = result;
+            const onSubmit = async (data)=>{
+                setErrors([]);
+                const response = await update({
                     variables: {
-                      data: 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.");
+                    refetchQueries: [
+                        {
+                            query: GET_SETTINGS_QUERY
+                        }
+                    ],
+                    awaitRefetchQueries: true
+                });
+                const saveError = response.data?.mailer.settings.error;
+                if (saveError) {
+                    const validationErrors = saveError.data?.errors;
+                    if (validationErrors) setErrors(validationErrors);
+                    showSnackbar("Settings not updated! Please check your network and console logs for detailed information.");
+                    return;
+                }
+                showSnackbar("Settings updated successfully.");
+            };
+            if ("code" === settingsSource) return /*#__PURE__*/ react.createElement(CenteredView, null, /*#__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: "Managed by code",
+                type: "info"
+            }, "Mailer settings are managed by code. Edit", " ", /*#__PURE__*/ react.createElement("code", null, "webiny.config.tsx"), " to change them.")), /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Input, {
+                size: "lg",
+                type: "text",
+                label: "Hostname",
+                value: settingsData?.host ?? "",
+                disabled: true
+            })), /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Input, {
+                size: "lg",
+                type: "number",
+                label: "Port",
+                value: String(settingsData?.port ?? ""),
+                disabled: true
+            })), /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Input, {
+                size: "lg",
+                type: "text",
+                label: "User",
+                value: settingsData?.user ?? "",
+                disabled: true
+            })), /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Input, {
+                size: "lg",
+                type: "text",
+                label: "From",
+                value: settingsData?.from ?? "",
+                disabled: true
+            })), /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Input, {
+                size: "lg",
+                type: "text",
+                label: "Reply-To",
+                value: settingsData?.replyTo ?? "",
+                disabled: true
+            })))), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, "")));
+            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"
+            })))), /*#__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)=>{
+                    onSubmit(data);
+                }
+            }, ({ 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);
                     }
-                  });
-                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"
-          }
-        }, /*#__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))));
-      }
-      var passwordValidators = [];
-      if (!(settingsData !== null && settingsData !== void 0 && settingsData.user)) {
-        passwordValidators.push(_validation.validation.create("required,minLength:5"));
-      }
-      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")));
-      }));
-    });
-  });
 };
+export { Settings };
-exports.Settings = Settings;
+//# sourceMappingURL=Settings.js.map

package/views/settings/Settings.js.map CHANGED Viewed

	@@ -1 +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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"}
1	+ {"version":3,"file":"views/settings/Settings.js","sources":["../../../src/views/settings/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 { 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 </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 settingsSource = settingsData?.source;\n const { loading: mutationInProgress } = result;\n\n const onSubmit = async (data: TransportSettings): Promise<void> => {\n setErrors([]);\n const response = await update({\n variables: { data },\n refetchQueries: [{ query: GET_SETTINGS_QUERY }],\n awaitRefetchQueries: true\n });\n\n const saveError = response.data?.mailer.settings.error;\n if (saveError) {\n const validationErrors = saveError.data?.errors;\n if (validationErrors) {\n setErrors(validationErrors);\n }\n showSnackbar(\n \"Settings not updated! Please check your network and console logs for detailed information.\"\n );\n return;\n }\n showSnackbar(\"Settings updated successfully.\");\n };\n if (settingsSource === \"code\") {\n return (\n <CenteredView>\n <SimpleForm>\n <SimpleFormHeader title=\"Mailer Settings\" />\n <SimpleFormContent>\n <Grid>\n <Grid.Column span={12}>\n <Alert title=\"Managed by code\" type=\"info\">\n Mailer settings are managed by code. Edit{\" \"}\n <code>webiny.config.tsx</code> to change\n them.\n </Alert>\n </Grid.Column>\n <Grid.Column span={12}>\n <Input\n size=\"lg\"\n type=\"text\"\n label=\"Hostname\"\n value={settingsData?.host ?? \"\"}\n disabled\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <Input\n size=\"lg\"\n type=\"number\"\n label=\"Port\"\n value={String(settingsData?.port ?? \"\")}\n disabled\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <Input\n size=\"lg\"\n type=\"text\"\n label=\"User\"\n value={settingsData?.user ?? \"\"}\n disabled\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <Input\n size=\"lg\"\n type=\"text\"\n label=\"From\"\n value={settingsData?.from ?? \"\"}\n disabled\n />\n </Grid.Column>\n <Grid.Column span={12}>\n <Input\n size=\"lg\"\n type=\"text\"\n label=\"Reply-To\"\n value={settingsData?.replyTo ?? \"\"}\n disabled\n />\n </Grid.Column>\n </Grid>\n </SimpleFormContent>\n <SimpleFormFooter>{\"\"}</SimpleFormFooter>\n </SimpleForm>\n </CenteredView>\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\n title={settingsError.message}\n type=\"danger\"\n />\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"],"names":["displayErrors","errors","error","field","Alert","Settings","showSnackbar","useSnackbar","password","useRef","setErrors","useState","useEffect","t","setTimeout","clearTimeout","Query","GET_SETTINGS_QUERY","response","queryInProgress","Mutation","SAVE_SETTINGS_MUTATION","update","result","settingsData","settingsError","settingsSource","mutationInProgress","onSubmit","data","saveError","validationErrors","CenteredView","SimpleForm","SimpleFormHeader","SimpleFormContent","Grid","Input","String","SimpleFormFooter","passwordValidators","validation","Form","Bind","form","OverlayLoader","Button","ev"],"mappings":"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"}

package/views/settings/graphql.d.ts CHANGED Viewed

@@ -1,22 +1,25 @@
-import { ApiError, TransportSettings, ValidationErrors } from "../../types";
+import type { ApiError, TransportSettings, ValidationErrors } from "../../types.js";
+export type MailerSettingsSource = "code" | "storage" | null;
+/** Settings as they appear in GraphQL responses — never includes the password. */
+export type PublicTransportSettings = Omit<TransportSettings, "password"> & {
+    source?: MailerSettingsSource;
+};
 export interface SettingsQueryResponse {
     mailer: {
         settings: {
-            data: TransportSettings | null;
+            data: PublicTransportSettings | null;
             error: ApiError | null;
         };
     };
 }
 export declare const GET_SETTINGS_QUERY: import("graphql").DocumentNode;
 export interface SaveSettingsMutationVariables {
-    data: TransportSettings & {
-        password?: string;
-    };
+    data: TransportSettings;
 }
 export interface SaveSettingsMutationResponse {
     mailer: {
         settings: {
-            data: TransportSettings | null;
+            data: PublicTransportSettings | null;
             error: ApiError<ValidationErrors> | null;
         };
     };

package/views/settings/graphql.js CHANGED Viewed

@@ -1,21 +1,41 @@
-"use strict";
+import graphql_tag from "graphql-tag";
+const SETTINGS_FIELDS = `
+    {
+        host
+        port
+        user
+        from
+        replyTo
+        source
+    }
+`;
+const ERROR_FIELDS = `
+    {
+        message
+        code
+        data
+    }
+`;
+const GET_SETTINGS_QUERY = graphql_tag`
+    query GetMailerSettings {
+        mailer {
+            settings: getSettings {
+                data ${SETTINGS_FIELDS}
+                error ${ERROR_FIELDS}
+            }
+        }
+    }
+`;
+const SAVE_SETTINGS_MUTATION = graphql_tag`
+    mutation SaveTransportSettings($data: MailerTransportSettingsInput!) {
+        mailer {
+            settings: saveSettings(data: $data) {
+                data ${SETTINGS_FIELDS}
+                error ${ERROR_FIELDS}
+            }
+        }
+    }
+`;
+export { GET_SETTINGS_QUERY, SAVE_SETTINGS_MUTATION };
-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: TransportSettingsInput!) {\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 CHANGED Viewed

	@@ -1 +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: ~~TransportSettingsInput~~!) {\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~~,~~4TAIZH~~,~~eAJY~~,~~EAKXC~~,~~YALW~~,~~CAA5B~~"}
1	+ {"version":3,"file":"views/settings/graphql.js","sources":["../../../src/views/settings/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 source\n }\n`;\n\nconst ERROR_FIELDS = `\n {\n message\n code\n data\n }\n`;\n\nexport type MailerSettingsSource = \"code\" \| \"storage\" \| null;\n\n/** Settings as they appear in GraphQL responses — never includes the password. */\nexport type PublicTransportSettings = Omit<TransportSettings, \"password\"> & {\n source?: MailerSettingsSource;\n};\n\nexport interface SettingsQueryResponse {\n mailer: {\n settings: {\n data: PublicTransportSettings \| 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}\n\nexport interface SaveSettingsMutationResponse {\n mailer: {\n settings: {\n data: PublicTransportSettings \| 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"],"names":["SETTINGS_FIELDS","ERROR_FIELDS","GET_SETTINGS_QUERY","gql","SAVE_SETTINGS_MUTATION"],"mappings":";AAGA,MAAMA,kBAAkB,CAAC;;;;;;;;;AASzB,CAAC;AAED,MAAMC,eAAe,CAAC;;;;;;AAMtB,CAAC;AAiBM,MAAMC,qBAAqBC,WAAG,CAAC;;;;qBAIjB,EAAEH,gBAAgB;sBACjB,EAAEC,aAAa;;;;AAIrC,CAAC;AAcM,MAAMG,yBAAyBD,WAAG,CAAC;;;;qBAIrB,EAAEH,gBAAgB;sBACjB,EAAEC,aAAa;;;;AAIrC,CAAC"}

package/views/settings/index.d.ts CHANGED Viewed

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

package/views/settings/index.js CHANGED Viewed

@@ -1,11 +1,5 @@
-"use strict";
+import { Settings } from "./Settings.js";
+const settings = Settings;
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~names~~":["~~Settings~~"],"sources":["index.ts"],"sourcesContent":["import { Settings } from \"./Settings\";\n\nexport default Settings;\n"],"mappings":"~~;;;;;;;AAAA;;eAEeA~~,kB"}
1	+ {"version":3,"file":"views/settings/index.js","sources":["../../../src/views/settings/index.ts"],"sourcesContent":["import { Settings } from \"./Settings.js\";\n\nexport default Settings;\n"],"names":["Settings"],"mappings":";AAEA,iBAAeA"}

package/index.js.map DELETED Viewed

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

package/plugins/Module.d.ts DELETED Viewed

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

package/plugins/Module.js DELETED Viewed

@@ -1,77 +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 Module = function Module() {
-  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))));
-    }
-  }));
-};
-exports.Module = Module;

package/plugins/Module.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["Settings","lazy","Loader","children","props","React","cloneElement","Module","usePermission","canChangeSettings","changeSettings"],"sources":["Module.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport { AddMenu as Menu, AddRoute } 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\nexport const Module: 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"],"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;;AAIO,IAAMG,MAAgB,GAAG,SAAnBA,MAAmB,GAAM;EAClC,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,CApCM"}

package/types.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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":""}