flash-notifications 0.0.15 → 0.0.17

package/.eslintrc.js

@@ -2,4 +2,10 @@ module.exports = {
   root: true,
   extends: ['universe/native', 'universe/web'],
   ignorePatterns: ['build'],
-};
+  rules: {
+    "eqeqeq": "off",
+    "no-return-assign": "off",
+    "prettier/prettier": "off",
+    "react-hooks/rules-of-hooks": "off"
+  }
+}

package/build/configuration.d.ts

@@ -0,0 +1,3 @@
+export default configuration;
+declare const configuration: any;
+//# sourceMappingURL=configuration.d.ts.map

package/build/configuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration.d.ts","sourceRoot":"","sources":["../src/configuration.js"],"names":[],"mappings":";AAMA,iCAAgE"}

package/build/configuration.js

@@ -0,0 +1,8 @@
+if (!globalThis.flashNotificationsConfiguration) {
+    globalThis.flashNotificationsConfiguration = {
+        translate: (msgId) => msgId
+    };
+}
+const configuration = globalThis.flashNotificationsConfiguration;
+export default configuration;
+//# sourceMappingURL=configuration.js.map

package/build/configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../src/configuration.js"],"names":[],"mappings":"AAAA,IAAI,CAAC,UAAU,CAAC,+BAA+B,EAAE,CAAC;IAChD,UAAU,CAAC,+BAA+B,GAAG;QAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK;KAC5B,CAAA;AACH,CAAC;AAED,MAAM,aAAa,GAAG,UAAU,CAAC,+BAA+B,CAAA;AAEhE,eAAe,aAAa,CAAA","sourcesContent":["if (!globalThis.flashNotificationsConfiguration) {\n  globalThis.flashNotificationsConfiguration = {\n    translate: (msgId) => msgId\n  }\n}\n\nconst configuration = globalThis.flashNotificationsConfiguration\n\nexport default configuration\n"]}

package/build/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/container/index.jsx"],"names":[],"mappings":";;kBAA0B,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/container/index.jsx"],"names":[],"mappings":";;kBAEqC,OAAO"}

package/build/container/index.js

@@ -1,12 +1,10 @@
-import React, { memo } from "react";
-import { shapeComponent, ShapeComponent } from "set-state-compare/src/shape-component.js";
-import { StyleSheet, View } from "react-native";
+import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter";
 import { digg } from "diggerize";
+import React, { memo, useEffect } from "react";
+import { StyleSheet, View } from "react-native";
+import { shapeComponent, ShapeComponent } from "set-state-compare/src/shape-component";
+import events from "../events";
 import Notification from "./notification";
-import useEventListener from "@kaspernj/api-maker/src/use-event-listener";
-const dataSets = {
-    view: { class: "flash-notifications-container" }
-};
 const styles = StyleSheet.create({
     view: {
         position: "fixed",
@@ -16,20 +14,28 @@ const styles = StyleSheet.create({
     }
 });
 export default memo(shapeComponent(class FlashNotificationsContainer extends ShapeComponent {
+    timeouts = [];
     setup() {
         this.useStates({
             count: 0,
             notifications: []
         });
-        useEventListener(globalThis, "pushNotification", this.tt.onPushNotification);
+        useEventEmitter(events, "pushNotification", this.tt.onPushNotification);
+        useEffect(() => {
+            return () => {
+                for (const timeout of this.tt.timeouts) {
+                    clearTimeout(timeout);
+                }
+            };
+        }, []);
     }
     render() {
-        return (React.createElement(View, { dataSet: dataSets.view, style: styles.view }, this.s.notifications.map((notification) => React.createElement(Notification, { key: `notification-${notification.count}`, message: notification.message, notification: notification, onRemovedClicked: this.tt.onRemovedClicked, title: notification.title, type: notification.type }))));
+        return (React.createElement(View, { dataSet: this.rootViewDataSet ||= { component: "flash-notifications-container" }, style: styles.view, testID: "flash-notificaitons/container" }, this.s.notifications.map((notification) => React.createElement(Notification, { count: notification.count, key: `notification-${notification.count}`, message: notification.message, notification: notification, onRemovedClicked: this.tt.onRemovedClicked, title: notification.title, type: notification.type }))));
     }
-    onPushNotification = (event) => {
-        const detail = digg(event, "detail");
+    onPushNotification = (detail) => {
         const count = this.s.count + 1;
-        setTimeout(() => this.removeNotification(count), 4000);
+        const timeout = setTimeout(() => this.removeNotification(count), 4000);
+        this.tt.timeouts.push(timeout);
         const notification = {
             count,
             message: digg(detail, "message"),

package/build/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/container/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import React, {memo} from \"react\"\nimport {shapeComponent, ShapeComponent} from \"set-state-compare/src/shape-component.js\"\nimport {StyleSheet, View} from \"react-native\"\nimport {digg} from \"diggerize\"\nimport Notification from \"./notification\"\nimport useEventListener from \"@kaspernj/api-maker/src/use-event-listener\"\n\nconst dataSets = {\n  view: {class: \"flash-notifications-container\"}\n}\n\nconst styles = StyleSheet.create({\n  view: {\n    position: \"fixed\",\n    zIndex: 99999,\n    top: 20,\n    right: 20\n  }\n})\n\nexport default memo(shapeComponent(class FlashNotificationsContainer extends ShapeComponent {\n  setup() {\n    this.useStates({\n      count: 0,\n      notifications: []\n    })\n\n    useEventListener(globalThis, \"pushNotification\", this.tt.onPushNotification)\n  }\n\n  render() {\n    return (\n      <View\n        dataSet={dataSets.view}\n        style={styles.view}\n      >\n        {this.s.notifications.map((notification) =>\n          <Notification\n            key={`notification-${notification.count}`}\n            message={notification.message}\n            notification={notification}\n            onRemovedClicked={this.tt.onRemovedClicked}\n            title={notification.title}\n            type={notification.type}\n          />\n        )}\n      </View>\n    )\n  }\n\n  onPushNotification = (event) => {\n    const detail = digg(event, \"detail\")\n    const count = this.s.count + 1\n\n    setTimeout(() => this.removeNotification(count), 4000)\n\n    const notification = {\n      count,\n      message: digg(detail, \"message\"),\n      title: digg(detail, \"title\"),\n      type: digg(detail, \"type\")\n    }\n\n    this.setState({count, notifications: this.s.notifications.concat([notification])})\n  }\n\n  onRemovedClicked = (notification) => this.removeNotification(digg(notification, \"count\"))\n\n  removeNotification = (count) => {\n    this.setState({\n      notifications: this.s.notifications.filter((notification) => notification.count != count)\n    })\n  }\n}))\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/container/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import useEventEmitter from \"@kaspernj/api-maker/build/use-event-emitter\"\nimport {digg} from \"diggerize\"\nimport React, {memo, useEffect} from \"react\"\nimport {StyleSheet, View} from \"react-native\"\nimport {shapeComponent, ShapeComponent} from \"set-state-compare/src/shape-component\"\n\nimport events from \"../events\"\nimport Notification from \"./notification\"\n\nconst styles = StyleSheet.create({\n  view: {\n    position: \"fixed\",\n    zIndex: 99999,\n    top: 20,\n    right: 20\n  }\n})\n\nexport default memo(shapeComponent(class FlashNotificationsContainer extends ShapeComponent {\n  timeouts = []\n\n  setup() {\n    this.useStates({\n      count: 0,\n      notifications: []\n    })\n\n    useEventEmitter(events, \"pushNotification\", this.tt.onPushNotification)\n    useEffect(() => {\n      return () => {\n        for (const timeout of this.tt.timeouts) {\n          clearTimeout(timeout)\n        }\n      }\n    }, [])\n  }\n\n  render() {\n    return (\n      <View\n        dataSet={this.rootViewDataSet ||= {component: \"flash-notifications-container\"}}\n        style={styles.view}\n        testID=\"flash-notificaitons/container\"\n      >\n        {this.s.notifications.map((notification) =>\n          <Notification\n            count={notification.count}\n            key={`notification-${notification.count}`}\n            message={notification.message}\n            notification={notification}\n            onRemovedClicked={this.tt.onRemovedClicked}\n            title={notification.title}\n            type={notification.type}\n          />\n        )}\n      </View>\n    )\n  }\n\n  onPushNotification = (detail) => {\n    const count = this.s.count + 1\n    const timeout = setTimeout(() => this.removeNotification(count), 4000)\n\n    this.tt.timeouts.push(timeout)\n\n    const notification = {\n      count,\n      message: digg(detail, \"message\"),\n      title: digg(detail, \"title\"),\n      type: digg(detail, \"type\")\n    }\n\n    this.setState({count, notifications: this.s.notifications.concat([notification])})\n  }\n\n  onRemovedClicked = (notification) => this.removeNotification(digg(notification, \"count\"))\n\n  removeNotification = (count) => {\n    this.setState({\n      notifications: this.s.notifications.filter((notification) => notification.count != count)\n    })\n  }\n}))\n"]}

package/build/container/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/container/notification.jsx"],"names":[],"mappings":";;kBAEmC,OAAO"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/container/notification.jsx"],"names":[],"mappings":";;kBAGmC,OAAO"}

package/build/container/notification.js

@@ -1,9 +1,9 @@
-import { Pressable, StyleSheet, Text, View } from "react-native";
-import { shapeComponent, ShapeComponent } from "set-state-compare/src/shape-component.js";
-import React, { memo, useMemo } from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 import PropTypesExact from "prop-types-exact";
+import React, { memo, useMemo } from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { shapeComponent, ShapeComponent } from "set-state-compare/src/shape-component";
 const styles = StyleSheet.create({
     view: {
         width: 300,
@@ -41,6 +41,7 @@ const messageViewDataSet = { class: "notification-message" };
 export default memo(shapeComponent(class NotificationsNotification extends ShapeComponent {
     static propTypes = PropTypesExact({
         className: PropTypes.string,
+        count: PropTypes.number.isRequired,
         message: PropTypes.string.isRequired,
         notification: PropTypes.object.isRequired,
         onRemovedClicked: PropTypes.func.isRequired,
@@ -48,7 +49,8 @@ export default memo(shapeComponent(class NotificationsNotification extends Shape
         type: PropTypes.string.isRequired
     });
     render() {
-        const { className, message, title, type } = this.props;
+        const { count, message, title, type } = this.p;
+        const { className } = this.props;
         const viewStyles = useMemo(() => {
             const viewStyles = [styles.view];
             if (type == "error")
@@ -66,9 +68,9 @@ export default memo(shapeComponent(class NotificationsNotification extends Shape
         return (React.createElement(Pressable, { dataSet: pressableDataSet, onPress: this.tt.onRemovedClicked },
             React.createElement(View, { style: viewStyles },
                 React.createElement(View, { dataSet: titleViewDataSet, style: styles.titleview },
-                    React.createElement(Text, { style: styles.titleText }, title)),
+                    React.createElement(Text, { style: styles.titleText, testID: `flash-notifications/notification-${count}/title` }, title)),
                 React.createElement(View, { dataSet: messageViewDataSet },
-                    React.createElement(Text, { style: styles.messageText }, message)))));
+                    React.createElement(Text, { style: styles.messageText, testID: `flash-notifications/notification-${count}/message` }, message)))));
     }
     onRemovedClicked = () => this.p.onRemovedClicked(this.p.notification);
 }));

package/build/container/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/container/notification.jsx"],"names":[],"mappings":"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","sourcesContent":["import {Pressable, StyleSheet, Text, View} from \"react-native\"\nimport {shapeComponent, ShapeComponent} from \"set-state-compare/src/shape-component.js\"\nimport React, {memo, useMemo} from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport PropTypesExact from \"prop-types-exact\"\n\nconst styles = StyleSheet.create({\n  view: {\n    width: 300,\n    maxWidth: \"100%\",\n    marginBottom: 15,\n    padding: 15,\n    borderRadius: 11,\n    cursor: \"pointer\"\n  },\n  viewError: {\n    border: \"1px solid rgba(161, 34, 32, 0.95)\",\n    backgroundColor: \"rgba(161, 34, 32, 0.87)\"\n  },\n  viewSuccess: {\n    border: \"1px solid rgba(0, 0, 0, 0.95)\",\n    backgroundColor: \"rgba(0, 0, 0, 0.87)\"\n  },\n  viewAlert: {\n    border: \"1px solid rgba(204, 51, 0, 0.95)\",\n    backgroundColor: \"rgba(204, 51, 0, 0.87)\"\n  },\n  titleview: {\n    marginBottom: 5\n  },\n  titleText: {\n    color: \"#fff\",\n    fontWeight: \"bold\"\n  },\n  messageText: {\n    color: \"#fff\"\n  }\n})\n\nconst titleViewDataSet = {class: \"notification-title\"}\nconst messageViewDataSet = {class: \"notification-message\"}\n\nexport default memo(shapeComponent(class NotificationsNotification extends ShapeComponent {\n  static propTypes = PropTypesExact({\n    className: PropTypes.string,\n    message: PropTypes.string.isRequired,\n    notification: PropTypes.object.isRequired,\n    onRemovedClicked: PropTypes.func.isRequired,\n    title: PropTypes.string.isRequired,\n    type: PropTypes.string.isRequired\n  })\n\n  render() {\n    const {className, message, title, type} = this.props\n\n    const viewStyles = useMemo(\n      () => {\n        const viewStyles = [styles.view]\n\n        if (type == \"error\") viewStyles.push(styles.viewError)\n        if (type == \"success\") viewStyles.push(styles.viewSuccess)\n        if (type == \"alert\") viewStyles.push(styles.viewAlert)\n\n        return viewStyles\n      },\n      [type]\n    )\n\n    const pressableDataSet = useMemo(\n      () => ({\n        class: classNames(\"flash-notifications-notification\", className),\n        type\n      }),\n      [className, type]\n    )\n\n    return (\n      <Pressable dataSet={pressableDataSet} onPress={this.tt.onRemovedClicked}>\n        <View style={viewStyles}>\n          <View dataSet={titleViewDataSet} style={styles.titleview}>\n            <Text style={styles.titleText}>\n              {title}\n            </Text>\n          </View>\n          <View dataSet={messageViewDataSet}>\n            <Text style={styles.messageText}>\n              {message}\n            </Text>\n          </View>\n        </View>\n      </Pressable>\n    )\n  }\n\n  onRemovedClicked = () => this.p.onRemovedClicked(this.p.notification)\n}))\n"]}
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/container/notification.jsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport PropTypesExact from \"prop-types-exact\"\nimport React, {memo, useMemo} from \"react\"\nimport {Pressable, StyleSheet, Text, View} from \"react-native\"\nimport {shapeComponent, ShapeComponent} from \"set-state-compare/src/shape-component\"\n\nconst styles = StyleSheet.create({\n  view: {\n    width: 300,\n    maxWidth: \"100%\",\n    marginBottom: 15,\n    padding: 15,\n    borderRadius: 11,\n    cursor: \"pointer\"\n  },\n  viewError: {\n    border: \"1px solid rgba(161, 34, 32, 0.95)\",\n    backgroundColor: \"rgba(161, 34, 32, 0.87)\"\n  },\n  viewSuccess: {\n    border: \"1px solid rgba(0, 0, 0, 0.95)\",\n    backgroundColor: \"rgba(0, 0, 0, 0.87)\"\n  },\n  viewAlert: {\n    border: \"1px solid rgba(204, 51, 0, 0.95)\",\n    backgroundColor: \"rgba(204, 51, 0, 0.87)\"\n  },\n  titleview: {\n    marginBottom: 5\n  },\n  titleText: {\n    color: \"#fff\",\n    fontWeight: \"bold\"\n  },\n  messageText: {\n    color: \"#fff\"\n  }\n})\n\nconst titleViewDataSet = {class: \"notification-title\"}\nconst messageViewDataSet = {class: \"notification-message\"}\n\nexport default memo(shapeComponent(class NotificationsNotification extends ShapeComponent {\n  static propTypes = PropTypesExact({\n    className: PropTypes.string,\n    count: PropTypes.number.isRequired,\n    message: PropTypes.string.isRequired,\n    notification: PropTypes.object.isRequired,\n    onRemovedClicked: PropTypes.func.isRequired,\n    title: PropTypes.string.isRequired,\n    type: PropTypes.string.isRequired\n  })\n\n  render() {\n    const {count, message, title, type} = this.p\n    const {className} = this.props\n\n    const viewStyles = useMemo(\n      () => {\n        const viewStyles = [styles.view]\n\n        if (type == \"error\") viewStyles.push(styles.viewError)\n        if (type == \"success\") viewStyles.push(styles.viewSuccess)\n        if (type == \"alert\") viewStyles.push(styles.viewAlert)\n\n        return viewStyles\n      },\n      [type]\n    )\n\n    const pressableDataSet = useMemo(\n      () => ({\n        class: classNames(\"flash-notifications-notification\", className),\n        type\n      }),\n      [className, type]\n    )\n\n    return (\n      <Pressable dataSet={pressableDataSet} onPress={this.tt.onRemovedClicked}>\n        <View style={viewStyles}>\n          <View dataSet={titleViewDataSet} style={styles.titleview}>\n            <Text style={styles.titleText} testID={`flash-notifications/notification-${count}/title`}>\n              {title}\n            </Text>\n          </View>\n          <View dataSet={messageViewDataSet}>\n            <Text style={styles.messageText} testID={`flash-notifications/notification-${count}/message`}>\n              {message}\n            </Text>\n          </View>\n        </View>\n      </Pressable>\n    )\n  }\n\n  onRemovedClicked = () => this.p.onRemovedClicked(this.p.notification)\n}))\n"]}

package/build/events.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=events.d.ts.map

package/build/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.js"],"names":[],"mappings":""}

package/build/events.js

@@ -0,0 +1,6 @@
+import EventEmitter from "events";
+if (!globalThis.flashNotificationsEvents) {
+    globalThis.flashNotificationsEvents = new EventEmitter();
+}
+export default globalThis.flashNotificationsEvents;
+//# sourceMappingURL=events.js.map

package/build/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,QAAQ,CAAA;AAEjC,IAAI,CAAC,UAAU,CAAC,wBAAwB,EAAE,CAAC;IACzC,UAAU,CAAC,wBAAwB,GAAG,IAAI,YAAY,EAAE,CAAA;AAC1D,CAAC;AAED,eAAe,UAAU,CAAC,wBAAwB,CAAA","sourcesContent":["import EventEmitter from \"events\"\n\nif (!globalThis.flashNotificationsEvents) {\n  globalThis.flashNotificationsEvents = new EventEmitter()\n}\n\nexport default globalThis.flashNotificationsEvents\n"]}

package/build/flash-notifications.d.ts

@@ -1,4 +1,4 @@
-export default class FlashMessage {
+export default class FlashNotifications {
     static alert(message: any): void;
     static error(error: any): void;
     static errorResponse(error: any): void;

package/build/flash-notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flash-notifications.d.ts","sourceRoot":"","sources":["../src/flash-notifications.js"],"names":[],"mappings":"AAGA;IACE,iCAEC;IAED,+BA0BC;IAED,uCAEC;IAED,mCAEC;IAED,6BAsBC;CACF"}
+{"version":3,"file":"flash-notifications.d.ts","sourceRoot":"","sources":["../src/flash-notifications.js"],"names":[],"mappings":"AAOA;IACE,iCAEC;IAED,+BA4BC;IAED,uCAEC;IAED,mCAEC;IAED,6BAkBC;CACF"}

package/build/flash-notifications.js

@@ -1,8 +1,11 @@
-import BaseError from "@kaspernj/api-maker/src/base-error";
-import ValidationError from "@kaspernj/api-maker/src/validation-error";
-export default class FlashMessage {
+import BaseError from "@kaspernj/api-maker/build/base-error";
+import ValidationError from "@kaspernj/api-maker/build/validation-error";
+import { digg } from "diggerize";
+import configuration from "./configuration";
+import events from "./events";
+export default class FlashNotifications {
     static alert(message) {
-        FlashMessage.show({ type: "alert", text: message });
+        FlashNotifications.show({ type: "alert", text: message });
     }
     static error(error) {
         if (error instanceof BaseError) {
@@ -14,7 +17,7 @@ export default class FlashMessage {
                     }
                     return digg(error, "message");
                 });
-                FlashMessage.alert(errorMessages.join(". "));
+                FlashNotifications.alert(errorMessages.join(". "));
             }
             else {
                 throw error;
@@ -22,10 +25,11 @@ export default class FlashMessage {
         }
         else if (error instanceof ValidationError) {
             if (error.hasUnhandledErrors()) {
-                FlashMessage.alert(error.message);
+                FlashNotifications.alert(error.message);
             }
             else {
-                FlashMessage.alert(I18n.t("js.notification.couldnt_submit_because_of_validation_errors"));
+                const defaultValue = "Couldn't submit because of validation errors.";
+                FlashNotifications.alert(configuration.translate("js.notification.couldnt_submit_because_of_validation_errors", { defaultValue }));
             }
         }
         else {
@@ -37,30 +41,27 @@ export default class FlashMessage {
         this.error(error);
     }
     static success(message) {
-        FlashMessage.show({ type: "success", text: message });
+        FlashNotifications.show({ type: "success", text: message });
     }
     static show(args) {
         let title;
         if (args.type == "alert") {
-            title = I18n.t("js.shared.alert");
+            title = configuration.translate("js.shared.alert", { defaultValue: "Alert" });
         }
         else if (args.type == "error") {
-            title = I18n.t("js.shared.error");
+            title = configuration.translate("js.shared.error", { defaultValue: "Error" });
         }
         else if (args.type == "success") {
-            title = I18n.t("js.shared.success");
+            title = configuration.translate("js.shared.success", { defaultValue: "Success" });
         }
         else {
-            title = I18n.t("js.shared.notification");
+            title = configuration.translate("js.shared.notification", { defaultValue: "Notification" });
         }
-        const event = new CustomEvent("pushNotification", {
-            detail: {
-                message: args.text,
-                title,
-                type: args.type
-            }
+        events.emit("pushNotification", {
+            message: args.text,
+            title,
+            type: args.type
         });
-        globalThis.dispatchEvent(event);
     }
 }
 //# sourceMappingURL=flash-notifications.js.map

package/build/flash-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"flash-notifications.js","sourceRoot":"","sources":["../src/flash-notifications.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oCAAoC,CAAA;AAC1D,OAAO,eAAe,MAAM,0CAA0C,CAAA;AAEtE,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,MAAM,CAAC,KAAK,CAAC,OAAO;QAClB,YAAY,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC,CAAA;IACnD,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,KAAK;QAChB,IAAI,KAAK,YAAY,SAAS,EAAE,CAAC;YAC/B,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBACtD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA;gBACxD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACzC,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE,CAAC;wBAC7B,OAAO,KAAK,CAAA;oBACd,CAAC;oBAED,OAAO,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;gBAC/B,CAAC,CAAC,CAAA;gBAEF,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC9C,CAAC;iBAAM,CAAC;gBACN,MAAM,KAAK,CAAA;YACb,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,YAAY,eAAe,EAAE,CAAC;YAC5C,IAAI,KAAK,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBAC/B,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YACnC,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,6DAA6D,CAAC,CAAC,CAAA;YAC3F,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAA;YAC7D,MAAM,KAAK,CAAA;QACb,CAAC;IACH,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,KAAK;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,OAAO;QACpB,YAAY,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC,CAAA;IACrD,CAAC;IAED,MAAM,CAAC,IAAI,CAAC,IAAI;QACd,IAAI,KAAK,CAAA;QAET,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YACzB,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;QACnC,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YAChC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;QACnC,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;YAClC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAA;QAC1C,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAChD,MAAM,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,IAAI;gBAClB,KAAK;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB;SACF,CAAC,CAAA;QAEF,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC;CACF","sourcesContent":["import BaseError from \"@kaspernj/api-maker/src/base-error\"\nimport ValidationError from \"@kaspernj/api-maker/src/validation-error\"\n\nexport default class FlashMessage {\n  static alert(message) {\n    FlashMessage.show({type: \"alert\", text: message})\n  }\n\n  static error(error) {\n    if (error instanceof BaseError) {\n      if (error.args.response && error.args.response.errors) {\n        const errors = digg(error, \"args\", \"response\", \"errors\")\n        const errorMessages = errors.map((error) => {\n          if (typeof error == \"string\") {\n            return error\n          }\n\n          return digg(error, \"message\")\n        })\n\n        FlashMessage.alert(errorMessages.join(\". \"))\n      } else {\n        throw error\n      }\n    } else if (error instanceof ValidationError) {\n      if (error.hasUnhandledErrors()) {\n        FlashMessage.alert(error.message)\n      } else {\n        FlashMessage.alert(I18n.t(\"js.notification.couldnt_submit_because_of_validation_errors\"))\n      }\n    } else {\n      console.error(\"Didnt know what to do with that error\", error)\n      throw error\n    }\n  }\n\n  static errorResponse(error) {\n    this.error(error)\n  }\n\n  static success(message) {\n    FlashMessage.show({type: \"success\", text: message})\n  }\n\n  static show(args) {\n    let title\n\n    if (args.type == \"alert\") {\n      title = I18n.t(\"js.shared.alert\")\n    } else if (args.type == \"error\") {\n      title = I18n.t(\"js.shared.error\")\n    } else if (args.type == \"success\") {\n      title = I18n.t(\"js.shared.success\")\n    } else {\n      title = I18n.t(\"js.shared.notification\")\n    }\n\n    const event = new CustomEvent(\"pushNotification\", {\n      detail: {\n        message: args.text,\n        title,\n        type: args.type\n      }\n    })\n\n    globalThis.dispatchEvent(event)\n  }\n}\n"]}
+{"version":3,"file":"flash-notifications.js","sourceRoot":"","sources":["../src/flash-notifications.js"],"names":[],"mappings":"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","sourcesContent":["import BaseError from \"@kaspernj/api-maker/build/base-error\"\nimport ValidationError from \"@kaspernj/api-maker/build/validation-error\"\nimport {digg} from \"diggerize\"\n\nimport configuration from \"./configuration\"\nimport events from \"./events\"\n\nexport default class FlashNotifications {\n  static alert(message) {\n    FlashNotifications.show({type: \"alert\", text: message})\n  }\n\n  static error(error) {\n    if (error instanceof BaseError) {\n      if (error.args.response && error.args.response.errors) {\n        const errors = digg(error, \"args\", \"response\", \"errors\")\n        const errorMessages = errors.map((error) => {\n          if (typeof error == \"string\") {\n            return error\n          }\n\n          return digg(error, \"message\")\n        })\n\n        FlashNotifications.alert(errorMessages.join(\". \"))\n      } else {\n        throw error\n      }\n    } else if (error instanceof ValidationError) {\n      if (error.hasUnhandledErrors()) {\n        FlashNotifications.alert(error.message)\n      } else {\n        const defaultValue = \"Couldn't submit because of validation errors.\"\n\n        FlashNotifications.alert(configuration.translate(\"js.notification.couldnt_submit_because_of_validation_errors\", {defaultValue}))\n      }\n    } else {\n      console.error(\"Didnt know what to do with that error\", error)\n      throw error\n    }\n  }\n\n  static errorResponse(error) {\n    this.error(error)\n  }\n\n  static success(message) {\n    FlashNotifications.show({type: \"success\", text: message})\n  }\n\n  static show(args) {\n    let title\n\n    if (args.type == \"alert\") {\n      title = configuration.translate(\"js.shared.alert\", {defaultValue: \"Alert\"})\n    } else if (args.type == \"error\") {\n      title = configuration.translate(\"js.shared.error\", {defaultValue: \"Error\"})\n    } else if (args.type == \"success\") {\n      title = configuration.translate(\"js.shared.success\", {defaultValue: \"Success\"})\n    } else {\n      title = configuration.translate(\"js.shared.notification\", {defaultValue: \"Notification\"})\n    }\n\n    events.emit(\"pushNotification\", {\n      message: args.text,\n      title,\n      type: args.type\n    })\n  }\n}\n"]}

package/build/index.d.ts

@@ -1,4 +1,5 @@
+import configuration from "./configuration";
 import Container from "./container";
 import FlashNotifications from "./flash-notifications";
-export { Container, FlashNotifications };
+export { configuration, Container, FlashNotifications };
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"sBAAsB,aAAa;+BACJ,uBAAuB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"0BAA0B,iBAAiB;sBACrB,aAAa;+BACJ,uBAAuB"}

package/build/index.js

@@ -1,4 +1,8 @@
+import configuration from "./configuration";
 import Container from "./container";
 import FlashNotifications from "./flash-notifications";
-export { Container, FlashNotifications };
+if (!configuration) {
+    throw new Error("No configuration object given?");
+}
+export { configuration, Container, FlashNotifications };
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AAEtD,OAAO,EACL,SAAS,EACT,kBAAkB,EACnB,CAAA","sourcesContent":["import Container from \"./container\"\nimport FlashNotifications from \"./flash-notifications\"\n\nexport {\n  Container,\n  FlashNotifications\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AAEtD,IAAI,CAAC,aAAa,EAAE,CAAC;IACnB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAA;AACnD,CAAC;AAED,OAAO,EACL,aAAa,EACb,SAAS,EACT,kBAAkB,EACnB,CAAA","sourcesContent":["import configuration from \"./configuration\"\nimport Container from \"./container\"\nimport FlashNotifications from \"./flash-notifications\"\n\nif (!configuration) {\n  throw new Error(\"No configuration object given?\")\n}\n\nexport {\n  configuration,\n  Container,\n  FlashNotifications\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flash-notifications",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "My new module",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -8,7 +8,8 @@
     "build": "expo-module build",
     "clean": "expo-module clean",
     "lint": "expo-module lint",
-    "test": "expo-module test",
+    "test": "jest --detectOpenHandles",
+    "test-expo": "expo-module test",
     "prepare": "expo-module prepare",
     "prepublishOnly": "expo-module prepublishOnly",
     "expo-module": "expo-module",
@@ -28,18 +29,28 @@
   "author": "kaspernj <kasper@diestoeckels.de> (https://github.com/kaspernj)",
   "license": "MIT",
   "homepage": "https://github.com/kaspernj/flash-notifications#readme",
+  "jest": {
+    "preset": "jest-expo",
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@sentry/react-native|native-base|react-native-svg|diggerize|fetching-object|set-state-compare|@kaspernj/api-maker)"
+    ]
+  },
   "dependencies": {
-    "diggerize": "*",
+    "classnames": "^2.5.1",
+    "diggerize": "^1.0.9",
+    "fetching-object": "^1.0.3",
     "prop-types-exact": "*",
-    "set-state-compare": "*"
+    "set-state-compare": "^1.0.57"
   },
   "devDependencies": {
+    "@testing-library/react-native": "~13.0.1",
     "@types/react": "~18.3.12",
+    "expo": "~53.0.9",
     "expo-module-scripts": "^4.0.2",
-    "expo": "~52.0.0",
-    "react-native": "0.76.0"
+    "react-native": "~0.76.9"
   },
   "peerDependencies": {
+    "@kaspernj/api-maker": "*",
     "expo": "*",
     "react": "*",
     "react-native": "*"

package/peak_flow.yml

@@ -0,0 +1,5 @@
+before_script:
+  - npm install
+script:
+  - npm run test
+  - npm run lint

package/src/configuration.js

@@ -0,0 +1,9 @@
+if (!globalThis.flashNotificationsConfiguration) {
+  globalThis.flashNotificationsConfiguration = {
+    translate: (msgId) => msgId
+  }
+}
+
+const configuration = globalThis.flashNotificationsConfiguration
+
+export default configuration

package/src/container/index.jsx

@@ -1,13 +1,11 @@
-import React, {memo} from "react"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
-import {StyleSheet, View} from "react-native"
+import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter"
 import {digg} from "diggerize"
-import Notification from "./notification"
-import useEventListener from "@kaspernj/api-maker/src/use-event-listener"
+import React, {memo, useEffect} from "react"
+import {StyleSheet, View} from "react-native"
+import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
 
-const dataSets = {
-  view: {class: "flash-notifications-container"}
-}
+import events from "../events"
+import Notification from "./notification"
 
 const styles = StyleSheet.create({
   view: {
@@ -19,23 +17,34 @@ const styles = StyleSheet.create({
 })
 
 export default memo(shapeComponent(class FlashNotificationsContainer extends ShapeComponent {
+  timeouts = []
+
   setup() {
     this.useStates({
       count: 0,
       notifications: []
     })
 
-    useEventListener(globalThis, "pushNotification", this.tt.onPushNotification)
+    useEventEmitter(events, "pushNotification", this.tt.onPushNotification)
+    useEffect(() => {
+      return () => {
+        for (const timeout of this.tt.timeouts) {
+          clearTimeout(timeout)
+        }
+      }
+    }, [])
   }
 
   render() {
     return (
       <View
-        dataSet={dataSets.view}
+        dataSet={this.rootViewDataSet ||= {component: "flash-notifications-container"}}
         style={styles.view}
+        testID="flash-notificaitons/container"
       >
         {this.s.notifications.map((notification) =>
           <Notification
+            count={notification.count}
             key={`notification-${notification.count}`}
             message={notification.message}
             notification={notification}
@@ -48,11 +57,11 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
     )
   }
 
-  onPushNotification = (event) => {
-    const detail = digg(event, "detail")
+  onPushNotification = (detail) => {
     const count = this.s.count + 1
+    const timeout = setTimeout(() => this.removeNotification(count), 4000)
 
-    setTimeout(() => this.removeNotification(count), 4000)
+    this.tt.timeouts.push(timeout)
 
     const notification = {
       count,

package/src/container/notification.jsx

@@ -1,9 +1,9 @@
-import {Pressable, StyleSheet, Text, View} from "react-native"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
-import React, {memo, useMemo} from "react"
 import classNames from "classnames"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
+import React, {memo, useMemo} from "react"
+import {Pressable, StyleSheet, Text, View} from "react-native"
+import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
 
 const styles = StyleSheet.create({
   view: {
@@ -44,6 +44,7 @@ const messageViewDataSet = {class: "notification-message"}
 export default memo(shapeComponent(class NotificationsNotification extends ShapeComponent {
   static propTypes = PropTypesExact({
     className: PropTypes.string,
+    count: PropTypes.number.isRequired,
     message: PropTypes.string.isRequired,
     notification: PropTypes.object.isRequired,
     onRemovedClicked: PropTypes.func.isRequired,
@@ -52,7 +53,8 @@ export default memo(shapeComponent(class NotificationsNotification extends Shape
   })
 
   render() {
-    const {className, message, title, type} = this.props
+    const {count, message, title, type} = this.p
+    const {className} = this.props
 
     const viewStyles = useMemo(
       () => {
@@ -79,12 +81,12 @@ export default memo(shapeComponent(class NotificationsNotification extends Shape
       <Pressable dataSet={pressableDataSet} onPress={this.tt.onRemovedClicked}>
         <View style={viewStyles}>
           <View dataSet={titleViewDataSet} style={styles.titleview}>
-            <Text style={styles.titleText}>
+            <Text style={styles.titleText} testID={`flash-notifications/notification-${count}/title`}>
               {title}
             </Text>
           </View>
           <View dataSet={messageViewDataSet}>
-            <Text style={styles.messageText}>
+            <Text style={styles.messageText} testID={`flash-notifications/notification-${count}/message`}>
               {message}
             </Text>
           </View>

package/src/events.js

@@ -0,0 +1,7 @@
+import EventEmitter from "events"
+
+if (!globalThis.flashNotificationsEvents) {
+  globalThis.flashNotificationsEvents = new EventEmitter()
+}
+
+export default globalThis.flashNotificationsEvents

package/src/flash-notifications.js

@@ -1,9 +1,13 @@
-import BaseError from "@kaspernj/api-maker/src/base-error"
-import ValidationError from "@kaspernj/api-maker/src/validation-error"
+import BaseError from "@kaspernj/api-maker/build/base-error"
+import ValidationError from "@kaspernj/api-maker/build/validation-error"
+import {digg} from "diggerize"
 
-export default class FlashMessage {
+import configuration from "./configuration"
+import events from "./events"
+
+export default class FlashNotifications {
   static alert(message) {
-    FlashMessage.show({type: "alert", text: message})
+    FlashNotifications.show({type: "alert", text: message})
   }
 
   static error(error) {
@@ -18,15 +22,17 @@ export default class FlashMessage {
           return digg(error, "message")
         })
 
-        FlashMessage.alert(errorMessages.join(". "))
+        FlashNotifications.alert(errorMessages.join(". "))
       } else {
         throw error
       }
     } else if (error instanceof ValidationError) {
       if (error.hasUnhandledErrors()) {
-        FlashMessage.alert(error.message)
+        FlashNotifications.alert(error.message)
       } else {
-        FlashMessage.alert(I18n.t("js.notification.couldnt_submit_because_of_validation_errors"))
+        const defaultValue = "Couldn't submit because of validation errors."
+
+        FlashNotifications.alert(configuration.translate("js.notification.couldnt_submit_because_of_validation_errors", {defaultValue}))
       }
     } else {
       console.error("Didnt know what to do with that error", error)
@@ -39,30 +45,26 @@ export default class FlashMessage {
   }
 
   static success(message) {
-    FlashMessage.show({type: "success", text: message})
+    FlashNotifications.show({type: "success", text: message})
   }
 
   static show(args) {
     let title
 
     if (args.type == "alert") {
-      title = I18n.t("js.shared.alert")
+      title = configuration.translate("js.shared.alert", {defaultValue: "Alert"})
     } else if (args.type == "error") {
-      title = I18n.t("js.shared.error")
+      title = configuration.translate("js.shared.error", {defaultValue: "Error"})
     } else if (args.type == "success") {
-      title = I18n.t("js.shared.success")
+      title = configuration.translate("js.shared.success", {defaultValue: "Success"})
     } else {
-      title = I18n.t("js.shared.notification")
+      title = configuration.translate("js.shared.notification", {defaultValue: "Notification"})
     }
 
-    const event = new CustomEvent("pushNotification", {
-      detail: {
-        message: args.text,
-        title,
-        type: args.type
-      }
+    events.emit("pushNotification", {
+      message: args.text,
+      title,
+      type: args.type
     })
-
-    globalThis.dispatchEvent(event)
   }
 }

package/src/index.js

@@ -1,7 +1,13 @@
+import configuration from "./configuration"
 import Container from "./container"
 import FlashNotifications from "./flash-notifications"
 
+if (!configuration) {
+  throw new Error("No configuration object given?")
+}
+
 export {
+  configuration,
   Container,
   FlashNotifications
 }