@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260415060612 → 0.8.1-dev.20260416043301

package/dist/{LinkNodeButton-KBSXOEHS.mjs → LinkNodeButton-ETDJGBBZ.mjs}

@@ -1,8 +1,9 @@
 "use client";
 import {
   Button_default,
-  ServiceClient_default
-} from "./chunk-3IDT4246.mjs";
+  ServiceClient_default,
+  ToastService_default
+} from "./chunk-O5BPFXEO.mjs";
 
 // src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx
 import { useCallback, useState } from "react";
@@ -87,6 +88,7 @@ var LinkNodeButton = (props) => {
       console.log("API Response:", response);
       if (response && !response.isSuccessful) {
         const errorMessage = response.message || "API request failed";
+        ToastService_default.showError(errorMessage);
         setError(errorMessage);
         setIsLoading(false);
         return { isSuccessful: false, message: errorMessage };

package/dist/{chunk-3IDT4246.mjs → chunk-O5BPFXEO.mjs}

@@ -1,6 +1,3 @@
-// src/components/Button.tsx
-import React3, { useState as useState2 } from "react";
-
 // src/components/ToastService.tsx
 var ToastService = class _ToastService {
   static initialize(showToast, closeToast) {
@@ -25,6 +22,9 @@ var ToastService = class _ToastService {
 };
 var ToastService_default = ToastService;
 
+// src/components/Button.tsx
+import React3, { useState as useState2 } from "react";
+
 // src/components/StyleTypes.tsx
 var buttonClasses = /* @__PURE__ */ new Map([
   ["Primary" /* Solid */, "btn-solid"],
@@ -394,6 +394,7 @@ var ServiceClient = class {
 var ServiceClient_default = ServiceClient;
 
 export {
+  ToastService_default,
   buttonClasses,
   Button_default,
   ServiceClient_default

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewControlProps {
     value?: any;
@@ -215,4 +216,15 @@ interface PageBodyRendererProps {
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const Toast: () => react_jsx_runtime.JSX.Element;
+
+declare class ToastService {
+    private static showToast;
+    private static closeToast;
+    static initialize(showToast: (message: string, messageType: string) => void, closeToast: () => void): void;
+    static showError(message: string): void;
+    static showInfo(message: string): void;
+    static close(): void;
+}
+
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewControlProps {
     value?: any;
@@ -215,4 +216,15 @@ interface PageBodyRendererProps {
 }
 declare const PageBodyRenderer: React.FC<PageBodyRendererProps>;
 
-export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, ViewControl, type ViewControlProps, ViewControlTypes };
+declare const Toast: () => react_jsx_runtime.JSX.Element;
+
+declare class ToastService {
+    private static showToast;
+    private static closeToast;
+    static initialize(showToast: (message: string, messageType: string) => void, closeToast: () => void): void;
+    static showError(message: string): void;
+    static showInfo(message: string): void;
+    static close(): void;
+}
+
+export { type ActionResponse, DataList, InputControl, type InputControlProps, InputControlType, PageBodyRenderer, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.js

@@ -626,6 +626,7 @@ var init_LinkNodeButton = __esm({
     import_react35 = require("react");
     init_Button();
     init_ServiceClient();
+    init_ToastService();
     import_jsx_runtime45 = require("react/jsx-runtime");
     LinkNodeButton = (props) => {
       const { node, dataitem, children, linkText, linkType, linkUrl } = props;
@@ -707,6 +708,7 @@ var init_LinkNodeButton = __esm({
           console.log("API Response:", response);
           if (response && !response.isSuccessful) {
             const errorMessage = response.message || "API request failed";
+            ToastService_default.showError(errorMessage);
             setError(errorMessage);
             setIsLoading(false);
             return { isSuccessful: false, message: errorMessage };
@@ -964,6 +966,8 @@ __export(index_exports, {
   InputControl: () => InputControl_default,
   InputControlType: () => InputControlType_default,
   PageBodyRenderer: () => PageBodyRenderer_default,
+  Toast: () => Toast_default,
+  ToastService: () => ToastService_default,
   ViewControl: () => ViewControl_default,
   ViewControlTypes: () => ViewControlTypes_default
 });
@@ -5623,12 +5627,96 @@ var PageBodyRenderer = (props) => {
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
+
+// src/components/Toast.tsx
+var import_react52 = require("react");
+init_ToastService();
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var Toast = () => {
+  const [showToast, setShowToast] = (0, import_react52.useState)(false);
+  const [message, setMessage] = (0, import_react52.useState)("");
+  const [messageType, setMessageType] = (0, import_react52.useState)("error");
+  ToastService_default.showError = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("error");
+  };
+  ToastService_default.showInfo = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("info");
+    setTimeout(() => {
+      setShowToast(false);
+    }, 4e3);
+  };
+  ToastService_default.close = function() {
+    setShowToast(false);
+  };
+  const closeToast = () => {
+    setShowToast(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    "div",
+    {
+      className: "fixed top-2 flex justify-center w-1/2  left-1/2 -translate-x-1/2",
+      style: { zIndex: 1e3 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        "div",
+        {
+          className: `w-full items-center flex justify-between p-3 rounded-md relative ${messageType == "error" ? "bg-error" : "bg-success-soft"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              "span",
+              {
+                className: "font-medium text-inherit text-sm",
+                style: { whiteSpace: "pre-line" },
+                children: message
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              "button",
+              {
+                className: "absolute right-2 top-2 ml-2 focus:outline-none",
+                onClick: closeToast,
+                children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-4 w-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2",
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+var Toast_default = Toast;
+
+// src/index.ts
+init_ToastService();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DataList,
   InputControl,
   InputControlType,
   PageBodyRenderer,
+  Toast,
+  ToastService,
   ViewControl,
   ViewControlTypes
 });

package/dist/index.mjs

@@ -4,8 +4,9 @@ import {
 import {
   Button_default,
   ServiceClient_default,
+  ToastService_default,
   buttonClasses
-} from "./chunk-3IDT4246.mjs";
+} from "./chunk-O5BPFXEO.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React9 from "react";
@@ -2817,7 +2818,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic2 from "next/dynamic";
 import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic2(() => import("./LinkNodeButton-KBSXOEHS.mjs"), {
+var LinkNodeButton = dynamic2(() => import("./LinkNodeButton-ETDJGBBZ.mjs"), {
   ssr: false
 });
 var LinkNode = (props) => {
@@ -4657,11 +4658,91 @@ var PageBodyRenderer = (props) => {
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
+
+// src/components/Toast.tsx
+import { useState as useState8 } from "react";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+var Toast = () => {
+  const [showToast, setShowToast] = useState8(false);
+  const [message, setMessage] = useState8("");
+  const [messageType, setMessageType] = useState8("error");
+  ToastService_default.showError = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("error");
+  };
+  ToastService_default.showInfo = function(message2) {
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType("info");
+    setTimeout(() => {
+      setShowToast(false);
+    }, 4e3);
+  };
+  ToastService_default.close = function() {
+    setShowToast(false);
+  };
+  const closeToast = () => {
+    setShowToast(false);
+  };
+  return /* @__PURE__ */ jsx61(Fragment9, { children: showToast && /* @__PURE__ */ jsx61(
+    "div",
+    {
+      className: "fixed top-2 flex justify-center w-1/2  left-1/2 -translate-x-1/2",
+      style: { zIndex: 1e3 },
+      children: /* @__PURE__ */ jsxs34(
+        "div",
+        {
+          className: `w-full items-center flex justify-between p-3 rounded-md relative ${messageType == "error" ? "bg-error" : "bg-success-soft"}`,
+          children: [
+            /* @__PURE__ */ jsx61(
+              "span",
+              {
+                className: "font-medium text-inherit text-sm",
+                style: { whiteSpace: "pre-line" },
+                children: message
+              }
+            ),
+            /* @__PURE__ */ jsx61(
+              "button",
+              {
+                className: "absolute right-2 top-2 ml-2 focus:outline-none",
+                onClick: closeToast,
+                children: /* @__PURE__ */ jsx61(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-4 w-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ jsx61(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2",
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+var Toast_default = Toast;
 export {
   DataList_default as DataList,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
   PageBodyRenderer_default as PageBodyRenderer,
+  Toast_default as Toast,
+  ToastService_default as ToastService,
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260415060612",
+  "version": "0.8.1-dev.20260416043301",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",