@plentymarkets/shop-core 1.26.0 → 1.26.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@plentymarkets/shop-core",
   "configKey": "shopCore",
-  "version": "1.26.0",
+  "version": "1.26.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/composables/createNotificationLogic.d.ts

@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+import type { UseNotificationState, UseNotificationDeps, Notification } from '../types/index.js';
+export declare const createNotificationLogic: (defaultDismissTimeout: number, state: Ref<UseNotificationState>, deps: UseNotificationDeps) => {
+    data: Ref<Notification[], Notification[]>;
+    send: (notification: Notification) => void;
+    clear: () => void;
+};

package/dist/runtime/composables/createNotificationLogic.js

@@ -0,0 +1,41 @@
+import { toRefs } from "vue";
+const maxVisibleNotifications = 5;
+export const createNotificationLogic = (defaultDismissTimeout, state, deps) => {
+  const { onScopeDispose } = deps;
+  const timeoutIds = /* @__PURE__ */ new Map();
+  const clearTimeouts = () => {
+    for (const timeoutId of timeoutIds.values()) {
+      clearTimeout(timeoutId);
+    }
+    timeoutIds.clear();
+  };
+  const send = (notification) => {
+    if (deps.isServer) return;
+    const id = Symbol();
+    const dismiss = () => {
+      const index = state.value.data.findIndex((n) => n.id === id);
+      if (index !== -1) state.value.data.splice(index, 1);
+      if (timeoutIds.has(id)) {
+        clearTimeout(timeoutIds.get(id));
+        timeoutIds.delete(id);
+      }
+    };
+    const dismissibleNotification = { ...notification, id, dismiss };
+    state.value.data.push(dismissibleNotification);
+    if (state.value.data.length > maxVisibleNotifications) state.value.data.shift();
+    if (!notification.persist && notification.type !== "negative") {
+      const timeoutId = setTimeout(dismiss, notification.dismissTimeout || defaultDismissTimeout);
+      timeoutIds.set(id, timeoutId);
+    }
+  };
+  const clear = () => {
+    clearTimeouts();
+    state.value.data = [];
+  };
+  onScopeDispose(clearTimeouts);
+  return {
+    send,
+    clear,
+    ...toRefs(state.value)
+  };
+};

package/dist/runtime/composables/useNotification.d.ts

@@ -1,10 +1,2 @@
 import type { UseNotificationReturn } from '../types/index.js';
-/**
- * @description Composable to display ui notifications
- * @return UseNotificationReturn
- * @example
- * ``` ts
- * const { data, send } = useNotification();
- * ```
- */
 export declare const useNotification: UseNotificationReturn;

package/dist/runtime/composables/useNotification.js

@@ -1,51 +1,13 @@
 import { useState } from "nuxt/app";
-import { toRefs } from "vue";
 import { tryOnScopeDispose } from "@vueuse/core";
-const maxVisibleNotifications = 5;
+import { createNotificationLogic } from "./createNotificationLogic.js";
+import { isServer } from "../utils/runtime.js";
 export const useNotification = (defaultDismissTimeout = 5e3) => {
   const state = useState(`useNotification`, () => ({
     data: []
   }));
-  const timeoutIds = /* @__PURE__ */ new Map();
-  const send = (notification) => {
-    if (import.meta.server) return;
-    const id = Symbol();
-    const dismiss = () => {
-      const index = state.value.data.findIndex((notification2) => notification2.id === id);
-      if (index !== -1) state.value.data.splice(index, 1);
-      if (timeoutIds.has(id)) {
-        clearTimeout(timeoutIds.get(id));
-        timeoutIds.delete(id);
-      }
-    };
-    const dismissibleNotification = {
-      ...notification,
-      id,
-      dismiss
-    };
-    state.value.data.push(dismissibleNotification);
-    if (state.value.data.length > maxVisibleNotifications) state.value.data.shift();
-    if (!notification.persist && notification.type !== "negative") {
-      const timeoutId = setTimeout(dismiss, notification.dismissTimeout || defaultDismissTimeout);
-      timeoutIds.set(id, timeoutId);
-    }
-  };
-  const clearTimeouts = () => {
-    for (const timeoutId of timeoutIds.values()) {
-      clearTimeout(timeoutId);
-    }
-    timeoutIds.clear();
-  };
-  const clear = () => {
-    clearTimeouts();
-    state.value.data = [];
-  };
-  tryOnScopeDispose(() => {
-    clearTimeouts();
+  return createNotificationLogic(defaultDismissTimeout, state, {
+    onScopeDispose: tryOnScopeDispose,
+    isServer: isServer()
   });
-  return {
-    send,
-    clear,
-    ...toRefs(state.value)
-  };
 };

package/dist/runtime/types/notification.d.ts

@@ -33,3 +33,7 @@ export interface UseNotification {
     clear: ClearNotification;
 }
 export type UseNotificationReturn = (defaultDismissTimeout?: number) => UseNotification;
+export interface UseNotificationDeps {
+    onScopeDispose: (fn: () => void) => void;
+    isServer: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plentymarkets/shop-core",
-  "version": "1.26.0",
+  "version": "1.26.2",
   "description": "Core module for PlentyONE Shop",
   "repository": {
     "type": "git",
@@ -42,6 +42,7 @@
     "format": "prettier --check \"**/*.{ts,vue,css,scss,md}\"",
     "format:fix": "prettier --write \"**/*.{ts,vue,css,scss,md}\"",
     "test": "vitest run",
+    "test:unit": "vitest run \\.unit\\.spec",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit",
@@ -50,7 +51,7 @@
   },
   "dependencies": {
     "@noble/hashes": "^2.0.1",
-    "@plentymarkets/shop-api": "^0.170.1",
+    "@plentymarkets/shop-api": "^0.172.0",
     "@vue-storefront/sdk": "^3.4.1",
     "cookie-es": "^2.0.0",
     "knitwork": "^1.3.0",