@wavemaker-ai/react-runtime 1.0.0-rc.309

package/actions/notification-action.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationAction = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _baseAction = require("./base-action");
+var _baseVariable = require("@wavemaker-ai/react-runtime/variables/base-variable");
+var _lodashEs = require("lodash-es");
+var _toast = require("./toast.service");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+var DEFAULT_DURATION = 3000;
+var NOTIFICATION_TYPE = {
+  success: "success",
+  error: "error",
+  warning: "warning",
+  information: "info",
+  info: "info"
+};
+var NotificationAction = exports.NotificationAction = /*#__PURE__*/function (_BaseAction) {
+  function NotificationAction(config) {
+    (0, _classCallCheck2["default"])(this, NotificationAction);
+    return _callSuper(this, NotificationAction, [config]);
+  }
+
+  // Backward-compatible API:  used `notify()`. Support both shapes.
+  (0, _inherits2["default"])(NotificationAction, _BaseAction);
+  return (0, _createClass2["default"])(NotificationAction, [{
+    key: "notify",
+    value: function notify(arg1, arg2, arg3) {
+      if (typeof arg1 === "string") {
+        // Delegate to BaseAction event notifier
+        return _superPropGet(NotificationAction, "notify", this, 3)([arg1, Array.isArray(arg2) ? arg2 : [], typeof arg3 === "boolean" ? arg3 : false]);
+      }
+      // Backward-compat path for notify()
+      return this.invoke(arg1, arg2, arg3);
+    }
+  }, {
+    key: "prepareToastOptions",
+    value: function prepareToastOptions() {
+      var _String$toLowerCase,
+        _String,
+        _mergedParams$toaster,
+        _mergedParams$showTyp,
+        _this = this;
+      var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var configParams = this.config.paramProvider();
+      var mergedParams = _objectSpread(_objectSpread({}, configParams), params);
+      var alertClass = (_String$toLowerCase = (_String = String(mergedParams["class"])) === null || _String === void 0 ? void 0 : _String.toLowerCase()) !== null && _String$toLowerCase !== void 0 ? _String$toLowerCase : "info";
+      var type = NOTIFICATION_TYPE[alertClass] || "info";
+
+      // get toast position
+      var position = (_mergedParams$toaster = mergedParams.toasterPosition) !== null && _mergedParams$toaster !== void 0 ? _mergedParams$toaster : "bottom right";
+
+      // Determine duration (0 means stay until dismissed)
+      var duration = parseInt(String(mergedParams.duration));
+      if (isNaN(duration)) {
+        duration = type === "success" ? DEFAULT_DURATION : null;
+      }
+
+      // Create final options object
+      return {
+        text: mergedParams.text || mergedParams.message || "",
+        type: type,
+        position: position,
+        content: this.config.partialContent,
+        duration: duration,
+        name: this.name,
+        styles: mergedParams.styles || {},
+        hideOnClick: mergedParams.hideOnClick !== false,
+        showTypeLabel: (_mergedParams$showTyp = mergedParams.showTypeLabel) !== null && _mergedParams$showTyp !== void 0 ? _mergedParams$showTyp : false,
+        onClose: function onClose() {
+          if (_this.config.onClose) {
+            _this.config.onClose(_this, null);
+          }
+        },
+        onClick: function onClick() {
+          if (_this.config.onOk) {
+            _this.config.onOk(_this, null);
+          }
+        }
+      };
+    }
+  }, {
+    key: "invoke",
+    value: function invoke(params, onSuccess, onError) {
+      var _this2 = this;
+      // Priority: params.data > params > this.dataSet
+      var mergedParams = params !== null && params !== void 0 && params.data ? (0, _lodashEs.merge)(this.config.paramProvider(), params.data) : params ? (0, _lodashEs.merge)(this.config.paramProvider(), params) : (0, _lodashEs.merge)(this.config.paramProvider(), this.dataSet);
+
+      // Notify before invoke
+      this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, mergedParams]);
+      try {
+        // Handle different operation types
+        if (this.config.operation === "toast") {
+          this.showToast(mergedParams);
+        } else if (this.config.showDialog) {
+          var dialogData = _objectSpread(_objectSpread({}, mergedParams), {}, {
+            onOk: function onOk() {
+              var _this2$config$onOk, _this2$config;
+              return (_this2$config$onOk = (_this2$config = _this2.config).onOk) === null || _this2$config$onOk === void 0 ? void 0 : _this2$config$onOk.call(_this2$config, _this2, mergedParams);
+            },
+            onCancel: function onCancel() {
+              var _this2$config$onCance, _this2$config2;
+              return (_this2$config$onCance = (_this2$config2 = _this2.config).onCancel) === null || _this2$config$onCance === void 0 ? void 0 : _this2$config$onCance.call(_this2$config2, _this2, mergedParams);
+            },
+            onClose: function onClose() {
+              var _this2$config$onClose, _this2$config3;
+              return (_this2$config$onClose = (_this2$config3 = _this2.config).onClose) === null || _this2$config$onClose === void 0 ? void 0 : _this2$config$onClose.call(_this2$config3, _this2, mergedParams);
+            }
+          });
+          this.config.showDialog(dialogData);
+        }
+
+        // Call success callback
+        if (onSuccess && typeof onSuccess === "function") {
+          onSuccess(this, mergedParams);
+        }
+        this.notify(_baseVariable.VariableEvents.SUCCESS, [this, mergedParams]);
+      } catch (error) {
+        // Handle errors
+        console.error("Error in notification action:", error);
+        if (onError) onError(this, error);
+        this.notify(_baseVariable.VariableEvents.ERROR, [this, error]);
+        return Promise.reject(error);
+      }
+      this.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [this, mergedParams]);
+      return Promise.resolve(this);
+    }
+  }, {
+    key: "showToast",
+    value: function showToast(params) {
+      try {
+        var _this$config$toasterS, _this$config;
+        var service = (_this$config$toasterS = (_this$config = this.config).toasterService) === null || _this$config$toasterS === void 0 ? void 0 : _this$config$toasterS.call(_this$config);
+        if (!service) {
+          service = _toast.toastService;
+        }
+        if (service && typeof service.showToast === "function") {
+          service.showToast(this.prepareToastOptions(params));
+        } else {
+          console.warn("Toast service not available");
+        }
+      } catch (error) {
+        console.error("Error showing toast:", error);
+      }
+    }
+  }, {
+    key: "getMessage",
+    value: function getMessage() {}
+  }]);
+}(_baseAction.BaseAction);

package/actions/timer-action.d.ts

@@ -0,0 +1,27 @@
+import { ActionConfig, BaseAction } from "./base-action";
+export interface TimerActionConfig extends ActionConfig {
+    repeating: boolean;
+    delay: number;
+    _context: any;
+}
+export declare class TimerAction extends BaseAction<TimerActionConfig> {
+    private _timerId;
+    private _isActive;
+    private _onSuccess?;
+    private _onError?;
+    constructor(config: TimerActionConfig);
+    invoke(params?: Record<string, any>, onSuccess?: Function, onError?: Function): Promise<TimerAction>;
+    /**
+     * Starts the timer based on configuration
+     */
+    private startTimer;
+    cancel(): void;
+    pause(): void;
+    resume(): void;
+    trigger(): Promise<TimerAction>;
+    /**
+     * Checks if the timer is currently active
+     */
+    isActive(): boolean;
+    destroy(): void;
+}

package/actions/timer-action.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimerAction = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _baseAction = require("./base-action");
+var _baseVariable = require("@wavemaker-ai/react-runtime/variables/base-variable");
+var _lodashEs = require("lodash-es");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+var TimerAction = exports.TimerAction = /*#__PURE__*/function (_BaseAction) {
+  function TimerAction(config) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, TimerAction);
+    _this = _callSuper(this, TimerAction, [config]);
+    (0, _defineProperty2["default"])(_this, "_timerId", -1);
+    (0, _defineProperty2["default"])(_this, "_isActive", false);
+    (0, _defineProperty2["default"])(_this, "_onSuccess", void 0);
+    (0, _defineProperty2["default"])(_this, "_onError", void 0);
+    return _this;
+  }
+  (0, _inherits2["default"])(TimerAction, _BaseAction);
+  return (0, _createClass2["default"])(TimerAction, [{
+    key: "invoke",
+    value: function invoke(params, onSuccess, onError) {
+      var _params,
+        _this2 = this;
+      params = (_params = params) !== null && _params !== void 0 && _params.data ? (0, _lodashEs.merge)(this.config.paramProvider(), params.data) : (0, _lodashEs.merge)(this.config.paramProvider(), this.dataSet);
+
+      // Notify that we're about to invoke
+      this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
+      return _superPropGet(TimerAction, "invoke", this, 3)([params, onSuccess, onError]).then(function () {
+        // Start the timer
+        _this2.startTimer();
+
+        // Store the callbacks for later use when timer fires
+        _this2._onSuccess = onSuccess;
+        _this2._onError = onError;
+      }).then(function () {
+        _this2.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [_this2, _this2.dataSet]);
+        return _this2;
+      });
+    }
+
+    /**
+     * Starts the timer based on configuration
+     */
+  }, {
+    key: "startTimer",
+    value: function startTimer() {
+      var _this3 = this;
+      // Cancel any existing timer first
+      this.cancel();
+      var _this$config = this.config,
+        repeating = _this$config.repeating,
+        delay = _this$config.delay;
+      this._isActive = true;
+      var executeCallback = function executeCallback() {
+        try {
+          // Call the configured success handler
+          _this3.config.onSuccess && _this3.config.onSuccess(_this3, _this3.dataSet);
+          _this3._onSuccess && _this3._onSuccess(_this3, _this3.dataSet);
+          _this3.notify(_baseVariable.VariableEvents.SUCCESS, [_this3, _this3.dataSet]);
+        } catch (error) {
+          console.error("Error in timer callback:", error);
+
+          // Call the configured error handler
+          _this3.config.onError && _this3.config.onError(_this3, error);
+          _this3._onError && _this3._onError(_this3, error);
+          _this3.notify(_baseVariable.VariableEvents.ERROR, [_this3, error]);
+        }
+      };
+      if (repeating) {
+        this._timerId = setInterval(executeCallback, delay);
+      } else {
+        this._timerId = setTimeout(function () {
+          executeCallback();
+          _this3._isActive = false;
+          _this3._timerId = -1;
+        }, delay);
+      }
+    }
+
+    //   Cancel  active timer
+  }, {
+    key: "cancel",
+    value: function cancel() {
+      if (this._timerId !== -1) {
+        if (this.config.repeating) {
+          clearInterval(this._timerId);
+        } else {
+          clearTimeout(this._timerId);
+        }
+        this._timerId = -1;
+        this._isActive = false;
+      }
+    }
+
+    // Pauses the timer (alias for cancel)
+  }, {
+    key: "pause",
+    value: function pause() {
+      this.cancel();
+    }
+
+    // Resumes the timer (if it was paused)
+  }, {
+    key: "resume",
+    value: function resume() {
+      if (!this._isActive) {
+        this.startTimer();
+      }
+    }
+  }, {
+    key: "trigger",
+    value: function trigger() {
+      // Notify we're about to trigger
+      this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
+
+      // Execute callback immediately
+      try {
+        this.config.onSuccess && this.config.onSuccess(this, this.dataSet);
+        this._onSuccess && this._onSuccess(this, this.dataSet);
+        this.notify(_baseVariable.VariableEvents.SUCCESS, [this, this.dataSet]);
+      } catch (error) {
+        console.error("Error in timer trigger:", error);
+        this.config.onError && this.config.onError(this, error);
+        this._onError && this._onError(this, error);
+        this.notify(_baseVariable.VariableEvents.ERROR, [this, error]);
+      }
+
+      // Notify we've completed the trigger
+      this.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [this, this.dataSet]);
+      return Promise.resolve(this);
+    }
+
+    /**
+     * Checks if the timer is currently active
+     */
+  }, {
+    key: "isActive",
+    value: function isActive() {
+      return this._isActive;
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.cancel();
+      _superPropGet(TimerAction, "destroy", this, 3)([]);
+    }
+  }]);
+}(_baseAction.BaseAction);

package/actions/toast-provider.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Toast, ToastContextValue } from "@wavemaker-ai/react-runtime/actions/types";
+export declare const useToast: () => ToastContextValue;
+interface ToastPortalProps {
+    toast: Toast | null;
+    onClose: (id: string) => void;
+}
+export declare const ToastPortal: ({ toast, onClose }: ToastPortalProps) => React.ReactPortal;
+export declare const ToastProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/actions/toast-provider.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToast = exports.ToastProvider = exports.ToastPortal = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _types = require("@wavemaker-ai/react-runtime/actions/types");
+var _toast = require("@wavemaker-ai/react-runtime/actions/toast.service");
+var _toast2 = _interopRequireDefault(require("@wavemaker-ai/react-runtime/actions/toast"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// toast context
+var ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+// custom hook to use the toast context
+var useToast = exports.useToast = function useToast() {
+  var context = (0, _react.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastPortal = exports.ToastPortal = function ToastPortal(_ref) {
+  var toast = _ref.toast,
+    _onClose = _ref.onClose;
+  var containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    // Lazy initialization - only create the container if it doesn't exist
+    if (!containerRef.current) {
+      var element = document.getElementById(_types.TOAST_CONFIG.CONTAINER_ID);
+      if (!element) {
+        element = document.createElement("div");
+        element.id = _types.TOAST_CONFIG.CONTAINER_ID;
+        document.body.appendChild(element);
+      }
+      containerRef.current = element;
+    }
+    return function () {
+      if (containerRef.current && document.body.contains(containerRef.current)) {
+        document.body.removeChild(containerRef.current);
+        containerRef.current = null;
+      }
+    };
+  }, []);
+  if (!toast) return null;
+  return containerRef.current ? /*#__PURE__*/_reactDom["default"].createPortal(__jsx(_toast2["default"], {
+    key: toast.id,
+    toast: toast,
+    onClose: function onClose() {
+      return _onClose(toast.id);
+    }
+  }), containerRef.current) : null;
+};
+var ToastProvider = exports.ToastProvider = function ToastProvider(_ref2) {
+  var children = _ref2.children;
+  var _useState = (0, _react.useState)(null),
+    toast = _useState[0],
+    setToast = _useState[1];
+  var showToast = function showToast(options) {
+    var id = "toast-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2, 9));
+    var newToast = _objectSpread(_objectSpread({}, options), {}, {
+      id: id
+    });
+    setToast(newToast);
+    var duration = typeof options.duration === "number" ? options.duration : options.type === "success" ? _types.TOAST_CONFIG.DEFAULT_DURATION : 0;
+    if (duration > 0) {
+      setTimeout(function () {
+        hideToast(id);
+      }, duration);
+    }
+    return id;
+  };
+
+  // Hide toast function
+  var hideToast = function hideToast(id) {
+    if (typeof (toast === null || toast === void 0 ? void 0 : toast.onClose) === "function") {
+      toast.onClose();
+    }
+    setToast(null);
+  };
+
+  // Hide all toasts function
+  var hideAllToasts = function hideAllToasts() {
+    if (typeof (toast === null || toast === void 0 ? void 0 : toast.onClose) === "function") {
+      toast.onClose();
+    }
+    setToast(null);
+  };
+
+  // Create context value with memoization
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      showToast: showToast,
+      hideToast: hideToast,
+      hideAllToasts: hideAllToasts
+    };
+  }, []);
+  return __jsx(ToastContext.Provider, {
+    value: contextValue
+  }, __jsx(_toast.ToastInitializer, null, children, __jsx(ToastPortal, {
+    toast: toast,
+    onClose: hideToast
+  })));
+};

package/actions/toast.d.ts

@@ -0,0 +1,7 @@
+import { Toast } from "@wavemaker-ai/react-runtime/actions/types";
+interface CustomToastProps {
+    toast: Toast;
+    onClose: () => void;
+}
+declare const CustomToast: ({ toast, onClose }: CustomToastProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomToast;

package/actions/toast.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx2 = _interopRequireDefault(require("clsx"));
+var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
+var _toastContainer = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/toast-container"));
+var _types = require("@wavemaker-ai/react-runtime/actions/types");
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GET_POSITION = function GET_POSITION(position) {
+  var _position$split = position.split(" "),
+    _position$split2 = (0, _slicedToArray2["default"])(_position$split, 2),
+    vertical = _position$split2[0],
+    horizontal = _position$split2[1];
+  return {
+    vertical: vertical === "bottom" ? "bottom" : "top",
+    horizontal: horizontal === "right" ? "right" : horizontal === "left" ? "left" : "center"
+  };
+};
+var CustomToast = function CustomToast(_ref) {
+  var toast = _ref.toast,
+    onClose = _ref.onClose;
+  var text = toast.text,
+    _toast$type = toast.type,
+    type = _toast$type === void 0 ? "info" : _toast$type,
+    _toast$position = toast.position,
+    position = _toast$position === void 0 ? toast.placement || _types.TOAST_CONFIG.DEFAULT_POSITION : _toast$position,
+    onClick = toast.onClick,
+    _toast$showTypeLabel = toast.showTypeLabel,
+    showTypeLabel = _toast$showTypeLabel === void 0 ? false : _toast$showTypeLabel;
+  var ispage = toast.content && (0, _typeof2["default"])(toast.content) === "object";
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      e.stopPropagation();
+      try {
+        onClick();
+      } catch (err) {
+        console.error("Error in toast onClick callback:", err);
+      }
+    }
+    onClose();
+  };
+  var handleClose = function handleClose(event, reason) {
+    if (reason === "clickaway") return;
+    onClose && onClose();
+  };
+  var anchorOrigin = GET_POSITION(position);
+  if (ispage && toast.content !== undefined) {
+    return __jsx(_Snackbar["default"], {
+      open: true,
+      onClose: handleClose,
+      anchorOrigin: anchorOrigin,
+      message: null,
+      TransitionProps: {
+        appear: false,
+        style: {
+          transition: "ease-in-out 0.3s"
+        }
+      },
+      onClick: handleClick
+    }, __jsx(_toastContainer["default"], {
+      component: toast.content.component
+    }));
+  }
+  var positions = ["top center", "bottom center"];
+  return __jsx(_Snackbar["default"], {
+    open: true,
+    onClose: handleClose,
+    anchorOrigin: anchorOrigin,
+    autoHideDuration: toast.duration,
+    className: (0, _clsx2["default"])("toast-container", (0, _defineProperty2["default"])({}, "toast-".concat(position.replaceAll(" ", "-")), !positions.includes(position))),
+    disableWindowBlurListener: true,
+    message: __jsx("div", {
+      className: "toast-title"
+    }, showTypeLabel && type.toUpperCase(), __jsx("div", {
+      className: "toast-message"
+    }, text)),
+    TransitionProps: {
+      appear: false
+    },
+    onClick: handleClick,
+    sx: {
+      "& .MuiSnackbarContent-root": {
+        alignItems: "unset !important"
+      },
+      "& .MuiSnackbar-root": {
+        all: "unset !important"
+      }
+    },
+    style: _objectSpread(_objectSpread({}, position === "top center" && {
+      top: "var(--wm-toast-position-top)"
+    }), position === "bottom center" && {
+      bottom: "var(--wm-toast-position-bottom)"
+    }),
+    ContentProps: {
+      sx: {
+        "& .MuiSnackbarContent-message": {
+          all: "unset"
+        }
+      },
+      style: _objectSpread({}, position === "center center" && {
+        transform: "translateX(50%)"
+      }),
+      className: "toast toast-".concat(type, " ")
+    }
+  });
+};
+var _default = exports["default"] = CustomToast;

package/actions/toast.service.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ToastOptions, ToastContextValue } from "@wavemaker-ai/react-runtime/actions/types";
+declare class ToastService {
+    private static instance;
+    private context;
+    private activeToasts;
+    constructor();
+    setContext(context: ToastContextValue | null): void;
+    showToast(options: ToastOptions): string;
+    hideToast(id: string): void;
+    hideAllToasts(): void;
+}
+export declare const toastService: ToastService;
+export declare const ToastInitializer: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};