flash-notifications 0.0.33 → 0.0.35

package/AGENTS.md

@@ -0,0 +1,3 @@
+# Agent Notes
+
+- Use .js files instead of .mjs for new test/support files in this repo.

package/build/container/index.js

@@ -7,7 +7,7 @@ import { shapeComponent, ShapeComponent } from "set-state-compare/build/shape-co
 import useBreakpoint from "@kaspernj/api-maker/build/use-breakpoint.js";
 import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter.js";
 import useEnvSense from "env-sense/build/use-env-sense.js";
-import { View } from "react-native";
+import { Animated, View } from "react-native";
 import events from "../events.js";
 import Notification from "./notification";
 /**
@@ -23,6 +23,7 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
     });
     /** @type {number[]} */
     timeouts = [];
+    notificationSpacing = 15;
     setup() {
         this.useStates({
             count: 0,
@@ -74,7 +75,7 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
             // @ts-expect-error
             dataSet: this.rootViewDataSet ||= { component: "flash-notifications-container" }, 
             // @ts-expect-error
-            style: viewStyle, testID: "flash-notificaitons/container" }, notifications.map((notification) => React.createElement(Notification, { count: notification.count, key: `notification-${notification.count}`, message: notification.message, notification: notification, onRemovedClicked: this.onRemovedClicked, title: notification.title, type: notification.type }))));
+            style: viewStyle, testID: "flash-notificaitons/container" }, notifications.map((notification) => React.createElement(Notification, { count: notification.count, key: `notification-${notification.count}`, message: notification.message, notification: notification, onMeasured: this.onNotificationMeasured, onRemovedClicked: this.onRemovedClicked, title: notification.title, type: notification.type }))));
     }
     /**
      * @param {NotificationObjectType} detail
@@ -82,21 +83,56 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
      */
     onPushNotification = (detail) => {
         const count = this.s.count + 1;
-        const timeout = setTimeout(() => this.removeNotification(count), 4000);
+        const timeout = setTimeout(() => this.dismissNotificationByCount(count), 4000);
         this.timeouts.push(timeout);
         const notification = {
             count,
+            height: new Animated.Value(0),
+            marginBottom: new Animated.Value(this.notificationSpacing),
+            measuredHeight: undefined,
             message: digg(detail, "message"),
+            opacity: new Animated.Value(1),
+            removing: false,
+            timeout,
             title: digg(detail, "title"),
             type: digg(detail, "type")
         };
         this.setState({ count, notifications: this.s.notifications.concat([notification]) });
     };
-    onRemovedClicked = (notification) => this.removeNotification(digg(notification, "count"));
-    removeNotification = (count) => {
-        this.setState({
-            notifications: this.s.notifications.filter((notification) => notification.count != count)
+    onRemovedClicked = (notification) => this.dismissNotification(notification);
+    onNotificationMeasured = (notification, measuredHeight) => {
+        if (notification.measuredHeight)
+            return;
+        notification.measuredHeight = measuredHeight;
+        notification.height.setValue(measuredHeight);
+        this.setState({ notifications: [...this.s.notifications] });
+    };
+    dismissNotificationByCount = (count) => {
+        const notification = this.s.notifications.find((item) => item.count == count);
+        if (!notification)
+            return;
+        this.dismissNotification(notification);
+    };
+    dismissNotification = (notification) => {
+        if (notification.removing)
+            return;
+        notification.removing = true;
+        if (notification.timeout)
+            clearTimeout(notification.timeout);
+        if (!notification.measuredHeight) {
+            notification.measuredHeight = 1;
+            notification.height.setValue(1);
+            this.setState({ notifications: [...this.s.notifications] });
+        }
+        Animated.parallel([
+            Animated.timing(notification.opacity, { toValue: 0, duration: 200, useNativeDriver: false }),
+            Animated.timing(notification.height, { toValue: 0, duration: 200, useNativeDriver: false }),
+            Animated.timing(notification.marginBottom, { toValue: 0, duration: 200, useNativeDriver: false })
+        ]).start(() => {
+            this.setState({
+                notifications: this.s.notifications.filter((item) => item.count != notification.count)
+            });
         });
     };
 }));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiL3NyYy8iLCJzb3VyY2VzIjpbImNvbnRhaW5lci9pbmRleC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTtBQUVaLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDOUIsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFBO0FBQ2xDLE9BQU8sY0FBYyxNQUFNLGtCQUFrQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxFQUFFLEVBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUMsTUFBTSxPQUFPLENBQUE7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBRSxjQUFjLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQTtBQUN6RixPQUFPLGFBQWEsTUFBTSw2Q0FBNkMsQ0FBQTtBQUN2RSxPQUFPLGVBQWUsTUFBTSxnREFBZ0QsQ0FBQTtBQUM1RSxPQUFPLFdBQVcsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMxRCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sY0FBYyxDQUFBO0FBRWpDLE9BQU8sTUFBTSxNQUFNLGNBQWMsQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxnQkFBZ0IsQ0FBQTtBQUV6Qzs7Ozs7O0dBTUc7QUFFSCxlQUFlLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSwyQkFBNEIsU0FBUSxjQUFjO0lBQ3pGLE1BQU0sQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDO1FBQ2hDLE1BQU0sRUFBRSxTQUFTLENBQUMsTUFBTTtLQUN6QixDQUFDLENBQUE7SUFFRix1QkFBdUI7SUFDdkIsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUViLEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ2IsS0FBSyxFQUFFLENBQUM7WUFDUixhQUFhLEVBQUUsRUFBRTtTQUNsQixDQUFDLENBQUE7UUFFRixlQUFlLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO1FBQ3BF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Q0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUE7UUFFdEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUE7UUFFM0IsTUFBTSxZQUFZLEdBQUc7WUFDbkIsS0FBSztZQUNMLE9BQU8sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQztZQUNoQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUM7WUFDNUIsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDO1NBQzNCLENBQUE7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUMsS0FBSyxFQUFFLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxFQUFDLENBQUMsQ0FBQTtJQUNwRixDQUFDLENBQUE7SUFFRCxnQkFBZ0IsR0FBRyxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUV6RixrQkFBa0IsR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDWixhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQztTQUMxRixDQUFDLENBQUE7SUFDSixDQUFDLENBQUE7Q0FDRixDQUFDLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEB0cy1jaGVja1xuXG5pbXBvcnQge2RpZ2d9IGZyb20gXCJkaWdnZXJpemVcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgcHJvcFR5cGVzRXhhY3QgZnJvbSBcInByb3AtdHlwZXMtZXhhY3RcIlxuaW1wb3J0IFJlYWN0LCB7bWVtbywgdXNlRWZmZWN0LCB1c2VNZW1vfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHtzaGFwZUNvbXBvbmVudCwgU2hhcGVDb21wb25lbnR9IGZyb20gXCJzZXQtc3RhdGUtY29tcGFyZS9idWlsZC9zaGFwZS1jb21wb25lbnQuanNcIlxuaW1wb3J0IHVzZUJyZWFrcG9pbnQgZnJvbSBcIkBrYXNwZXJuai9hcGktbWFrZXIvYnVpbGQvdXNlLWJyZWFrcG9pbnQuanNcIlxuaW1wb3J0IHVzZUV2ZW50RW1pdHRlciBmcm9tIFwiQGthc3Blcm5qL2FwaS1tYWtlci9idWlsZC91c2UtZXZlbnQtZW1pdHRlci5qc1wiXG5pbXBvcnQgdXNlRW52U2Vuc2UgZnJvbSBcImVudi1zZW5zZS9idWlsZC91c2UtZW52LXNlbnNlLmpzXCJcbmltcG9ydCB7Vmlld30gZnJvbSBcInJlYWN0LW5hdGl2ZVwiXG5cbmltcG9ydCBldmVudHMgZnJvbSBcIi4uL2V2ZW50cy5qc1wiXG5pbXBvcnQgTm90aWZpY2F0aW9uIGZyb20gXCIuL25vdGlmaWNhdGlvblwiXG5cbi8qKlxuICogQHR5cGVkZWYge29iamVjdH0gTm90aWZpY2F0aW9uT2JqZWN0VHlwZVxuICogQHByb3BlcnR5IHtudW1iZXJ9IGNvdW50XG4gKiBAcHJvcGVydHkge3N0cmluZ30gbWVzc2FnZVxuICogQHByb3BlcnR5IHtzdHJpbmd9IHRpdGxlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gdHlwZVxuICovXG5cbmV4cG9ydCBkZWZhdWx0IG1lbW8oc2hhcGVDb21wb25lbnQoY2xhc3MgRmxhc2hOb3RpZmljYXRpb25zQ29udGFpbmVyIGV4dGVuZHMgU2hhcGVDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0gcHJvcFR5cGVzRXhhY3Qoe1xuICAgIGluc2V0czogUHJvcFR5cGVzLm9iamVjdFxuICB9KVxuXG4gIC8qKiBAdHlwZSB7bnVtYmVyW119ICovXG4gIHRpbWVvdXRzID0gW11cblxuICBzZXR1cCgpIHtcbiAgICB0aGlzLnVzZVN0YXRlcyh7XG4gICAgICBjb3VudDogMCxcbiAgICAgIG5vdGlmaWNhdGlvbnM6IFtdXG4gICAgfSlcblxuICAgIHVzZUV2ZW50RW1pdHRlcihldmVudHMsIFwicHVzaE5vdGlmaWNhdGlvblwiLCB0aGlzLm9uUHVzaE5vdGlmaWNhdGlvbilcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgZm9yIChjb25zdCB0aW1lb3V0IG9mIHRoaXMudGltZW91dHMpIHtcbiAgICAgICAgICBjbGVhclRpbWVvdXQodGltZW91dClcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sIFtdKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtub3RpZmljYXRpb25zfSA9IHRoaXMuc1xuICAgIGNvbnN0IGluc2V0cyA9IHRoaXMucHJvcHMuaW5zZXRzIHx8IHt9XG5cbiAgICBjb25zdCB7c21Eb3duLCBtZFVwfSA9IHVzZUJyZWFrcG9pbnQoKVxuICAgIGNvbnN0IHtpc05hdGl2ZX0gPSB1c2VFbnZTZW5zZSgpXG5cbiAgICBjb25zdCB2aWV3U3R5bGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGxldCB0b3AgPSAyMFxuICAgICAgbGV0IHJpZ2h0ID0gMFxuICAgICAgbGV0IGxlZnQgPSB1bmRlZmluZWRcblxuICAgICAgaWYgKGluc2V0cy50b3ApIHRvcCArPSBpbnNldHMudG9wXG4gICAgICBpZiAoaW5zZXRzLnJpZ2h0KSByaWdodCArPSBpbnNldHMucmlnaHRcblxuICAgICAgaWYgKHNtRG93bikge1xuICAgICAgICBsZWZ0ID0gMjBcblxuICAgICAgICBpZiAoaW5zZXRzLmxlZnQpIGxlZnQgKz0gaW5zZXRzLmxlZnRcblxuICAgICAgICByaWdodCArPSAyMFxuICAgICAgfSBlbHNlIGlmIChtZFVwKSB7XG4gICAgICAgIHJpZ2h0ICs9IDIwXG4gICAgICB9XG5cbiAgICAgIGNvbnN0IHN0eWxlID0ge1xuICAgICAgICBwb3NpdGlvbjogaXNOYXRpdmUgPyBcImFic29sdXRlXCIgOiBcImZpeGVkXCIsXG4gICAgICAgIHRvcCxcbiAgICAgICAgcmlnaHQsXG4gICAgICAgIGxlZnQsXG4gICAgICAgIHpJbmRleDogOTk5OTlcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHN0eWxlXG4gICAgfSwgW2lzTmF0aXZlLCBzbURvd24sIG1kVXAsIGluc2V0cy50b3AsIGluc2V0cy5yaWdodCwgaW5zZXRzLmxlZnRdKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWaWV3XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgZGF0YVNldD17dGhpcy5yb290Vmlld0RhdGFTZXQgfHw9IHtjb21wb25lbnQ6IFwiZmxhc2gtbm90aWZpY2F0aW9ucy1jb250YWluZXJcIn19XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgc3R5bGU9e3ZpZXdTdHlsZX1cbiAgICAgICAgdGVzdElEPVwiZmxhc2gtbm90aWZpY2FpdG9ucy9jb250YWluZXJcIlxuICAgICAgPlxuICAgICAgICB7bm90aWZpY2F0aW9ucy5tYXAoKG5vdGlmaWNhdGlvbikgPT5cbiAgICAgICAgICA8Tm90aWZpY2F0aW9uXG4gICAgICAgICAgICBjb3VudD17bm90aWZpY2F0aW9uLmNvdW50fVxuICAgICAgICAgICAga2V5PXtgbm90aWZpY2F0aW9uLSR7bm90aWZpY2F0aW9uLmNvdW50fWB9XG4gICAgICAgICAgICBtZXNzYWdlPXtub3RpZmljYXRpb24ubWVzc2FnZX1cbiAgICAgICAgICAgIG5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgICAgICAgb25SZW1vdmVkQ2xpY2tlZD17dGhpcy5vblJlbW92ZWRDbGlja2VkfVxuICAgICAgICAgICAgdGl0bGU9e25vdGlmaWNhdGlvbi50aXRsZX1cbiAgICAgICAgICAgIHR5cGU9e25vdGlmaWNhdGlvbi50eXBlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1ZpZXc+XG4gICAgKVxuICB9XG5cbiAgLyoqXG4gICAqIEBwYXJhbSB7Tm90aWZpY2F0aW9uT2JqZWN0VHlwZX0gZGV0YWlsXG4gICAqIEByZXR1cm5zIHt2b2lkfVxuICAgKi9cbiAgb25QdXNoTm90aWZpY2F0aW9uID0gKGRldGFpbCkgPT4ge1xuICAgIGNvbnN0IGNvdW50ID0gdGhpcy5zLmNvdW50ICsgMVxuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMucmVtb3ZlTm90aWZpY2F0aW9uKGNvdW50KSwgNDAwMClcblxuICAgIHRoaXMudGltZW91dHMucHVzaCh0aW1lb3V0KVxuXG4gICAgY29uc3Qgbm90aWZpY2F0aW9uID0ge1xuICAgICAgY291bnQsXG4gICAgICBtZXNzYWdlOiBkaWdnKGRldGFpbCwgXCJtZXNzYWdlXCIpLFxuICAgICAgdGl0bGU6IGRpZ2coZGV0YWlsLCBcInRpdGxlXCIpLFxuICAgICAgdHlwZTogZGlnZyhkZXRhaWwsIFwidHlwZVwiKVxuICAgIH1cblxuICAgIHRoaXMuc2V0U3RhdGUoe2NvdW50LCBub3RpZmljYXRpb25zOiB0aGlzLnMubm90aWZpY2F0aW9ucy5jb25jYXQoW25vdGlmaWNhdGlvbl0pfSlcbiAgfVxuXG4gIG9uUmVtb3ZlZENsaWNrZWQgPSAobm90aWZpY2F0aW9uKSA9PiB0aGlzLnJlbW92ZU5vdGlmaWNhdGlvbihkaWdnKG5vdGlmaWNhdGlvbiwgXCJjb3VudFwiKSlcblxuICByZW1vdmVOb3RpZmljYXRpb24gPSAoY291bnQpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIG5vdGlmaWNhdGlvbnM6IHRoaXMucy5ub3RpZmljYXRpb25zLmZpbHRlcigobm90aWZpY2F0aW9uKSA9PiBub3RpZmljYXRpb24uY291bnQgIT0gY291bnQpXG4gICAgfSlcbiAgfVxufSkpXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiL3NyYy8iLCJzb3VyY2VzIjpbImNvbnRhaW5lci9pbmRleC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTtBQUVaLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDOUIsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFBO0FBQ2xDLE9BQU8sY0FBYyxNQUFNLGtCQUFrQixDQUFBO0FBQzdDLE9BQU8sS0FBSyxFQUFFLEVBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUMsTUFBTSxPQUFPLENBQUE7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBRSxjQUFjLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQTtBQUN6RixPQUFPLGFBQWEsTUFBTSw2Q0FBNkMsQ0FBQTtBQUN2RSxPQUFPLGVBQWUsTUFBTSxnREFBZ0QsQ0FBQTtBQUM1RSxPQUFPLFdBQVcsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMxRCxPQUFPLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQyxNQUFNLGNBQWMsQ0FBQTtBQUUzQyxPQUFPLE1BQU0sTUFBTSxjQUFjLENBQUE7QUFDakMsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekM7Ozs7OztHQU1HO0FBRUgsZUFBZSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sMkJBQTRCLFNBQVEsY0FBYztJQUN6RixNQUFNLENBQUMsU0FBUyxHQUFHLGNBQWMsQ0FBQztRQUNoQyxNQUFNLEVBQUUsU0FBUyxDQUFDLE1BQU07S0FDekIsQ0FBQyxDQUFBO0lBRUYsdUJBQXVCO0lBQ3ZCLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDYixtQkFBbUIsR0FBRyxFQUFFLENBQUE7SUFFeEIsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLENBQUM7WUFDYixLQUFLLEVBQUUsQ0FBQztZQUNSLGFBQWEsRUFBRSxFQUFFO1NBQ2xCLENBQUMsQ0FBQTtRQUVGLGVBQWUsQ0FBQyxNQUFNLEVBQUUsa0JBQWtC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QyxZQUFZLENBQUMsT0FBTyxFQUFFLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUMsQ0FBQztZQUMxRixRQUFRLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUUsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBQyxDQUFDO1lBQ3pGLFFBQVEsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFDLENBQUM7U0FDaEcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsUUFBUSxDQUFDO2dCQUNaLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQzthQUN2RixDQUFDLENBQUE7UUFDSixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUMsQ0FBQTtDQUNGLENBQUMsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQHRzLWNoZWNrXG5cbmltcG9ydCB7ZGlnZ30gZnJvbSBcImRpZ2dlcml6ZVwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBwcm9wVHlwZXNFeGFjdCBmcm9tIFwicHJvcC10eXBlcy1leGFjdFwiXG5pbXBvcnQgUmVhY3QsIHttZW1vLCB1c2VFZmZlY3QsIHVzZU1lbW99IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQge3NoYXBlQ29tcG9uZW50LCBTaGFwZUNvbXBvbmVudH0gZnJvbSBcInNldC1zdGF0ZS1jb21wYXJlL2J1aWxkL3NoYXBlLWNvbXBvbmVudC5qc1wiXG5pbXBvcnQgdXNlQnJlYWtwb2ludCBmcm9tIFwiQGthc3Blcm5qL2FwaS1tYWtlci9idWlsZC91c2UtYnJlYWtwb2ludC5qc1wiXG5pbXBvcnQgdXNlRXZlbnRFbWl0dGVyIGZyb20gXCJAa2FzcGVybmovYXBpLW1ha2VyL2J1aWxkL3VzZS1ldmVudC1lbWl0dGVyLmpzXCJcbmltcG9ydCB1c2VFbnZTZW5zZSBmcm9tIFwiZW52LXNlbnNlL2J1aWxkL3VzZS1lbnYtc2Vuc2UuanNcIlxuaW1wb3J0IHtBbmltYXRlZCwgVmlld30gZnJvbSBcInJlYWN0LW5hdGl2ZVwiXG5cbmltcG9ydCBldmVudHMgZnJvbSBcIi4uL2V2ZW50cy5qc1wiXG5pbXBvcnQgTm90aWZpY2F0aW9uIGZyb20gXCIuL25vdGlmaWNhdGlvblwiXG5cbi8qKlxuICogQHR5cGVkZWYge29iamVjdH0gTm90aWZpY2F0aW9uT2JqZWN0VHlwZVxuICogQHByb3BlcnR5IHtudW1iZXJ9IGNvdW50XG4gKiBAcHJvcGVydHkge3N0cmluZ30gbWVzc2FnZVxuICogQHByb3BlcnR5IHtzdHJpbmd9IHRpdGxlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gdHlwZVxuICovXG5cbmV4cG9ydCBkZWZhdWx0IG1lbW8oc2hhcGVDb21wb25lbnQoY2xhc3MgRmxhc2hOb3RpZmljYXRpb25zQ29udGFpbmVyIGV4dGVuZHMgU2hhcGVDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0gcHJvcFR5cGVzRXhhY3Qoe1xuICAgIGluc2V0czogUHJvcFR5cGVzLm9iamVjdFxuICB9KVxuXG4gIC8qKiBAdHlwZSB7bnVtYmVyW119ICovXG4gIHRpbWVvdXRzID0gW11cbiAgbm90aWZpY2F0aW9uU3BhY2luZyA9IDE1XG5cbiAgc2V0dXAoKSB7XG4gICAgdGhpcy51c2VTdGF0ZXMoe1xuICAgICAgY291bnQ6IDAsXG4gICAgICBub3RpZmljYXRpb25zOiBbXVxuICAgIH0pXG5cbiAgICB1c2VFdmVudEVtaXR0ZXIoZXZlbnRzLCBcInB1c2hOb3RpZmljYXRpb25cIiwgdGhpcy5vblB1c2hOb3RpZmljYXRpb24pXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgdGltZW91dCBvZiB0aGlzLnRpbWVvdXRzKSB7XG4gICAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LCBbXSlcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7bm90aWZpY2F0aW9uc30gPSB0aGlzLnNcbiAgICBjb25zdCBpbnNldHMgPSB0aGlzLnByb3BzLmluc2V0cyB8fCB7fVxuXG4gICAgY29uc3Qge3NtRG93biwgbWRVcH0gPSB1c2VCcmVha3BvaW50KClcbiAgICBjb25zdCB7aXNOYXRpdmV9ID0gdXNlRW52U2Vuc2UoKVxuXG4gICAgY29uc3Qgdmlld1N0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBsZXQgdG9wID0gMjBcbiAgICAgIGxldCByaWdodCA9IDBcbiAgICAgIGxldCBsZWZ0ID0gdW5kZWZpbmVkXG5cbiAgICAgIGlmIChpbnNldHMudG9wKSB0b3AgKz0gaW5zZXRzLnRvcFxuICAgICAgaWYgKGluc2V0cy5yaWdodCkgcmlnaHQgKz0gaW5zZXRzLnJpZ2h0XG5cbiAgICAgIGlmIChzbURvd24pIHtcbiAgICAgICAgbGVmdCA9IDIwXG5cbiAgICAgICAgaWYgKGluc2V0cy5sZWZ0KSBsZWZ0ICs9IGluc2V0cy5sZWZ0XG5cbiAgICAgICAgcmlnaHQgKz0gMjBcbiAgICAgIH0gZWxzZSBpZiAobWRVcCkge1xuICAgICAgICByaWdodCArPSAyMFxuICAgICAgfVxuXG4gICAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgcG9zaXRpb246IGlzTmF0aXZlID8gXCJhYnNvbHV0ZVwiIDogXCJmaXhlZFwiLFxuICAgICAgICB0b3AsXG4gICAgICAgIHJpZ2h0LFxuICAgICAgICBsZWZ0LFxuICAgICAgICB6SW5kZXg6IDk5OTk5XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBzdHlsZVxuICAgIH0sIFtpc05hdGl2ZSwgc21Eb3duLCBtZFVwLCBpbnNldHMudG9wLCBpbnNldHMucmlnaHQsIGluc2V0cy5sZWZ0XSlcblxuICAgIHJldHVybiAoXG4gICAgICA8Vmlld1xuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIGRhdGFTZXQ9e3RoaXMucm9vdFZpZXdEYXRhU2V0IHx8PSB7Y29tcG9uZW50OiBcImZsYXNoLW5vdGlmaWNhdGlvbnMtY29udGFpbmVyXCJ9fVxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIHN0eWxlPXt2aWV3U3R5bGV9XG4gICAgICAgIHRlc3RJRD1cImZsYXNoLW5vdGlmaWNhaXRvbnMvY29udGFpbmVyXCJcbiAgICAgID5cbiAgICAgICAge25vdGlmaWNhdGlvbnMubWFwKChub3RpZmljYXRpb24pID0+XG4gICAgICAgICAgPE5vdGlmaWNhdGlvblxuICAgICAgICAgICAgY291bnQ9e25vdGlmaWNhdGlvbi5jb3VudH1cbiAgICAgICAgICAgIGtleT17YG5vdGlmaWNhdGlvbi0ke25vdGlmaWNhdGlvbi5jb3VudH1gfVxuICAgICAgICAgICAgbWVzc2FnZT17bm90aWZpY2F0aW9uLm1lc3NhZ2V9XG4gICAgICAgICAgICBub3RpZmljYXRpb249e25vdGlmaWNhdGlvbn1cbiAgICAgICAgICAgIG9uTWVhc3VyZWQ9e3RoaXMub25Ob3RpZmljYXRpb25NZWFzdXJlZH1cbiAgICAgICAgICAgIG9uUmVtb3ZlZENsaWNrZWQ9e3RoaXMub25SZW1vdmVkQ2xpY2tlZH1cbiAgICAgICAgICAgIHRpdGxlPXtub3RpZmljYXRpb24udGl0bGV9XG4gICAgICAgICAgICB0eXBlPXtub3RpZmljYXRpb24udHlwZX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9WaWV3PlxuICAgIClcbiAgfVxuXG4gIC8qKlxuICAgKiBAcGFyYW0ge05vdGlmaWNhdGlvbk9iamVjdFR5cGV9IGRldGFpbFxuICAgKiBAcmV0dXJucyB7dm9pZH1cbiAgICovXG4gIG9uUHVzaE5vdGlmaWNhdGlvbiA9IChkZXRhaWwpID0+IHtcbiAgICBjb25zdCBjb3VudCA9IHRoaXMucy5jb3VudCArIDFcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB0aGlzLmRpc21pc3NOb3RpZmljYXRpb25CeUNvdW50KGNvdW50KSwgNDAwMClcblxuICAgIHRoaXMudGltZW91dHMucHVzaCh0aW1lb3V0KVxuXG4gICAgY29uc3Qgbm90aWZpY2F0aW9uID0ge1xuICAgICAgY291bnQsXG4gICAgICBoZWlnaHQ6IG5ldyBBbmltYXRlZC5WYWx1ZSgwKSxcbiAgICAgIG1hcmdpbkJvdHRvbTogbmV3IEFuaW1hdGVkLlZhbHVlKHRoaXMubm90aWZpY2F0aW9uU3BhY2luZyksXG4gICAgICBtZWFzdXJlZEhlaWdodDogdW5kZWZpbmVkLFxuICAgICAgbWVzc2FnZTogZGlnZyhkZXRhaWwsIFwibWVzc2FnZVwiKSxcbiAgICAgIG9wYWNpdHk6IG5ldyBBbmltYXRlZC5WYWx1ZSgxKSxcbiAgICAgIHJlbW92aW5nOiBmYWxzZSxcbiAgICAgIHRpbWVvdXQsXG4gICAgICB0aXRsZTogZGlnZyhkZXRhaWwsIFwidGl0bGVcIiksXG4gICAgICB0eXBlOiBkaWdnKGRldGFpbCwgXCJ0eXBlXCIpXG4gICAgfVxuXG4gICAgdGhpcy5zZXRTdGF0ZSh7Y291bnQsIG5vdGlmaWNhdGlvbnM6IHRoaXMucy5ub3RpZmljYXRpb25zLmNvbmNhdChbbm90aWZpY2F0aW9uXSl9KVxuICB9XG5cbiAgb25SZW1vdmVkQ2xpY2tlZCA9IChub3RpZmljYXRpb24pID0+IHRoaXMuZGlzbWlzc05vdGlmaWNhdGlvbihub3RpZmljYXRpb24pXG5cbiAgb25Ob3RpZmljYXRpb25NZWFzdXJlZCA9IChub3RpZmljYXRpb24sIG1lYXN1cmVkSGVpZ2h0KSA9PiB7XG4gICAgaWYgKG5vdGlmaWNhdGlvbi5tZWFzdXJlZEhlaWdodCkgcmV0dXJuXG5cbiAgICBub3RpZmljYXRpb24ubWVhc3VyZWRIZWlnaHQgPSBtZWFzdXJlZEhlaWdodFxuICAgIG5vdGlmaWNhdGlvbi5oZWlnaHQuc2V0VmFsdWUobWVhc3VyZWRIZWlnaHQpXG4gICAgdGhpcy5zZXRTdGF0ZSh7bm90aWZpY2F0aW9uczogWy4uLnRoaXMucy5ub3RpZmljYXRpb25zXX0pXG4gIH1cblxuICBkaXNtaXNzTm90aWZpY2F0aW9uQnlDb3VudCA9IChjb3VudCkgPT4ge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbiA9IHRoaXMucy5ub3RpZmljYXRpb25zLmZpbmQoKGl0ZW0pID0+IGl0ZW0uY291bnQgPT0gY291bnQpXG4gICAgaWYgKCFub3RpZmljYXRpb24pIHJldHVyblxuICAgIHRoaXMuZGlzbWlzc05vdGlmaWNhdGlvbihub3RpZmljYXRpb24pXG4gIH1cblxuICBkaXNtaXNzTm90aWZpY2F0aW9uID0gKG5vdGlmaWNhdGlvbikgPT4ge1xuICAgIGlmIChub3RpZmljYXRpb24ucmVtb3ZpbmcpIHJldHVyblxuICAgIG5vdGlmaWNhdGlvbi5yZW1vdmluZyA9IHRydWVcbiAgICBpZiAobm90aWZpY2F0aW9uLnRpbWVvdXQpIGNsZWFyVGltZW91dChub3RpZmljYXRpb24udGltZW91dClcblxuICAgIGlmICghbm90aWZpY2F0aW9uLm1lYXN1cmVkSGVpZ2h0KSB7XG4gICAgICBub3RpZmljYXRpb24ubWVhc3VyZWRIZWlnaHQgPSAxXG4gICAgICBub3RpZmljYXRpb24uaGVpZ2h0LnNldFZhbHVlKDEpXG4gICAgICB0aGlzLnNldFN0YXRlKHtub3RpZmljYXRpb25zOiBbLi4udGhpcy5zLm5vdGlmaWNhdGlvbnNdfSlcbiAgICB9XG5cbiAgICBBbmltYXRlZC5wYXJhbGxlbChbXG4gICAgICBBbmltYXRlZC50aW1pbmcobm90aWZpY2F0aW9uLm9wYWNpdHksIHt0b1ZhbHVlOiAwLCBkdXJhdGlvbjogMjAwLCB1c2VOYXRpdmVEcml2ZXI6IGZhbHNlfSksXG4gICAgICBBbmltYXRlZC50aW1pbmcobm90aWZpY2F0aW9uLmhlaWdodCwge3RvVmFsdWU6IDAsIGR1cmF0aW9uOiAyMDAsIHVzZU5hdGl2ZURyaXZlcjogZmFsc2V9KSxcbiAgICAgIEFuaW1hdGVkLnRpbWluZyhub3RpZmljYXRpb24ubWFyZ2luQm90dG9tLCB7dG9WYWx1ZTogMCwgZHVyYXRpb246IDIwMCwgdXNlTmF0aXZlRHJpdmVyOiBmYWxzZX0pXG4gICAgXSkuc3RhcnQoKCkgPT4ge1xuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIG5vdGlmaWNhdGlvbnM6IHRoaXMucy5ub3RpZmljYXRpb25zLmZpbHRlcigoaXRlbSkgPT4gaXRlbS5jb3VudCAhPSBub3RpZmljYXRpb24uY291bnQpXG4gICAgICB9KVxuICAgIH0pXG4gIH1cbn0pKVxuIl19

package/build/container/notification.js

@@ -1,12 +1,11 @@
 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 { Animated, Pressable, StyleSheet, Text, View } from "react-native";
 import { shapeComponent, ShapeComponent } from "set-state-compare/build/shape-component.js";
 import useStyles from "@kaspernj/api-maker/build/use-styles.js";
 const styles = StyleSheet.create({
     view: {
-        marginBottom: 15,
         padding: 15,
         borderRadius: 11,
         cursor: "pointer"
@@ -47,6 +46,7 @@ export default memo(shapeComponent(class FlashNotificationsNotification extends
         count: PropTypes.number.isRequired,
         message: PropTypes.string.isRequired,
         notification: PropTypes.object.isRequired,
+        onMeasured: PropTypes.func.isRequired,
         onRemovedClicked: PropTypes.func.isRequired,
         title: PropTypes.string.isRequired,
         type: PropTypes.string.isRequired
@@ -64,13 +64,28 @@ export default memo(shapeComponent(class FlashNotificationsNotification extends
             role: "dialog",
             type
         }), [className, type]);
-        return (React.createElement(Pressable, { dataSet: pressableDataSet, onPress: this.tt.onRemovedClicked, testID: "flash-notifications-notification" },
-            React.createElement(View, { style: viewStyles },
+        return (React.createElement(Animated.View, { style: this.tt.wrapperStyle },
+            React.createElement(Pressable, { dataSet: pressableDataSet, onLayout: this.tt.onLayout, onPress: this.tt.onRemovedClicked, style: viewStyles, testID: "flash-notifications-notification" },
                 React.createElement(View, { style: styles.titleview, testID: "notification-title" },
                     React.createElement(Text, { style: styles.titleText, testID: `flash-notifications/notification-${count}/title` }, title)),
                 React.createElement(View, { testID: "notification-message" },
                     React.createElement(Text, { style: styles.messageText, testID: `flash-notifications/notification-${count}/message` }, message)))));
     }
+    get wrapperStyle() {
+        const { notification } = this.p;
+        return {
+            height: notification.measuredHeight ? notification.height : undefined,
+            marginBottom: notification.marginBottom,
+            opacity: notification.opacity,
+            overflow: "hidden"
+        };
+    }
     onRemovedClicked = () => this.p.onRemovedClicked(this.p.notification);
+    onLayout = (event) => {
+        const { notification } = this.p;
+        if (!notification.measuredHeight) {
+            this.p.onMeasured(notification, event.nativeEvent.layout.height);
+        }
+    };
 }));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmpzIiwic291cmNlUm9vdCI6Ii9zcmMvIiwic291cmNlcyI6WyJjb250YWluZXIvbm90aWZpY2F0aW9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxZQUFZLENBQUE7QUFDbEMsT0FBTyxjQUFjLE1BQU0sa0JBQWtCLENBQUE7QUFDN0MsT0FBTyxLQUFLLEVBQUUsRUFBQyxJQUFJLEVBQUUsT0FBTyxFQUFDLE1BQU0sT0FBTyxDQUFBO0FBQzFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFDOUQsT0FBTyxFQUFDLGNBQWMsRUFBRSxjQUFjLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQTtBQUN6RixPQUFPLFNBQVMsTUFBTSx5Q0FBeUMsQ0FBQTtBQUUvRCxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLElBQUksRUFBRTtRQUNKLFlBQVksRUFBRSxFQUFFO1FBQ2hCLE9BQU8sRUFBRSxFQUFFO1FBQ1gsWUFBWSxFQUFFLEVBQUU7UUFDaEIsTUFBTSxFQUFFLFNBQVM7S0FDbEI7SUFDRCxVQUFVLEVBQUU7UUFDVixLQUFLLEVBQUUsTUFBTTtLQUNkO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsS0FBSyxFQUFFLEdBQUc7UUFDVixRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELFNBQVMsRUFBRTtRQUNULE1BQU0sRUFBRSxtQ0FBbUM7UUFDM0MsZUFBZSxFQUFFLHlCQUF5QjtLQUMzQztJQUNELFdBQVcsRUFBRTtRQUNYLE1BQU0sRUFBRSwrQkFBK0I7UUFDdkMsZUFBZSxFQUFFLHFCQUFxQjtLQUN2QztJQUNELFNBQVMsRUFBRTtRQUNULE1BQU0sRUFBRSxrQ0FBa0M7UUFDMUMsZUFBZSxFQUFFLHdCQUF3QjtLQUMxQztJQUNELFNBQVMsRUFBRTtRQUNULFlBQVksRUFBRSxDQUFDO0tBQ2hCO0lBQ0QsU0FBUyxFQUFFO1FBQ1QsS0FBSyxFQUFFLE1BQU07UUFDYixVQUFVLEVBQUUsTUFBTTtLQUNuQjtJQUNELFdBQVcsRUFBRTtRQUNYLEtBQUssRUFBRSxNQUFNO0tBQ2Q7Q0FDRixDQUFDLENBQUE7QUFFRixlQUFlLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSw4QkFBK0IsU0FBUSxjQUFjO0lBQzVGLE1BQU0sQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDO1FBQ2hDLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTTtRQUMzQixLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVO1FBQ2xDLE9BQU8sRUFBRSxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVU7UUFDcEMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVTtRQUN6QyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVU7UUFDM0MsS0FBSyxFQUFFLFNBQVMsQ0FBQyxNQUFNLENBQUMsVUFBVTtRQUNsQyxJQUFJLEVBQUUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVO0tBQ2xDLENBQUMsQ0FBQTtJQUVGLE1BQU07UUFDSixNQUFNLEVBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFDLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQTtRQUM1QyxNQUFNLEVBQUMsU0FBUyxFQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQTtRQUU5QixNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUMsTUFBTSxFQUFFO2dCQUM1QyxTQUFTLEVBQUUsSUFBSSxJQUFJLE9BQU87Z0JBQzFCLFdBQVcsRUFBRSxJQUFJLElBQUksU0FBUztnQkFDOUIsU0FBUyxFQUFFLElBQUksSUFBSSxPQUFPO2FBQzNCLENBQUMsQ0FBQyxDQUFBO1FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxPQUFPLENBQzlCLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDTCxLQUFLLEVBQUUsU0FBUztZQUNoQixJQUFJLEVBQUUsUUFBUTtZQUNkLElBQUk7U0FDTCxDQUFDLEVBQ0YsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQ2xCLENBQUE7UUFFRCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLEVBQUMsa0NBQWtDO1lBQ2hILG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVTtnQkFDckIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBQyxvQkFBb0I7b0JBQ3hELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsb0NBQW9DLEtBQUssUUFBUSxJQUNyRixLQUFLLENBQ0QsQ0FDRjtnQkFDUCxvQkFBQyxJQUFJLElBQUMsTUFBTSxFQUFDLHNCQUFzQjtvQkFDakMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sRUFBRSxvQ0FBb0MsS0FBSyxVQUFVLElBQ3pGLE9BQU8sQ0FDSCxDQUNGLENBQ0YsQ0FDRyxDQUNiLENBQUE7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFBO0NBQ3RFLENBQUMsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgUHJvcFR5cGVzRXhhY3QgZnJvbSBcInByb3AtdHlwZXMtZXhhY3RcIlxuaW1wb3J0IFJlYWN0LCB7bWVtbywgdXNlTWVtb30gZnJvbSBcInJlYWN0XCJcbmltcG9ydCB7UHJlc3NhYmxlLCBTdHlsZVNoZWV0LCBUZXh0LCBWaWV3fSBmcm9tIFwicmVhY3QtbmF0aXZlXCJcbmltcG9ydCB7c2hhcGVDb21wb25lbnQsIFNoYXBlQ29tcG9uZW50fSBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvYnVpbGQvc2hhcGUtY29tcG9uZW50LmpzXCJcbmltcG9ydCB1c2VTdHlsZXMgZnJvbSBcIkBrYXNwZXJuai9hcGktbWFrZXIvYnVpbGQvdXNlLXN0eWxlcy5qc1wiXG5cbmNvbnN0IHN0eWxlcyA9IFN0eWxlU2hlZXQuY3JlYXRlKHtcbiAgdmlldzoge1xuICAgIG1hcmdpbkJvdHRvbTogMTUsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYm9yZGVyUmFkaXVzOiAxMSxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiXG4gIH0sXG4gIHZpZXdTbURvd246IHtcbiAgICB3aWR0aDogXCIxMDAlXCJcbiAgfSxcbiAgdmlld01kVXA6IHtcbiAgICB3aWR0aDogMzAwLFxuICAgIG1heFdpZHRoOiBcIjEwMCVcIlxuICB9LFxuICB2aWV3RXJyb3I6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHJnYmEoMTYxLCAzNCwgMzIsIDAuOTUpXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMTYxLCAzNCwgMzIsIDAuODcpXCJcbiAgfSxcbiAgdmlld1N1Y2Nlc3M6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC45NSlcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLCAwLCAwLCAwLjg3KVwiXG4gIH0sXG4gIHZpZXdBbGVydDoge1xuICAgIGJvcmRlcjogXCIxcHggc29saWQgcmdiYSgyMDQsIDUxLCAwLCAwLjk1KVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDIwNCwgNTEsIDAsIDAuODcpXCJcbiAgfSxcbiAgdGl0bGV2aWV3OiB7XG4gICAgbWFyZ2luQm90dG9tOiA1XG4gIH0sXG4gIHRpdGxlVGV4dDoge1xuICAgIGNvbG9yOiBcIiNmZmZcIixcbiAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICB9LFxuICBtZXNzYWdlVGV4dDoge1xuICAgIGNvbG9yOiBcIiNmZmZcIlxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKHNoYXBlQ29tcG9uZW50KGNsYXNzIEZsYXNoTm90aWZpY2F0aW9uc05vdGlmaWNhdGlvbiBleHRlbmRzIFNoYXBlQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IFByb3BUeXBlc0V4YWN0KHtcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgY291bnQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBtZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgbm90aWZpY2F0aW9uOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgb25SZW1vdmVkQ2xpY2tlZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICB0aXRsZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZFxuICB9KVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7Y291bnQsIG1lc3NhZ2UsIHRpdGxlLCB0eXBlfSA9IHRoaXMucFxuICAgIGNvbnN0IHtjbGFzc05hbWV9ID0gdGhpcy5wcm9wc1xuXG4gICAgY29uc3Qgdmlld1N0eWxlcyA9IHVzZVN0eWxlcyhzdHlsZXMsIFtcInZpZXdcIiwge1xuICAgICAgdmlld0Vycm9yOiB0eXBlID09IFwiZXJyb3JcIixcbiAgICAgIHZpZXdTdWNjZXNzOiB0eXBlID09IFwic3VjY2Vzc1wiLFxuICAgICAgdmlld0FsZXJ0OiB0eXBlID09IFwiYWxlcnRcIlxuICAgIH1dKVxuXG4gICAgY29uc3QgcHJlc3NhYmxlRGF0YVNldCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoe1xuICAgICAgICBjbGFzczogY2xhc3NOYW1lLFxuICAgICAgICByb2xlOiBcImRpYWxvZ1wiLFxuICAgICAgICB0eXBlXG4gICAgICB9KSxcbiAgICAgIFtjbGFzc05hbWUsIHR5cGVdXG4gICAgKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxQcmVzc2FibGUgZGF0YVNldD17cHJlc3NhYmxlRGF0YVNldH0gb25QcmVzcz17dGhpcy50dC5vblJlbW92ZWRDbGlja2VkfSB0ZXN0SUQ9XCJmbGFzaC1ub3RpZmljYXRpb25zLW5vdGlmaWNhdGlvblwiPlxuICAgICAgICA8VmlldyBzdHlsZT17dmlld1N0eWxlc30+XG4gICAgICAgICAgPFZpZXcgc3R5bGU9e3N0eWxlcy50aXRsZXZpZXd9IHRlc3RJRD1cIm5vdGlmaWNhdGlvbi10aXRsZVwiPlxuICAgICAgICAgICAgPFRleHQgc3R5bGU9e3N0eWxlcy50aXRsZVRleHR9IHRlc3RJRD17YGZsYXNoLW5vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9uLSR7Y291bnR9L3RpdGxlYH0+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1ZpZXc+XG4gICAgICAgICAgPFZpZXcgdGVzdElEPVwibm90aWZpY2F0aW9uLW1lc3NhZ2VcIj5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlPXtzdHlsZXMubWVzc2FnZVRleHR9IHRlc3RJRD17YGZsYXNoLW5vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9uLSR7Y291bnR9L21lc3NhZ2VgfT5cbiAgICAgICAgICAgICAge21lc3NhZ2V9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPC9WaWV3PlxuICAgICAgICA8L1ZpZXc+XG4gICAgICA8L1ByZXNzYWJsZT5cbiAgICApXG4gIH1cblxuICBvblJlbW92ZWRDbGlja2VkID0gKCkgPT4gdGhpcy5wLm9uUmVtb3ZlZENsaWNrZWQodGhpcy5wLm5vdGlmaWNhdGlvbilcbn0pKVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmpzIiwic291cmNlUm9vdCI6Ii9zcmMvIiwic291cmNlcyI6WyJjb250YWluZXIvbm90aWZpY2F0aW9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxZQUFZLENBQUE7QUFDbEMsT0FBTyxjQUFjLE1BQU0sa0JBQWtCLENBQUE7QUFDN0MsT0FBTyxLQUFLLEVBQUUsRUFBQyxJQUFJLEVBQUUsT0FBTyxFQUFDLE1BQU0sT0FBTyxDQUFBO0FBQzFDLE9BQU8sRUFBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFDLE1BQU0sY0FBYyxDQUFBO0FBQ3hFLE9BQU8sRUFBQyxjQUFjLEVBQUUsY0FBYyxFQUFDLE1BQU0sNENBQTRDLENBQUE7QUFDekYsT0FBTyxTQUFTLE1BQU0seUNBQXlDLENBQUE7QUFFL0QsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixJQUFJLEVBQUU7UUFDSixPQUFPLEVBQUUsRUFBRTtRQUNYLFlBQVksRUFBRSxFQUFFO1FBQ2hCLE1BQU0sRUFBRSxTQUFTO0tBQ2xCO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsS0FBSyxFQUFFLE1BQU07S0FDZDtJQUNELFFBQVEsRUFBRTtRQUNSLEtBQUssRUFBRSxHQUFHO1FBQ1YsUUFBUSxFQUFFLE1BQU07S0FDakI7SUFDRCxTQUFTLEVBQUU7UUFDVCxNQUFNLEVBQUUsbUNBQW1DO1FBQzNDLGVBQWUsRUFBRSx5QkFBeUI7S0FDM0M7SUFDRCxXQUFXLEVBQUU7UUFDWCxNQUFNLEVBQUUsK0JBQStCO1FBQ3ZDLGVBQWUsRUFBRSxxQkFBcUI7S0FDdkM7SUFDRCxTQUFTLEVBQUU7UUFDVCxNQUFNLEVBQUUsa0NBQWtDO1FBQzFDLGVBQWUsRUFBRSx3QkFBd0I7S0FDMUM7SUFDRCxTQUFTLEVBQUU7UUFDVCxZQUFZLEVBQUUsQ0FBQztLQUNoQjtJQUNELFNBQVMsRUFBRTtRQUNULEtB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LEVBQUUsUUFBUTtTQUNuQixDQUFBO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUVyRSxRQUFRLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUNuQixNQUFNLEVBQUMsWUFBWSxFQUFDLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQTtRQUU3QixJQUFJLENBQUMsWUFBWSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ2pDLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQTtRQUNsRSxDQUFDO0lBQ0gsQ0FBQyxDQUFBO0NBQ0YsQ0FBQyxDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBQcm9wVHlwZXNFeGFjdCBmcm9tIFwicHJvcC10eXBlcy1leGFjdFwiXG5pbXBvcnQgUmVhY3QsIHttZW1vLCB1c2VNZW1vfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHtBbmltYXRlZCwgUHJlc3NhYmxlLCBTdHlsZVNoZWV0LCBUZXh0LCBWaWV3fSBmcm9tIFwicmVhY3QtbmF0aXZlXCJcbmltcG9ydCB7c2hhcGVDb21wb25lbnQsIFNoYXBlQ29tcG9uZW50fSBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvYnVpbGQvc2hhcGUtY29tcG9uZW50LmpzXCJcbmltcG9ydCB1c2VTdHlsZXMgZnJvbSBcIkBrYXNwZXJuai9hcGktbWFrZXIvYnVpbGQvdXNlLXN0eWxlcy5qc1wiXG5cbmNvbnN0IHN0eWxlcyA9IFN0eWxlU2hlZXQuY3JlYXRlKHtcbiAgdmlldzoge1xuICAgIHBhZGRpbmc6IDE1LFxuICAgIGJvcmRlclJhZGl1czogMTEsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIlxuICB9LFxuICB2aWV3U21Eb3duOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiXG4gIH0sXG4gIHZpZXdNZFVwOiB7XG4gICAgd2lkdGg6IDMwMCxcbiAgICBtYXhXaWR0aDogXCIxMDAlXCJcbiAgfSxcbiAgdmlld0Vycm9yOiB7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCByZ2JhKDE2MSwgMzQsIDMyLCAwLjk1KVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDE2MSwgMzQsIDMyLCAwLjg3KVwiXG4gIH0sXG4gIHZpZXdTdWNjZXNzOiB7XG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuOTUpXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwgMCwgMCwgMC44NylcIlxuICB9LFxuICB2aWV3QWxlcnQ6IHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHJnYmEoMjA0LCA1MSwgMCwgMC45NSlcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgyMDQsIDUxLCAwLCAwLjg3KVwiXG4gIH0sXG4gIHRpdGxldmlldzoge1xuICAgIG1hcmdpbkJvdHRvbTogNVxuICB9LFxuICB0aXRsZVRleHQ6IHtcbiAgICBjb2xvcjogXCIjZmZmXCIsXG4gICAgZm9udFdlaWdodDogXCJib2xkXCJcbiAgfSxcbiAgbWVzc2FnZVRleHQ6IHtcbiAgICBjb2xvcjogXCIjZmZmXCJcbiAgfVxufSlcblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhzaGFwZUNvbXBvbmVudChjbGFzcyBGbGFzaE5vdGlmaWNhdGlvbnNOb3RpZmljYXRpb24gZXh0ZW5kcyBTaGFwZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSBQcm9wVHlwZXNFeGFjdCh7XG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNvdW50OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgbWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIG5vdGlmaWNhdGlvbjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICAgIG9uTWVhc3VyZWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgb25SZW1vdmVkQ2xpY2tlZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICB0aXRsZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZFxuICB9KVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7Y291bnQsIG1lc3NhZ2UsIHRpdGxlLCB0eXBlfSA9IHRoaXMucFxuICAgIGNvbnN0IHtjbGFzc05hbWV9ID0gdGhpcy5wcm9wc1xuXG4gICAgY29uc3Qgdmlld1N0eWxlcyA9IHVzZVN0eWxlcyhzdHlsZXMsIFtcInZpZXdcIiwge1xuICAgICAgdmlld0Vycm9yOiB0eXBlID09IFwiZXJyb3JcIixcbiAgICAgIHZpZXdTdWNjZXNzOiB0eXBlID09IFwic3VjY2Vzc1wiLFxuICAgICAgdmlld0FsZXJ0OiB0eXBlID09IFwiYWxlcnRcIlxuICAgIH1dKVxuXG4gICAgY29uc3QgcHJlc3NhYmxlRGF0YVNldCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoe1xuICAgICAgICBjbGFzczogY2xhc3NOYW1lLFxuICAgICAgICByb2xlOiBcImRpYWxvZ1wiLFxuICAgICAgICB0eXBlXG4gICAgICB9KSxcbiAgICAgIFtjbGFzc05hbWUsIHR5cGVdXG4gICAgKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBbmltYXRlZC5WaWV3IHN0eWxlPXt0aGlzLnR0LndyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxQcmVzc2FibGVcbiAgICAgICAgICBkYXRhU2V0PXtwcmVzc2FibGVEYXRhU2V0fVxuICAgICAgICAgIG9uTGF5b3V0PXt0aGlzLnR0Lm9uTGF5b3V0fVxuICAgICAgICAgIG9uUHJlc3M9e3RoaXMudHQub25SZW1vdmVkQ2xpY2tlZH1cbiAgICAgICAgICBzdHlsZT17dmlld1N0eWxlc31cbiAgICAgICAgICB0ZXN0SUQ9XCJmbGFzaC1ub3RpZmljYXRpb25zLW5vdGlmaWNhdGlvblwiXG4gICAgICAgID5cbiAgICAgICAgICA8VmlldyBzdHlsZT17c3R5bGVzLnRpdGxldmlld30gdGVzdElEPVwibm90aWZpY2F0aW9uLXRpdGxlXCI+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZT17c3R5bGVzLnRpdGxlVGV4dH0gdGVzdElEPXtgZmxhc2gtbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb24tJHtjb3VudH0vdGl0bGVgfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvVmlldz5cbiAgICAgICAgICA8VmlldyB0ZXN0SUQ9XCJub3RpZmljYXRpb24tbWVzc2FnZVwiPlxuICAgICAgICAgICAgPFRleHQgc3R5bGU9e3N0eWxlcy5tZXNzYWdlVGV4dH0gdGVzdElEPXtgZmxhc2gtbm90aWZpY2F0aW9ucy9ub3RpZmljYXRpb24tJHtjb3VudH0vbWVzc2FnZWB9PlxuICAgICAgICAgICAgICB7bWVzc2FnZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L1ZpZXc+XG4gICAgICAgIDwvUHJlc3NhYmxlPlxuICAgICAgPC9BbmltYXRlZC5WaWV3PlxuICAgIClcbiAgfVxuXG4gIGdldCB3cmFwcGVyU3R5bGUoKSB7XG4gICAgY29uc3Qge25vdGlmaWNhdGlvbn0gPSB0aGlzLnBcblxuICAgIHJldHVybiB7XG4gICAgICBoZWlnaHQ6IG5vdGlmaWNhdGlvbi5tZWFzdXJlZEhlaWdodCA/IG5vdGlmaWNhdGlvbi5oZWlnaHQgOiB1bmRlZmluZWQsXG4gICAgICBtYXJnaW5Cb3R0b206IG5vdGlmaWNhdGlvbi5tYXJnaW5Cb3R0b20sXG4gICAgICBvcGFjaXR5OiBub3RpZmljYXRpb24ub3BhY2l0eSxcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiXG4gICAgfVxuICB9XG5cbiAgb25SZW1vdmVkQ2xpY2tlZCA9ICgpID0+IHRoaXMucC5vblJlbW92ZWRDbGlja2VkKHRoaXMucC5ub3RpZmljYXRpb24pXG5cbiAgb25MYXlvdXQgPSAoZXZlbnQpID0+IHtcbiAgICBjb25zdCB7bm90aWZpY2F0aW9ufSA9IHRoaXMucFxuXG4gICAgaWYgKCFub3RpZmljYXRpb24ubWVhc3VyZWRIZWlnaHQpIHtcbiAgICAgIHRoaXMucC5vbk1lYXN1cmVkKG5vdGlmaWNhdGlvbiwgZXZlbnQubmF0aXZlRXZlbnQubGF5b3V0LmhlaWdodClcbiAgICB9XG4gIH1cbn0pKVxuIl19

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "flash-notifications",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "description": "My new module",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",
+    "export:web": "cd example && npm install && cd .. && npm run prepare:dummy && cd example && npx expo export -p web --output-dir dist",
     "lint": "expo-module lint -- --max-warnings 0",
-    "test": "jest --detectOpenHandles",
-    "test-expo": "expo-module test",
+    "test": "node scripts/velocious-test.js",
     "prepare": "expo-module prepare",
+    "prepare:dummy": "npm run build && rm -rf example/node_modules/flash-notifications && mkdir -p example/node_modules/flash-notifications && cp -r build package.json example/node_modules/flash-notifications/",
     "prepublishOnly": "expo-module prepublishOnly",
     "expo-module": "expo-module",
     "open:ios": "xed example/ios",
@@ -30,12 +31,6 @@
   "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|env-sense|fetching-object|set-state-compare|@kaspernj/api-maker)"
-    ]
-  },
   "dependencies": {
     "diggerize": "^1.0.9",
     "env-sense": "^1.0.2",
@@ -44,11 +39,13 @@
     "prop-types-exact": "*"
   },
   "devDependencies": {
-    "@testing-library/react-native": "~13.2.0",
     "@types/react": "~18.3.12",
     "expo": "~53.0.9",
     "expo-module-scripts": "^4.0.2",
-    "react-native": "~0.76.9"
+    "react-native": "~0.76.9",
+    "selenium-webdriver": "^4.35.0",
+    "system-testing": "^1.0.56",
+    "velocious": "^1.0.175"
   },
   "peerDependencies": {
     "@kaspernj/api-maker": ">= 1.0.2058",

package/scripts/velocious-test.js

@@ -0,0 +1,186 @@
+import Configuration from "velocious/build/src/configuration.js"
+import NodeEnvironmentHandler from "velocious/build/src/environment-handlers/node.js"
+import TestFilesFinder from "velocious/build/src/testing/test-files-finder.js"
+import TestRunner from "velocious/build/src/testing/test-runner.js"
+import fs from "node:fs/promises"
+import {execFileSync} from "node:child_process"
+import path from "node:path"
+
+const INCLUDE_TAG_FLAGS = new Set(["--tag", "--include-tag", "-t"])
+const EXCLUDE_TAG_FLAGS = new Set(["--exclude-tag", "--skip-tag", "-x"])
+
+const splitTags = (value) => {
+  if (!value) return []
+
+  return value
+    .split(",")
+    .map((tag) => tag.trim())
+    .filter(Boolean)
+}
+
+const parseTagFilters = (processArgs) => {
+  const includeTags = []
+  const excludeTags = []
+  const filteredProcessArgs = []
+  let inRestArgs = false
+
+  for (let i = 0; i < processArgs.length; i++) {
+    const arg = processArgs[i]
+
+    if (arg === "--") {
+      inRestArgs = true
+      filteredProcessArgs.push(arg)
+      continue
+    }
+
+    if (!inRestArgs) {
+      if (INCLUDE_TAG_FLAGS.has(arg)) {
+        const nextValue = processArgs[i + 1]
+
+        if (nextValue && !nextValue.startsWith("-")) {
+          includeTags.push(...splitTags(nextValue))
+          i++
+        }
+
+        continue
+      }
+
+      if (EXCLUDE_TAG_FLAGS.has(arg)) {
+        const nextValue = processArgs[i + 1]
+
+        if (nextValue && !nextValue.startsWith("-")) {
+          excludeTags.push(...splitTags(nextValue))
+          i++
+        }
+
+        continue
+      }
+
+      if (arg.startsWith("--tag=")) {
+        includeTags.push(...splitTags(arg.slice("--tag=".length)))
+        continue
+      }
+
+      if (arg.startsWith("--include-tag=")) {
+        includeTags.push(...splitTags(arg.slice("--include-tag=".length)))
+        continue
+      }
+
+      if (arg.startsWith("--exclude-tag=")) {
+        excludeTags.push(...splitTags(arg.slice("--exclude-tag=".length)))
+        continue
+      }
+
+      if (arg.startsWith("--skip-tag=")) {
+        excludeTags.push(...splitTags(arg.slice("--skip-tag=".length)))
+        continue
+      }
+    }
+
+    filteredProcessArgs.push(arg)
+  }
+
+  return {
+    includeTags: Array.from(new Set(includeTags)),
+    excludeTags: Array.from(new Set(excludeTags)),
+    filteredProcessArgs
+  }
+}
+
+const main = async () => {
+  const processArgs = process.argv.slice(2)
+
+  const distPath = path.join(process.cwd(), "example", "dist")
+  try {
+    await fs.stat(distPath)
+  } catch {
+    execFileSync("npm", ["run", "export:web"], {stdio: "inherit"})
+  }
+
+  const environmentHandler = new NodeEnvironmentHandler()
+  const configuration = new Configuration({
+    environment: "test",
+    environmentHandler,
+    directory: process.cwd(),
+    database: {test: {}}
+  })
+
+  configuration.setCurrent()
+
+  let directory
+  const directories = []
+
+  if (process.env.VELOCIOUS_TEST_DIR) {
+    directory = process.env.VELOCIOUS_TEST_DIR
+    directories.push(process.env.VELOCIOUS_TEST_DIR)
+  } else {
+    directory = process.cwd()
+    directories.push(process.cwd())
+    directories.push(`${process.cwd()}/__tests__`)
+    directories.push(`${process.cwd()}/tests`)
+    directories.push(`${process.cwd()}/spec`)
+  }
+
+  const {includeTags, excludeTags, filteredProcessArgs} = parseTagFilters(processArgs)
+  const testFilesFinder = new TestFilesFinder({
+    directory,
+    directories,
+    processArgs: filteredProcessArgs
+  })
+  const testFiles = await testFilesFinder.findTestFiles()
+  const testRunner = new TestRunner({configuration, excludeTags, includeTags, testFiles})
+
+  let signalHandled = false
+  const handleSignal = async (signal) => {
+    if (signalHandled) return
+
+    signalHandled = true
+    console.error(`\nReceived ${signal}, running afterAll hooks before exit...`)
+
+    try {
+      await testRunner.runAfterAllsForActiveScopes()
+    } catch (error) {
+      console.error("Failed while running afterAll hooks:", error)
+    } finally {
+      process.exit(130)
+    }
+  }
+
+  process.once("SIGINT", () => { void handleSignal("SIGINT") })
+  process.once("SIGTERM", () => { void handleSignal("SIGTERM") })
+
+  await testRunner.prepare()
+
+  if (testRunner.getTestsCount() === 0) {
+    throw new Error(`${testRunner.getTestsCount()} tests was found in ${testFiles.length} file(s)`)
+  }
+
+  await testRunner.run()
+
+  const executedTests = testRunner.getExecutedTestsCount()
+
+  if ((includeTags.length > 0 || excludeTags.length > 0) && executedTests === 0) {
+    console.error("\nNo tests matched the provided tag filters")
+    process.exit(1)
+  }
+
+  if (testRunner.isFailed()) {
+    console.error(
+      `\nTest run failed with ${testRunner.getFailedTests()} failed tests and ${testRunner.getSuccessfulTests()} successfull`
+    )
+    process.exit(1)
+  } else if (testRunner.areAnyTestsFocussed()) {
+    console.error(
+      `\nFocussed run with ${testRunner.getFailedTests()} failed tests and ${testRunner.getSuccessfulTests()} successfull`
+    )
+    process.exit(1)
+  } else {
+    console.log(`\nTest run succeeded with ${testRunner.getSuccessfulTests()} successful tests`)
+    process.exit(0)
+  }
+}
+
+main().catch((error) => {
+  console.error(error)
+  process.exit(1)
+})

package/spec/flash-notifications-spec.js

@@ -0,0 +1,46 @@
+// @ts-check
+
+import "velocious/build/src/testing/test.js"
+import SystemTest from "system-testing/build/system-test.js"
+import SystemTestHelper from "./support/system-test-helper.js"
+
+SystemTest.rootPath = "/?systemTest=true"
+
+const systemTestHelper = new SystemTestHelper()
+systemTestHelper.installHooks()
+
+describe("Flash notifications", () => {
+  it("dismisses a notification when pressed", async () => {
+    await SystemTest.run(async (systemTest) => {
+      await systemTest.visit("/")
+
+      const triggerButton = await systemTest.findByTestID("flashNotifications/showNotification")
+      await systemTest.click(triggerButton)
+
+      const notificationMessage = await systemTest.findByTestID("notification-message", {useBaseSelector: false})
+      const notificationText = await notificationMessage.getText()
+      expect(notificationText).toEqual("Dismiss me")
+      const notificationContainer = await systemTest.findByTestID("flash-notifications-notification", {useBaseSelector: false})
+
+      await systemTest.click(notificationContainer)
+      await systemTest.waitForNoSelector("[data-testid='flash-notifications-notification']", {useBaseSelector: false})
+
+    })
+  })
+
+  it("auto dismisses a notification after a delay", async () => {
+    await SystemTest.run(async (systemTest) => {
+      await systemTest.visit("/")
+
+      const triggerButton = await systemTest.findByTestID("flashNotifications/showNotification")
+      await systemTest.click(triggerButton)
+
+      const notificationMessage = await systemTest.findByTestID("notification-message", {useBaseSelector: false})
+      const notificationText = await notificationMessage.getText()
+      expect(notificationText).toEqual("Dismiss me")
+
+      await new Promise((resolve) => setTimeout(resolve, 4500))
+      await systemTest.expectNoElement("[data-testid='notification-message']", {useBaseSelector: false})
+    })
+  })
+})

package/spec/support/dummy-http-server.js

@@ -0,0 +1,52 @@
+// @ts-check
+
+import fs from "node:fs/promises"
+import path from "node:path"
+import {fileURLToPath} from "node:url"
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+/**
+ * Ensures the dummy app's dist folder is served for system tests.
+ */
+export default class DummyHttpServerEnvironment {
+  constructor({host = "dist"} = {}) {
+    this.host = host
+    this.dummyAppRoot = path.resolve(__dirname, "..", "..", "example")
+    /** @type {string | undefined} */
+    this.originalCwd = undefined
+    this.started = false
+  }
+
+  /** @returns {Promise<void>} */
+  async start() {
+    if (this.started) return
+
+    this.originalCwd = process.cwd()
+    await this.ensureDistFolder()
+    process.chdir(this.dummyAppRoot)
+    process.env.SYSTEM_TEST_HOST ||= this.host
+    this.started = true
+  }
+
+  /** @returns {Promise<void>} */
+  async stop() {
+    if (!this.started) return
+    if (this.originalCwd) process.chdir(this.originalCwd)
+    this.started = false
+  }
+
+  /** @returns {Promise<void>} */
+  async ensureDistFolder() {
+    const distPath = path.join(this.dummyAppRoot, "dist")
+
+    try {
+      const stats = await fs.stat(distPath)
+      if (!stats.isDirectory()) {
+        throw new Error(`Expected dist path to be a directory: ${distPath}`)
+      }
+    } catch (error) {
+      throw new Error(`Missing dist folder for dummy app at ${distPath}: ${error instanceof Error ? error.message : error}`)
+    }
+  }
+}

package/spec/support/system-test-helper.js

@@ -0,0 +1,99 @@
+// @ts-check
+
+import wait from "awaitery/build/wait.js"
+
+import SystemTest from "system-testing/build/system-test.js"
+import DummyHttpServerEnvironment from "./dummy-http-server.js"
+
+const globalState = /** @type {any} */ (globalThis)
+const sharedState = globalState.__systemTestHelperState ??= {
+  refCount: 0,
+  started: false,
+  /** @type {SystemTest | undefined} */
+  systemTest: undefined,
+  dummyHttpServerEnvironment: new DummyHttpServerEnvironment()
+}
+
+export default class SystemTestHelper {
+  constructor({debug = process.env.SYSTEM_TEST_DEBUG === "true"} = {}) {
+    this.debug = debug
+    this.dummyHttpServerEnvironment = sharedState.dummyHttpServerEnvironment
+    this.systemTest = sharedState.systemTest
+  }
+
+  /** @param {...any} args */
+  debugLog(...args) { if (this.debug) console.log(...args) }
+
+  installHooks() {
+    beforeAll(async () => {
+      await this.start()
+    })
+
+    afterAll(async () => {
+      await this.stop()
+    })
+  }
+
+  /** @returns {Promise<void>} */
+  async start() {
+    sharedState.refCount += 1
+    if (sharedState.started) {
+      this.systemTest = sharedState.systemTest
+      return
+    }
+
+    sharedState.started = true
+    this.debugLog("[system-test] beforeAll: starting dummy HTTP env")
+    try {
+      await this.dummyHttpServerEnvironment.start()
+      await wait(1000)
+
+      this.debugLog("[system-test] beforeAll: creating SystemTest")
+      this.systemTest = SystemTest.current({
+        debug: this.debug,
+        host: "127.0.0.1",
+        port: 3601,
+        httpHost: "0.0.0.0",
+        httpPort: 3602,
+        errorFilter: (error) => {
+          if (typeof error?.value?.[0] === "string" && error.value[0].includes("Uncaught Error: Minified React error #418; visit")) return false
+          return true
+        }
+      })
+      sharedState.systemTest = this.systemTest
+      this.debugLog("[system-test] beforeAll: starting SystemTest")
+      await this.systemTest.start()
+      this.debugLog("[system-test] beforeAll: SystemTest started")
+    } catch (error) {
+      sharedState.started = false
+      sharedState.refCount = Math.max(0, sharedState.refCount - 1)
+      console.error("[system-test] beforeAll error", error)
+      throw error
+    }
+  }
+
+  /** @returns {Promise<void>} */
+  async stop() {
+    if (!sharedState.started) return
+    sharedState.refCount = Math.max(0, sharedState.refCount - 1)
+    if (sharedState.refCount > 0) return
+
+    this.debugLog("[system-test] afterAll: stopping SystemTest and dummy HTTP env")
+    try {
+      await this.systemTest?.stop()
+      await this.dummyHttpServerEnvironment.stop()
+      this.debugLog("[system-test] afterAll: teardown complete")
+      sharedState.started = false
+      sharedState.systemTest = undefined
+    } catch (error) {
+      console.error("[system-test] afterAll error", error)
+      throw error
+    }
+  }
+
+  /** @returns {SystemTest} */
+  getSystemTest() {
+    if (!this.systemTest) throw new Error("SystemTest hasn't been started yet")
+    return this.systemTest
+  }
+}

package/src/container/index.jsx

@@ -8,7 +8,7 @@ import {shapeComponent, ShapeComponent} from "set-state-compare/build/shape-comp
 import useBreakpoint from "@kaspernj/api-maker/build/use-breakpoint.js"
 import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter.js"
 import useEnvSense from "env-sense/build/use-env-sense.js"
-import {View} from "react-native"
+import {Animated, View} from "react-native"
 
 import events from "../events.js"
 import Notification from "./notification"
@@ -28,6 +28,7 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
 
   /** @type {number[]} */
   timeouts = []
+  notificationSpacing = 15
 
   setup() {
     this.useStates({
@@ -95,6 +96,7 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
             key={`notification-${notification.count}`}
             message={notification.message}
             notification={notification}
+            onMeasured={this.onNotificationMeasured}
             onRemovedClicked={this.onRemovedClicked}
             title={notification.title}
             type={notification.type}
@@ -110,13 +112,19 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
    */
   onPushNotification = (detail) => {
     const count = this.s.count + 1
-    const timeout = setTimeout(() => this.removeNotification(count), 4000)
+    const timeout = setTimeout(() => this.dismissNotificationByCount(count), 4000)
 
     this.timeouts.push(timeout)
 
     const notification = {
       count,
+      height: new Animated.Value(0),
+      marginBottom: new Animated.Value(this.notificationSpacing),
+      measuredHeight: undefined,
       message: digg(detail, "message"),
+      opacity: new Animated.Value(1),
+      removing: false,
+      timeout,
       title: digg(detail, "title"),
       type: digg(detail, "type")
     }
@@ -124,11 +132,41 @@ export default memo(shapeComponent(class FlashNotificationsContainer extends Sha
     this.setState({count, notifications: this.s.notifications.concat([notification])})
   }
 
-  onRemovedClicked = (notification) => this.removeNotification(digg(notification, "count"))
+  onRemovedClicked = (notification) => this.dismissNotification(notification)
 
-  removeNotification = (count) => {
-    this.setState({
-      notifications: this.s.notifications.filter((notification) => notification.count != count)
+  onNotificationMeasured = (notification, measuredHeight) => {
+    if (notification.measuredHeight) return
+
+    notification.measuredHeight = measuredHeight
+    notification.height.setValue(measuredHeight)
+    this.setState({notifications: [...this.s.notifications]})
+  }
+
+  dismissNotificationByCount = (count) => {
+    const notification = this.s.notifications.find((item) => item.count == count)
+    if (!notification) return
+    this.dismissNotification(notification)
+  }
+
+  dismissNotification = (notification) => {
+    if (notification.removing) return
+    notification.removing = true
+    if (notification.timeout) clearTimeout(notification.timeout)
+
+    if (!notification.measuredHeight) {
+      notification.measuredHeight = 1
+      notification.height.setValue(1)
+      this.setState({notifications: [...this.s.notifications]})
+    }
+
+    Animated.parallel([
+      Animated.timing(notification.opacity, {toValue: 0, duration: 200, useNativeDriver: false}),
+      Animated.timing(notification.height, {toValue: 0, duration: 200, useNativeDriver: false}),
+      Animated.timing(notification.marginBottom, {toValue: 0, duration: 200, useNativeDriver: false})
+    ]).start(() => {
+      this.setState({
+        notifications: this.s.notifications.filter((item) => item.count != notification.count)
+      })
     })
   }
 }))

package/src/container/notification.jsx

@@ -1,13 +1,12 @@
 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 {Animated, Pressable, StyleSheet, Text, View} from "react-native"
 import {shapeComponent, ShapeComponent} from "set-state-compare/build/shape-component.js"
 import useStyles from "@kaspernj/api-maker/build/use-styles.js"
 
 const styles = StyleSheet.create({
   view: {
-    marginBottom: 15,
     padding: 15,
     borderRadius: 11,
     cursor: "pointer"
@@ -49,6 +48,7 @@ export default memo(shapeComponent(class FlashNotificationsNotification extends
     count: PropTypes.number.isRequired,
     message: PropTypes.string.isRequired,
     notification: PropTypes.object.isRequired,
+    onMeasured: PropTypes.func.isRequired,
     onRemovedClicked: PropTypes.func.isRequired,
     title: PropTypes.string.isRequired,
     type: PropTypes.string.isRequired
@@ -74,8 +74,14 @@ export default memo(shapeComponent(class FlashNotificationsNotification extends
     )
 
     return (
-      <Pressable dataSet={pressableDataSet} onPress={this.tt.onRemovedClicked} testID="flash-notifications-notification">
-        <View style={viewStyles}>
+      <Animated.View style={this.tt.wrapperStyle}>
+        <Pressable
+          dataSet={pressableDataSet}
+          onLayout={this.tt.onLayout}
+          onPress={this.tt.onRemovedClicked}
+          style={viewStyles}
+          testID="flash-notifications-notification"
+        >
           <View style={styles.titleview} testID="notification-title">
             <Text style={styles.titleText} testID={`flash-notifications/notification-${count}/title`}>
               {title}
@@ -86,10 +92,29 @@ export default memo(shapeComponent(class FlashNotificationsNotification extends
               {message}
             </Text>
           </View>
-        </View>
-      </Pressable>
+        </Pressable>
+      </Animated.View>
     )
   }
 
+  get wrapperStyle() {
+    const {notification} = this.p
+
+    return {
+      height: notification.measuredHeight ? notification.height : undefined,
+      marginBottom: notification.marginBottom,
+      opacity: notification.opacity,
+      overflow: "hidden"
+    }
+  }
+
   onRemovedClicked = () => this.p.onRemovedClicked(this.p.notification)
+
+  onLayout = (event) => {
+    const {notification} = this.p
+
+    if (!notification.measuredHeight) {
+      this.p.onMeasured(notification, event.nativeEvent.layout.height)
+    }
+  }
 }))