@ouroboros/mouth-mui 2.1.0 → 2.1.2

package/README.md

@@ -1,15 +1,85 @@
 # @ouroboros/mouth-mui
+[![npm version](https://img.shields.io/npm/v/@ouroboros/mouth-mui.svg)](https://www.npmjs.com/package/@ouroboros/mouth-mui) ![Custom License](https://img.shields.io/npm/l/@ouroboros/mouth-mui.svg)
 
-[![npm version](https://img.shields.io/npm/v/@ouroboros/mouth-mui.svg)](https://www.npmjs.com/package/@ouroboros/mouth-mui)
+Material-UI Components for interacting with the
+[mouth2_oc](https://pypi.org/project/mouth2_oc/) service. It uses
+[@ouroboros/mouth](https://npmjs.com/package/@ouroboros/mouth) to handle the
+actual connections.
 
-Shared Material-UI Components for interacting with the mouth service created by
-Ouroboros Coding Inc.
-
-This code comes without documentation as it's not meant to be used by anyone
-outside of Ouroboros Coding Inc. Please see LICENSE for further information.
+See [Releases](https://github.com/ouroboroscoding/mouth-mui/blob/main/releases.md)
+for changes from release to release.
 
 ## Installation
-npm
-```bash
-npm install @ouroboros/mouth-mui
-```
+```console
+foo@bar:~$ npm install @ouroboros/mouth-mui
+```
+
+## Using mouth-mui
+If you're using react with material-ui, this library provides components for
+creating and editing locales and templates.
+
+### Components
+- [Locales](#locales)
+- [Templates](#templates)
+
+### Locales
+`Locales` is used to setup allowable locales on the system, as well as to make
+it easier to look up what locales can be chosen. It handles all C.R.U.D.
+operations.
+
+```jsx
+import { Locales } from '@ouroboros/mouth-mui';
+import React from 'react';
+import { addError, addMessage } from 'your_module';
+function MyLocalesPage(props) {
+  return <Locales
+    onError={addError}
+    onSuccess={(type) => {
+      /* type includes [
+        'create', 'delete', 'update',
+      ] */
+      addMessage(`${type} successful!`)
+    }}
+  />
+}
+```
+
+| Prop | Type | Optional | Description |
+| ---- | ---- | -------- | ----------- |
+| onError | <nobr>`error => void`</nobr> | yes | Callback for when an error occurs. `error` is a `responseErrorStruct` from [@ouroboros/body](https://www.npmjs.com/package/@ouroboros/body). |
+| onSuccess | <nobr>`type => void`</nobr> | yes | Callback for when any of the following `type`s happen: 'create', 'delete', and 'update'. |
+
+[ [top](#ouroborosmouth-mui) / [components](#components) ]
+
+### Templates
+`Templates` is used to setup named templates with individual versions per locale
+and method (content). For example, you could make a template with both email
+content and sms content so that depending on the user's preference you have
+both. Or you could have an email with both English and Spanish content. Or you
+could have all instances and have multiple locales setup for both email and sms.
+The component handles creating and updating for all these variations.
+
+```jsx
+import { Templates } from '@ouroboros/mouth-mui';
+import React from 'react';
+import { addError, addMessage } from 'your_module';
+function MyTemplatesPage(props) {
+  return <Templates
+    onError={addError}
+    onSuccess={(type) => {
+      /* type includes [
+        'template_create', 'template_update',
+        'content_create', 'content_update'
+      ] */
+      addMessage(`${type} successful!`)
+    }}
+  />
+}
+```
+
+| Prop | Type | Optional | Description |
+| ---- | ---- | -------- | ----------- |
+| onError | <nobr>`error => void`</nobr> | yes | Callback for when an error occurs. `error` is a `responseErrorStruct` from [@ouroboros/body](https://www.npmjs.com/package/@ouroboros/body). |
+| onSuccess | <nobr>`type => void`</nobr> | yes | Callback for when any of the following `type`s happen: 'template_create', 'template_update', 'content_create','content_update'. |
+
+[ [top](#ouroborosmouth-mui) / [components](#components) ]

package/lib/components/pages/Locales.d.ts

@@ -26,8 +26,8 @@ export type LocalesProps = {
 declare function Locales({ onError, onSuccess }: LocalesProps): React.JSX.Element;
 declare namespace Locales {
     var propTypes: {
-        onError: PropTypes.Validator<(...args: any[]) => any>;
-        onSuccess: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
+        onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export default Locales;

package/lib/components/pages/Locales.js

@@ -73,7 +73,9 @@ export default function Locales({ onError, onSuccess }) {
                 // If we were successful
                 if (data) {
                     // Notify the parent
-                    onSuccess('create');
+                    if (onSuccess) {
+                        onSuccess('create');
+                    }
                     // Close the create form
                     createSet(false);
                     // Clone the records, add the new one to the start, and set
@@ -110,7 +112,9 @@ export default function Locales({ onError, onSuccess }) {
             // If it was successful
             if (data) {
                 // Notify the parent
-                onSuccess('delete');
+                if (onSuccess) {
+                    onSuccess('delete');
+                }
                 // Look for the record
                 const i = afindi(records, '_id', key);
                 // If it exists
@@ -144,7 +148,9 @@ export default function Locales({ onError, onSuccess }) {
                 // If we were successful
                 if (data) {
                     // Notify the parent
-                    onSuccess('update');
+                    if (onSuccess) {
+                        onSuccess('update');
+                    }
                     // Look for the record
                     const i = afindi(records, '_id', key);
                     // If it exists
@@ -192,6 +198,6 @@ export default function Locales({ onError, onSuccess }) {
 }
 // Valid props
 Locales.propTypes = {
-    onError: PropTypes.func.isRequired,
-    onSuccess: PropTypes.func.isRequired
+    onError: PropTypes.func,
+    onSuccess: PropTypes.func
 };

package/lib/components/pages/Templates/Create.d.ts

@@ -13,7 +13,7 @@ import { templateStruct } from './Template';
 export interface CreateProps {
     onCancel?: () => void;
     onCreated: (template: templateStruct) => void;
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
 }
 /**
  * Create
@@ -30,7 +30,7 @@ declare namespace Create {
     var propTypes: {
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onCreated: PropTypes.Validator<(...args: any[]) => any>;
-        onError: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export default Create;

package/lib/components/pages/Templates/Create.js

@@ -91,5 +91,5 @@ export default function Create({ onCancel, onCreated, onError }) {
 Create.propTypes = {
     onCancel: PropTypes.func,
     onCreated: PropTypes.func.isRequired,
-    onError: PropTypes.func.isRequired,
+    onError: PropTypes.func,
 };

package/lib/components/pages/Templates/Template/Content/Create/index.d.ts

@@ -13,7 +13,7 @@ import { responseErrorStruct } from '@ouroboros/body';
 export type TemplateContentCreateProps = {
     locales: Record<string, string>;
     onCreated: (content: contentStruct) => void;
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
     template: string;
 };
 /**

package/lib/components/pages/Templates/Template/Content/Create/index.js

@@ -83,10 +83,16 @@ export default function Create({ locales, onCreated, onError, template }) {
                 if (onError) {
                     onError({ code: 0, msg: lLines.join('\n') });
                 }
+                else {
+                    throw new Error(JSON.stringify(error));
+                }
             }
-            else {
+            else if (onError) {
                 onError(error);
             }
+            else {
+                throw new Error(JSON.stringify(error));
+            }
         });
     }
     // Called when any fields in the record are changed
@@ -156,9 +162,12 @@ export default function Create({ locales, onCreated, onError, template }) {
                         if (error.code === errors.body.DATA_FIELDS) {
                             fieldErrorsSet(errorTree(error.msg));
                         }
-                        else {
+                        else if (onError) {
                             onError(error);
                         }
+                        else {
+                            throw new Error(JSON.stringify(error));
+                        }
                         previewSet(false);
                     }, value: { ...record, type } }))));
 }

package/lib/components/pages/Templates/Template/Content/Preview/index.d.ts

@@ -12,7 +12,7 @@ import { contentStruct } from '../..';
 import { responseErrorStruct } from '@ouroboros/body';
 export type PreviewProps = {
     onClose: () => void;
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
     value: contentStruct;
 };
 /**
@@ -29,7 +29,7 @@ declare function Preview({ onClose, onError, value }: PreviewProps): React.JSX.E
 declare namespace Preview {
     var propTypes: {
         onClose: PropTypes.Validator<(...args: any[]) => any>;
-        onError: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<PropTypes.InferProps<{
             locale: PropTypes.Validator<string>;
             template: PropTypes.Requireable<string>;

package/lib/components/pages/Templates/Template/Content/Preview/index.js

@@ -33,7 +33,14 @@ export default function Preview({ onClose, onError, value }) {
     const [preview, previewSet] = useState(false);
     // Value effect
     useEffect(() => {
-        mouth.create(`template/${value.type}/generate`, value).then(previewSet, onError);
+        mouth.create(`template/${value.type}/generate`, value).then(previewSet, error => {
+            if (onError) {
+                onError(error);
+            }
+            else {
+                throw new Error(JSON.stringify(error));
+            }
+        });
     }, [value, onError]);
     // Render
     return (React.createElement(Dialog, { fullWidth: true, maxWidth: "lg", onClose: onClose, open: true, "aria-labelledby": "template-content-preview-title" },
@@ -51,7 +58,7 @@ export default function Preview({ onClose, onError, value }) {
 // Valid props
 Preview.propTypes = {
     onClose: PropTypes.func.isRequired,
-    onError: PropTypes.func.isRequired,
+    onError: PropTypes.func,
     value: PropTypes.shape({
         locale: PropTypes.string.isRequired,
         template: PropTypes.string,

package/lib/components/pages/Templates/Template/Content/Update/index.d.ts

@@ -12,7 +12,7 @@ import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type updateStruct = Omit<contentStruct, 'type'>;
 export type UpdateProps = {
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
     onUpdated: (content: contentStruct) => void;
     value: contentStruct;
 };

package/lib/components/pages/Templates/Template/Content/Update/index.js

@@ -66,9 +66,12 @@ export default function Update({ onError, onUpdated, value }) {
                     onError({ code: 0, msg: lLines.join('\n') });
                 }
             }
-            else {
+            else if (onError) {
                 onError(error);
             }
+            else {
+                throw new Error(JSON.stringify(error));
+            }
         });
     }
     // Called when any fields in the record are changed
@@ -94,9 +97,12 @@ export default function Update({ onError, onUpdated, value }) {
                         if (error.code === errors.body.DATA_FIELDS) {
                             fieldErrorsSet(errorTree(error.msg));
                         }
-                        else {
+                        else if (onError) {
                             onError(error);
                         }
+                        else {
+                            throw new Error(JSON.stringify(error));
+                        }
                         previewSet(false);
                     }, value: { ...record, type: value.type } }))));
 }

package/lib/components/pages/Templates/Template/Content/View/index.d.ts

@@ -11,7 +11,7 @@ import React from 'react';
 import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type ViewProps = {
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
     value: contentStruct;
 };
 /**
@@ -27,7 +27,7 @@ export type ViewProps = {
 declare function View({ onError, value }: ViewProps): React.JSX.Element;
 declare namespace View {
     var propTypes: {
-        onError: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<PropTypes.InferProps<{
             _id: PropTypes.Validator<string>;
             type: PropTypes.Validator<string>;

package/lib/components/pages/Templates/Template/Content/View/index.js

@@ -41,7 +41,7 @@ export default function View({ onError, value }) {
 }
 // Valid props
 View.propTypes = {
-    onError: PropTypes.func.isRequired,
+    onError: PropTypes.func,
     value: PropTypes.shape({
         _id: PropTypes.string.isRequired,
         type: PropTypes.oneOf(['email', 'sms']).isRequired

package/lib/components/pages/Templates/Template/index.d.ts

@@ -33,7 +33,7 @@ export type typeOption = 'email' | 'sms';
 export type TemplateProps = {
     locales: Record<string, string>;
     onChange: (template: templateStruct) => void;
-    onError: (error: responseErrorStruct) => void;
+    onError?: (error: responseErrorStruct) => void;
     onContent: (type: string) => void;
     rights: {
         template: idStruct;
@@ -58,7 +58,7 @@ declare namespace Template {
             [x: string]: string | null | undefined;
         }>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
-        onError: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
         onContent: PropTypes.Validator<(...args: any[]) => any>;
         rights: PropTypes.Requireable<Required<PropTypes.InferProps<{
             template: PropTypes.Validator<Required<PropTypes.InferProps<{

package/lib/components/pages/Templates/Template/index.js

@@ -163,7 +163,7 @@ export default function Template({ locales, onChange, onError, onContent, rights
 Template.propTypes = {
     locales: PropTypes.objectOf(PropTypes.string).isRequired,
     onChange: PropTypes.func.isRequired,
-    onError: PropTypes.func.isRequired,
+    onError: PropTypes.func,
     onContent: PropTypes.func.isRequired,
     rights: PropTypes.exact({
         template: PropTypes.exact({

package/lib/components/pages/Templates/index.d.ts

@@ -10,8 +10,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { responseErrorStruct } from '@ouroboros/body';
 export type TemplatesProps = {
-    onError: (error: responseErrorStruct) => void;
-    onSuccess: (type: string) => void;
+    onError?: (error: responseErrorStruct) => void;
+    onSuccess?: (type: string) => void;
 };
 /**
  * Templates
@@ -26,8 +26,8 @@ export type TemplatesProps = {
 declare function Templates({ onError, onSuccess }: TemplatesProps): React.JSX.Element;
 declare namespace Templates {
     var propTypes: {
-        onError: PropTypes.Validator<(...args: any[]) => any>;
-        onSuccess: PropTypes.Validator<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
+        onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export default Templates;

package/lib/components/pages/Templates/index.js

@@ -63,7 +63,9 @@ export default function Templates({ onError, onSuccess }) {
     // Called when a template has been created
     function templateCreated(template) {
         // Notify parent
-        onSuccess('template_create');
+        if (onSuccess) {
+            onSuccess('template_create');
+        }
         // Hide the create form
         createSet(false);
         // Clone the current templates, add the new one to the front, and set
@@ -73,7 +75,9 @@ export default function Templates({ onError, onSuccess }) {
     // Called when a template has been updated
     function templateUpdated(template) {
         // Notify parent
-        onSuccess('template_update');
+        if (onSuccess) {
+            onSuccess('template_update');
+        }
         // Work on latest
         templatesSet(l => arrayFindOverwrite(l, '_id', template._id, template, true));
     }
@@ -88,13 +92,17 @@ export default function Templates({ onError, onSuccess }) {
                             React.createElement("i", { className: 'fa-solid fa-plus' + (create ? ' open' : '') }))))),
         create &&
             React.createElement(Create, { onCancel: () => createSet(false), onCreated: templateCreated, onError: onError }),
-        templates.map((o) => React.createElement(Template, { key: o._id, locales: locales, onChange: templateUpdated, onContent: type => onSuccess(`content_${type}`), onError: onError, rights: {
+        templates.map((o) => React.createElement(Template, { key: o._id, locales: locales, onChange: templateUpdated, onContent: type => {
+                if (onSuccess) {
+                    onSuccess(`content_${type}`);
+                }
+            }, onError: onError, rights: {
                 content: rightsContent,
                 template: rightsTemplate
             }, value: o }))));
 }
 // Valid props
 Templates.propTypes = {
-    onError: PropTypes.func.isRequired,
-    onSuccess: PropTypes.func.isRequired
+    onError: PropTypes.func,
+    onSuccess: PropTypes.func
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ouroboros/mouth-mui",
-	"version": "2.1.0",
+	"version": "2.1.2",
 	"description": "Components for use with the Mouth service",
 	"main": "lib/index.js",
 	"types": "lib/index.d.ts",
@@ -36,18 +36,18 @@
 	"dependencies": {
 		"@ouroboros/define": "^1.1.3",
 		"@ouroboros/define-mui": "^1.5.6",
-		"@ouroboros/mouth": "^2.1.0",
+		"@ouroboros/mouth": "^2.1.2",
 		"@ouroboros/react-radiobuttons-mui": "^1.1.0",
 		"@ouroboros/subscribe": "^1.3.2",
-		"@ouroboros/tools": "^0.7.0",
+		"@ouroboros/tools": "^0.7.1",
 		"prop-types": "^15.8.1"
 	},
 	"peerDependencies": {
 		"@emotion/react": "^11.8.2",
 		"@emotion/styled": "^11.8.1",
 		"@mui/material": "^5.5.1",
-		"@ouroboros/body": "^1.1.2",
-		"@ouroboros/brain-react": "^2.3.0",
+		"@ouroboros/body": "^1.2.0",
+		"@ouroboros/brain-react": "^2.3.1",
 		"@ouroboros/events": "^1.1.0",
 		"react": "^17.0.2 || ^18.0.0",
 		"react-dom": "^17.0.2 || ^18.0.0"

package/releases.md

@@ -0,0 +1,18 @@
+# @ouroboros/mouth-mui releases
+
+## 2.1.2
+- Completed documentation.
+
+## 2.1.1
+- Updated @ouroboros/mouth to 2.1.1.
+- Updated @ouroboros/body to 1.2.0.
+- Updated @ouroboros/brain-react to 2.3.1.
+
+## 2.1.0
+- Updated @ouroboros/brain-react to 2.3.0.
+- Updated @ouroboros/define to 1.1.3.
+- Updated @ouroboros/define-mui to 1.5.6.
+- Updated @ouroboros/mouth to 2.1.0.
+- Removed the `mobile` prop from all components as it wasn't used.
+- Removed all uses of clone from the project.
+- Added a shared file for holding onto common types / defines.

package/src/components/pages/Locales.tsx

@@ -97,7 +97,9 @@ export default function Locales({ onError, onSuccess }: LocalesProps) {
 				if(data) {
 
 					// Notify the parent
-					onSuccess('create');
+					if(onSuccess) {
+						onSuccess('create');
+					}
 
 					// Close the create form
 					createSet(false);
@@ -140,7 +142,9 @@ export default function Locales({ onError, onSuccess }: LocalesProps) {
 			if(data) {
 
 				// Notify the parent
-				onSuccess('delete');
+				if(onSuccess) {
+					onSuccess('delete');
+				}
 
 				// Look for the record
 				const i = afindi(records, '_id', key);
@@ -183,7 +187,9 @@ export default function Locales({ onError, onSuccess }: LocalesProps) {
 				if(data) {
 
 					// Notify the parent
-					onSuccess('update');
+					if(onSuccess) {
+						onSuccess('update');
+					}
 
 					// Look for the record
 					const i = afindi(records, '_id', key);
@@ -262,6 +268,6 @@ export default function Locales({ onError, onSuccess }: LocalesProps) {
 
 // Valid props
 Locales.propTypes = {
-	onError: PropTypes.func.isRequired,
-	onSuccess: PropTypes.func.isRequired
+	onError: PropTypes.func,
+	onSuccess: PropTypes.func
 }

package/src/components/pages/Templates/Create.tsx

@@ -35,7 +35,7 @@ import { templateStruct } from './Template';
 export interface CreateProps {
 	onCancel?: () => void,
 	onCreated: (template: templateStruct) => void,
-	onError: (error: responseErrorStruct) => void
+	onError?: (error: responseErrorStruct) => void
 }
 
 /**
@@ -132,5 +132,5 @@ export default function Create({ onCancel, onCreated, onError }: CreateProps) {
 Create.propTypes = {
 	onCancel: PropTypes.func,
 	onCreated: PropTypes.func.isRequired,
-	onError: PropTypes.func.isRequired,
+	onError: PropTypes.func,
 }

package/src/components/pages/Templates/Template/Content/Create/index.tsx

@@ -36,7 +36,7 @@ import { responseErrorStruct } from '@ouroboros/body';
 export type TemplateContentCreateProps = {
 	locales: Record<string, string>,
 	onCreated: (content: contentStruct) => void,
-	onError: (error: responseErrorStruct) => void,
+	onError?: (error: responseErrorStruct) => void,
 	template: string
 }
 
@@ -103,9 +103,13 @@ export default function Create(
 				// Show the errors
 				if(onError) {
 					onError({ code: 0, msg: lLines.join('\n') });
+				} else {
+					throw new Error(JSON.stringify(error));
 				}
-			} else {
+			} else if(onError) {
 				onError(error);
+			} else {
+				throw new Error(JSON.stringify(error));
 			}
 		});
 	}
@@ -227,8 +231,10 @@ export default function Create(
 						onError={(error: responseErrorStruct) => {
 							if(error.code === errors.body.DATA_FIELDS) {
 								fieldErrorsSet(errorTree(error.msg));
-							} else {
+							} else if(onError) {
 								onError(error);
+							} else {
+								throw new Error(JSON.stringify(error));
 							}
 							previewSet(false);
 						}}

package/src/components/pages/Templates/Template/Content/Preview/index.tsx

@@ -30,7 +30,7 @@ import { contentStruct } from '../..';
 import { responseErrorStruct } from '@ouroboros/body';
 export type PreviewProps = {
 	onClose: () => void,
-	onError: (error: responseErrorStruct) => void,
+	onError?: (error: responseErrorStruct) => void,
 	value: contentStruct
 }
 
@@ -54,8 +54,14 @@ export default function Preview({ onClose, onError, value }: PreviewProps) {
 		mouth.create(
 			`template/${value.type}/generate`,
 			value
-		).then(previewSet, onError);
-	}, [value, onError]);
+		).then(previewSet, error => {
+			if(onError) {
+				onError(error);
+			} else {
+				throw new Error(JSON.stringify(error));
+			}
+		})
+	}, [ value, onError ]);
 
 	// Render
 	return (
@@ -91,7 +97,7 @@ export default function Preview({ onClose, onError, value }: PreviewProps) {
 // Valid props
 Preview.propTypes = {
 	onClose: PropTypes.func.isRequired,
-	onError: PropTypes.func.isRequired,
+	onError: PropTypes.func,
 	value: PropTypes.shape({
 		locale: PropTypes.string.isRequired,
 		template: PropTypes.string,

package/src/components/pages/Templates/Template/Content/Update/index.tsx

@@ -30,7 +30,7 @@ import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type updateStruct = Omit<contentStruct, 'type'>;
 export type UpdateProps = {
-	onError: (error: responseErrorStruct) => void,
+	onError?: (error: responseErrorStruct) => void,
 	onUpdated: (content: contentStruct) => void,
 	value: contentStruct
 }
@@ -82,8 +82,10 @@ export default function Update({ onError, onUpdated, value }: UpdateProps) {
 				if(onError) {
 					onError({ code: 0, msg: lLines.join('\n') });
 				}
-			} else {
+			} else if(onError) {
 				onError(error);
+			} else {
+				throw new Error(JSON.stringify(error));
 			}
 		});
 	}
@@ -128,8 +130,10 @@ export default function Update({ onError, onUpdated, value }: UpdateProps) {
 						onError={(error: responseErrorStruct) => {
 							if(error.code === errors.body.DATA_FIELDS) {
 								fieldErrorsSet(errorTree(error.msg));
-							} else {
+							} else if(onError) {
 								onError(error);
+							} else {
+								throw new Error(JSON.stringify(error));
 							}
 							previewSet(false);
 						}}

package/src/components/pages/Templates/Template/Content/View/index.tsx

@@ -24,7 +24,7 @@ import SMS from './SMS';
 import { responseErrorStruct } from '@ouroboros/body';
 import { contentStruct } from '../..';
 export type ViewProps = {
-	onError: (error: responseErrorStruct) => void,
+	onError?: (error: responseErrorStruct) => void,
 	value: contentStruct
 }
 
@@ -67,7 +67,7 @@ export default function View({ onError, value }: ViewProps) {
 
 // Valid props
 View.propTypes = {
-	onError: PropTypes.func.isRequired,
+	onError: PropTypes.func,
 	value: PropTypes.shape({
 		_id: PropTypes.string.isRequired,
 		type: PropTypes.oneOf([ 'email', 'sms' ]).isRequired

package/src/components/pages/Templates/Template/index.tsx

@@ -61,7 +61,7 @@ export type typeOption = 'email' | 'sms';
 export type TemplateProps = {
 	locales: Record<string, string>,
 	onChange: (template: templateStruct) => void,
-	onError: (error: responseErrorStruct) => void,
+	onError?: (error: responseErrorStruct) => void,
 	onContent: (type: string) => void,
 	rights: {
 		template: idStruct,
@@ -289,7 +289,7 @@ export default function Template(
 Template.propTypes = {
 	locales: PropTypes.objectOf(PropTypes.string).isRequired,
 	onChange: PropTypes.func.isRequired,
-	onError: PropTypes.func.isRequired,
+	onError: PropTypes.func,
 	onContent: PropTypes.func.isRequired,
 	rights: PropTypes.exact({
 		template: PropTypes.exact({

package/src/components/pages/Templates/index.tsx

@@ -28,8 +28,8 @@ import Template, { templateStruct } from './Template';
 // Types
 import { responseErrorStruct } from '@ouroboros/body';
 export type TemplatesProps = {
-	onError: (error: responseErrorStruct) => void,
-	onSuccess: (type: string) => void
+	onError?: (error: responseErrorStruct) => void,
+	onSuccess?: (type: string) => void
 }
 
 /**
@@ -82,7 +82,9 @@ export default function Templates({ onError, onSuccess }: TemplatesProps) {
 	function templateCreated(template: templateStruct) {
 
 		// Notify parent
-		onSuccess('template_create');
+		if(onSuccess) {
+			onSuccess('template_create');
+		}
 
 		// Hide the create form
 		createSet(false);
@@ -96,7 +98,9 @@ export default function Templates({ onError, onSuccess }: TemplatesProps) {
 	function templateUpdated(template: templateStruct) {
 
 		// Notify parent
-		onSuccess('template_update');
+		if(onSuccess) {
+			onSuccess('template_update');
+		}
 
 		// Work on latest
 		templatesSet(l =>
@@ -133,7 +137,11 @@ export default function Templates({ onError, onSuccess }: TemplatesProps) {
 					key={o._id}
 					locales={locales}
 					onChange={templateUpdated}
-					onContent={type => onSuccess(`content_${type}`)}
+					onContent={type => {
+						if(onSuccess) {
+							onSuccess(`content_${type}`)
+						}
+					}}
 					onError={onError}
 					rights={{
 						content: rightsContent,
@@ -148,6 +156,6 @@ export default function Templates({ onError, onSuccess }: TemplatesProps) {
 
 // Valid props
 Templates.propTypes = {
-	onError: PropTypes.func.isRequired,
-	onSuccess: PropTypes.func.isRequired
+	onError: PropTypes.func,
+	onSuccess: PropTypes.func
 }

package/src/types/xhr2.d.ts

@@ -1,3 +0,0 @@
-declare module "xhr2" {
-	export default XMLHttpRequest;
-}