samandesk 2.0.0-beta1.0 → 2.0.0-beta2.0

package/dist/saman-desk.js

@@ -1,1016 +1,312 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _brand, _a, _b, _brand2, _c, _remoteWindow, _allowedOrigins, _log, _validateReceivedMessage, _concreteRemoteOrigin, _messageCallbacks, _port, _isChildUsingDeprecatedProtocol, _isAllowedOrigin, _getOriginForSendingMessage, _destroyPort, _handleMessageFromRemoteWindow, _handleMessageFromPort, _d;
-let token;
-const frame = document.createElement("iframe");
-let theme;
-let color;
-let language;
-let linkHandler = (link) => window.open(link, "_blank", "noopener");
-const backdrop = document.createElement("div");
-function setToken(newToken) {
-  token = newToken;
-}
-function getToken() {
-  return token;
-}
-function clearFrame() {
-  frame.src = "";
-}
-function setFrameSrc(src) {
-  frame.src = src;
-}
-function getFrame() {
-  return frame;
-}
-function getTheme() {
-  return { theme, color };
-}
-function getLanguage() {
-  return { language };
-}
-function setTheme(newTheme) {
-  theme = newTheme.darkMode;
-  color = newTheme.color;
-}
-function setLanguage(newLanguage) {
-  language = newLanguage;
-}
-function getBackdrop() {
-  return backdrop;
-}
-function setOpenLinkFn(fn) {
-  if (fn) linkHandler = fn;
-}
-function getOpenLinkFn() {
-  return linkHandler;
-}
-const readyEvent = new Event("ready");
-const openEvent = new Event("open");
-const closeEvent = new Event("close");
-const guestReadyEvent = new Event("guest-ready");
-function getReadyEvent() {
-  return readyEvent;
-}
-function getOpenEvent() {
-  return openEvent;
-}
-function getCloseEvent() {
-  return closeEvent;
-}
-function setGuestReadyEvent() {
-  return guestReadyEvent;
-}
-var PenpalError = class extends Error {
-  constructor(code, message) {
-    super(message);
-    __publicField(this, "code");
-    this.name = "PenpalError";
-    this.code = code;
+const __vite_import_meta_env__ = {};
+class SamanDeskCore {
+  constructor(config) {
+    this.runPromises = {};
+    this.promiseCount = 0;
+    this.isReady = false;
+    this.config = {
+      siteUrl: this.defaultSiteUrl,
+      language: "fa",
+      theme: { darkMode: "light", color: "default" },
+      ...config
+    };
   }
-};
-var PenpalError_default = PenpalError;
-var serializeError = (error) => ({
-  name: error.name,
-  message: error.message,
-  stack: error.stack,
-  penpalCode: error instanceof PenpalError_default ? error.code : void 0
-});
-var deserializeError = ({
-  name,
-  message,
-  stack,
-  penpalCode
-}) => {
-  const deserializedError = penpalCode ? new PenpalError_default(penpalCode, message) : new Error(message);
-  deserializedError.name = name;
-  deserializedError.stack = stack;
-  return deserializedError;
-};
-var brand = Symbol("Reply");
-var Reply = (_a = class {
-  constructor(value, options) {
-    __publicField(this, "value");
-    __publicField(this, "transferables");
-    // Allows TypeScript to distinguish between an actual instance of this
-    // class versus an object that looks structurally similar.
-    // eslint-disable-next-line no-unused-private-class-members
-    __privateAdd(this, _brand, brand);
-    this.value = value;
-    this.transferables = options == null ? void 0 : options.transferables;
+  get defaultSiteUrl() {
+    return (__vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_DEV_MODE) === "1" ? "http://localhost:2525" : "https://samandesk.com";
   }
-}, _brand = new WeakMap(), _a);
-var Reply_default = Reply;
-var namespace_default = "penpal";
-var isObject = (value) => {
-  return typeof value === "object" && value !== null;
-};
-var isFunction = (value) => {
-  return typeof value === "function";
-};
-var isMessage = (data) => {
-  return isObject(data) && data.namespace === namespace_default;
-};
-var isSynMessage = (message) => {
-  return message.type === "SYN";
-};
-var isAck1Message = (message) => {
-  return message.type === "ACK1";
-};
-var isAck2Message = (message) => {
-  return message.type === "ACK2";
-};
-var isCallMessage = (message) => {
-  return message.type === "CALL";
-};
-var isReplyMessage = (message) => {
-  return message.type === "REPLY";
-};
-var isDestroyMessage = (message) => {
-  return message.type === "DESTROY";
-};
-var extractMethodPathsFromMethods = (methods, currentPath = []) => {
-  const methodPaths = [];
-  for (const key of Object.keys(methods)) {
-    const value = methods[key];
-    if (isFunction(value)) {
-      methodPaths.push([...currentPath, key]);
-    } else if (isObject(value)) {
-      methodPaths.push(
-        ...extractMethodPathsFromMethods(value, [...currentPath, key])
-      );
+  getInitialUrl() {
+    if (this.config.verifiedToken) {
+      return `${this.config.siteUrl}/setup-interoperation/${this.config.verifiedToken}`;
     }
+    return `${this.config.siteUrl}/guest-login/${this.config.workspaceID}`;
   }
-  return methodPaths;
-};
-var getMethodAtMethodPath = (methodPath, methods) => {
-  const result = methodPath.reduce(
-    (acc, pathSegment) => {
-      return isObject(acc) ? acc[pathSegment] : void 0;
-    },
-    methods
-  );
-  return isFunction(result) ? result : void 0;
-};
-var formatMethodPath = (methodPath) => {
-  return methodPath.join(".");
-};
-var createErrorReplyMessage = (channel, callId, error) => ({
-  namespace: namespace_default,
-  channel,
-  type: "REPLY",
-  callId,
-  isError: true,
-  ...error instanceof Error ? { value: serializeError(error), isSerializedErrorInstance: true } : { value: error }
-});
-var connectCallHandler = (messenger, methods, channel, log) => {
-  let isDestroyed = false;
-  const handleMessage = async (message) => {
-    if (isDestroyed) {
+  getOpenUrl(link) {
+    return link || `${this.config.siteUrl}/department-selection?token=${this.token}`;
+  }
+  handleIncomingMessage(message) {
+    if (!message || message.from !== "SamanDesk") return;
+    const { action, id, data } = message;
+    if (id !== void 0 && this.runPromises[id]) {
+      this.runPromises[id](data);
+      delete this.runPromises[id];
       return;
     }
-    if (!isCallMessage(message)) {
-      return;
+    switch (action) {
+      case "setToken":
+        this.handleSetToken(data);
+        break;
+      case "getConfig":
+        this.handleGetConfig(id);
+        break;
+      case "openLink":
+        this.handleOpenLink(data);
+        break;
+      case "setGuestReadyEvent":
+        this.handleSetGuestReadyEvent();
+        break;
+      case "close":
+        this.handleCloseFromInside();
+        break;
+      default:
+        console.warn(`[SamanDesk] Unhandled action: ${action}`);
     }
-    log == null ? void 0 : log(`Received ${formatMethodPath(message.methodPath)}() call`, message);
-    const { methodPath, args, id: callId } = message;
-    let replyMessage;
-    let transferables;
-    try {
-      const method = getMethodAtMethodPath(methodPath, methods);
-      if (!method) {
-        throw new PenpalError_default(
-          "METHOD_NOT_FOUND",
-          `Method \`${formatMethodPath(methodPath)}\` is not found.`
-        );
-      }
-      let value = await method(...args);
-      if (value instanceof Reply_default) {
-        transferables = value.transferables;
-        value = await value.value;
+  }
+  handleSetToken(data) {
+    if (data && data.token) {
+      this.token = data.token;
+      this.isReady = true;
+      if (this.config.onReady) {
+        this.config.onReady(this.token);
       }
-      replyMessage = {
-        namespace: namespace_default,
-        channel,
-        type: "REPLY",
-        callId,
-        value
-      };
-    } catch (error) {
-      replyMessage = createErrorReplyMessage(channel, callId, error);
-    }
-    if (isDestroyed) {
-      return;
-    }
-    try {
-      log == null ? void 0 : log(`Sending ${formatMethodPath(methodPath)}() reply`, replyMessage);
-      messenger.sendMessage(replyMessage, transferables);
-    } catch (error) {
-      if (error.name === "DataCloneError") {
-        replyMessage = createErrorReplyMessage(channel, callId, error);
-        log == null ? void 0 : log(`Sending ${formatMethodPath(methodPath)}() reply`, replyMessage);
-        messenger.sendMessage(replyMessage);
+      if (this.config.onTokenChange) {
+        this.config.onTokenChange(this.token);
       }
-      throw error;
     }
-  };
-  messenger.addMessageHandler(handleMessage);
-  return () => {
-    isDestroyed = true;
-    messenger.removeMessageHandler(handleMessage);
-  };
-};
-var connectCallHandler_default = connectCallHandler;
-var generateId_default = ((_b = crypto.randomUUID) == null ? void 0 : _b.bind(crypto)) ?? (() => new Array(4).fill(0).map(
-  () => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16)
-).join("-"));
-var brand2 = Symbol("CallOptions");
-var CallOptions = (_c = class {
-  constructor(options) {
-    __publicField(this, "transferables");
-    __publicField(this, "timeout");
-    // Allows TypeScript to distinguish between an actual instance of this
-    // class versus an object that looks structurally similar.
-    // eslint-disable-next-line no-unused-private-class-members
-    __privateAdd(this, _brand2, brand2);
-    this.transferables = options == null ? void 0 : options.transferables;
-    this.timeout = options == null ? void 0 : options.timeout;
   }
-}, _brand2 = new WeakMap(), _c);
-var CallOptions_default = CallOptions;
-var methodsToTreatAsNative = /* @__PURE__ */ new Set(["apply", "call", "bind"]);
-var createRemoteProxy = (callback, log, path = []) => {
-  return new Proxy(
-    path.length ? () => {
-    } : /* @__PURE__ */ Object.create(null),
-    {
-      get(target, prop) {
-        if (prop === "then") {
-          return;
-        }
-        if (path.length && methodsToTreatAsNative.has(prop)) {
-          return Reflect.get(target, prop);
-        }
-        return createRemoteProxy(callback, log, [...path, prop]);
-      },
-      apply(target, _thisArg, args) {
-        return callback(path, args);
-      }
-    }
-  );
-};
-var getDestroyedConnectionMethodCallError = (methodPath) => {
-  return new PenpalError_default(
-    "CONNECTION_DESTROYED",
-    `Method call ${formatMethodPath(
-      methodPath
-    )}() failed due to destroyed connection`
-  );
-};
-var connectRemoteProxy = (messenger, channel, log) => {
-  let isDestroyed = false;
-  const replyHandlers = /* @__PURE__ */ new Map();
-  const handleMessage = (message) => {
-    if (!isReplyMessage(message)) {
-      return;
-    }
-    const { callId, value, isError, isSerializedErrorInstance } = message;
-    const replyHandler = replyHandlers.get(callId);
-    if (!replyHandler) {
-      return;
+  handleGetConfig(id) {
+    var _a, _b;
+    if (id !== void 0) {
+      this.sendResponse(id, "getConfig", {
+        color: ((_a = this.config.theme) == null ? void 0 : _a.color) || "default",
+        theme: ((_b = this.config.theme) == null ? void 0 : _b.darkMode) || "light",
+        language: this.config.language || "fa"
+      });
     }
-    replyHandlers.delete(callId);
-    log == null ? void 0 : log(
-      `Received ${formatMethodPath(replyHandler.methodPath)}() call`,
-      message
-    );
-    if (isError) {
-      replyHandler.reject(
-        isSerializedErrorInstance ? deserializeError(value) : value
-      );
+  }
+  handleOpenLink(data) {
+    if (this.config.linkHandler) {
+      this.config.linkHandler(data.link);
     } else {
-      replyHandler.resolve(value);
-    }
-  };
-  messenger.addMessageHandler(handleMessage);
-  const remoteProxy = createRemoteProxy((methodPath, args) => {
-    if (isDestroyed) {
-      throw getDestroyedConnectionMethodCallError(methodPath);
-    }
-    const callId = generateId_default();
-    const lastArg = args[args.length - 1];
-    const lastArgIsOptions = lastArg instanceof CallOptions_default;
-    const { timeout, transferables } = lastArgIsOptions ? lastArg : {};
-    const argsWithoutOptions = lastArgIsOptions ? args.slice(0, -1) : args;
-    return new Promise((resolve, reject) => {
-      const timeoutId = timeout !== void 0 ? window.setTimeout(() => {
-        replyHandlers.delete(callId);
-        reject(
-          new PenpalError_default(
-            "METHOD_CALL_TIMEOUT",
-            `Method call ${formatMethodPath(
-              methodPath
-            )}() timed out after ${timeout}ms`
-          )
-        );
-      }, timeout) : void 0;
-      replyHandlers.set(callId, { methodPath, resolve, reject, timeoutId });
-      try {
-        const callMessage = {
-          namespace: namespace_default,
-          channel,
-          type: "CALL",
-          id: callId,
-          methodPath,
-          args: argsWithoutOptions
-        };
-        log == null ? void 0 : log(`Sending ${formatMethodPath(methodPath)}() call`, callMessage);
-        messenger.sendMessage(callMessage, transferables);
-      } catch (error) {
-        reject(
-          new PenpalError_default("TRANSMISSION_FAILED", error.message)
-        );
-      }
-    });
-  }, log);
-  const destroy = () => {
-    isDestroyed = true;
-    messenger.removeMessageHandler(handleMessage);
-    for (const { methodPath, reject, timeoutId } of replyHandlers.values()) {
-      clearTimeout(timeoutId);
-      reject(getDestroyedConnectionMethodCallError(methodPath));
+      console.warn("[SamanDesk] openLink requested but no linkHandler configured.");
     }
-    replyHandlers.clear();
-  };
-  return {
-    remoteProxy,
-    destroy
-  };
-};
-var connectRemoteProxy_default = connectRemoteProxy;
-var getPromiseWithResolvers = () => {
-  let resolve;
-  let reject;
-  const promise = new Promise((res, rej) => {
-    resolve = res;
-    reject = rej;
-  });
-  return {
-    promise,
-    resolve,
-    reject
-  };
-};
-var getPromiseWithResolvers_default = getPromiseWithResolvers;
-var DEPRECATED_PENPAL_PARTICIPANT_ID = "deprecated-penpal";
-var isDeprecatedMessage = (data) => {
-  return isObject(data) && "penpal" in data;
-};
-var upgradeMethodPath = (methodPath) => methodPath.split(".");
-var downgradeMethodPath = (methodPath) => methodPath.join(".");
-var stringifyUnknownMessage = (message) => {
-  try {
-    return JSON.stringify(message);
-  } catch (_) {
-    return String(message);
   }
-};
-var getUnexpectedMessageError = (message) => {
-  return new PenpalError_default(
-    "TRANSMISSION_FAILED",
-    `Unexpected message to translate: ${stringifyUnknownMessage(message)}`
-  );
-};
-var upgradeMessage = (message) => {
-  if (message.penpal === "syn") {
-    return {
-      namespace: namespace_default,
-      channel: void 0,
-      type: "SYN",
-      participantId: DEPRECATED_PENPAL_PARTICIPANT_ID
-    };
-  }
-  if (message.penpal === "ack") {
-    return {
-      namespace: namespace_default,
-      channel: void 0,
-      type: "ACK2"
-    };
-  }
-  if (message.penpal === "call") {
-    return {
-      namespace: namespace_default,
-      channel: void 0,
-      type: "CALL",
-      // Actually converting the ID to a string would break communication.
-      id: message.id,
-      methodPath: upgradeMethodPath(message.methodName),
-      args: message.args
-    };
-  }
-  if (message.penpal === "reply") {
-    if (message.resolution === "fulfilled") {
-      return {
-        namespace: namespace_default,
-        channel: void 0,
-        type: "REPLY",
-        // Actually converting the ID to a string would break communication.
-        callId: message.id,
-        value: message.returnValue
-      };
-    } else {
-      return {
-        namespace: namespace_default,
-        channel: void 0,
-        type: "REPLY",
-        // Actually converting the ID to a string would break communication.
-        callId: message.id,
-        isError: true,
-        ...message.returnValueIsError ? {
-          value: message.returnValue,
-          isSerializedErrorInstance: true
-        } : {
-          value: message.returnValue
-        }
-      };
+  handleSetGuestReadyEvent() {
+    this.isReady = true;
+    if (this.config.onGuestReady) {
+      this.config.onGuestReady();
     }
   }
-  throw getUnexpectedMessageError(message);
-};
-var downgradeMessage = (message) => {
-  if (isAck1Message(message)) {
-    return {
-      penpal: "synAck",
-      methodNames: message.methodPaths.map(downgradeMethodPath)
-    };
+  handleCloseFromInside() {
+    this.close();
   }
-  if (isCallMessage(message)) {
-    return {
-      penpal: "call",
-      // Actually converting the ID to a number would break communication.
-      id: message.id,
-      methodName: downgradeMethodPath(message.methodPath),
-      args: message.args
-    };
+  // To be implemented by adapters
+  sendMessage(message) {
+    throw new Error("sendMessage not implemented");
   }
-  if (isReplyMessage(message)) {
-    if (message.isError) {
-      return {
-        penpal: "reply",
-        // Actually converting the ID to a number would break communication.
-        id: message.callId,
-        resolution: "rejected",
-        ...message.isSerializedErrorInstance ? {
-          returnValue: message.value,
-          returnValueIsError: true
-        } : { returnValue: message.value }
-      };
-    } else {
-      return {
-        penpal: "reply",
-        // Actually converting the ID to a number would break communication.
-        id: message.callId,
-        resolution: "fulfilled",
-        returnValue: message.value
-      };
+  // To be implemented by adapters
+  close() {
+    if (this.config.onClose) {
+      this.config.onClose();
     }
   }
-  throw getUnexpectedMessageError(message);
-};
-var shakeHands = ({
-  messenger,
-  methods,
-  timeout,
-  channel,
-  log
-}) => {
-  const participantId = generateId_default();
-  let remoteParticipantId;
-  const destroyHandlers = [];
-  let isComplete = false;
-  const methodPaths = extractMethodPathsFromMethods(methods);
-  const { promise, resolve, reject } = getPromiseWithResolvers_default();
-  const timeoutId = timeout !== void 0 ? setTimeout(() => {
-    reject(
-      new PenpalError_default(
-        "CONNECTION_TIMEOUT",
-        `Connection timed out after ${timeout}ms`
-      )
-    );
-  }, timeout) : void 0;
-  const destroy = () => {
-    for (const destroyHandler of destroyHandlers) {
-      destroyHandler();
-    }
-  };
-  const connectCallHandlerAndMethodProxies = () => {
-    if (isComplete) {
-      return;
-    }
-    destroyHandlers.push(connectCallHandler_default(messenger, methods, channel, log));
-    const { remoteProxy, destroy: destroyMethodProxies } = connectRemoteProxy_default(messenger, channel, log);
-    destroyHandlers.push(destroyMethodProxies);
-    clearTimeout(timeoutId);
-    isComplete = true;
-    resolve({
-      remoteProxy,
-      destroy
-    });
-  };
-  const sendSynMessage = () => {
-    const synMessage = {
-      namespace: namespace_default,
-      type: "SYN",
-      channel,
-      participantId
-    };
-    log == null ? void 0 : log(`Sending handshake SYN`, synMessage);
-    try {
-      messenger.sendMessage(synMessage);
-    } catch (error) {
-      reject(new PenpalError_default("TRANSMISSION_FAILED", error.message));
-    }
-  };
-  const handleSynMessage = (message) => {
-    log == null ? void 0 : log(`Received handshake SYN`, message);
-    if (message.participantId === remoteParticipantId && // TODO: Used for backward-compatibility. Remove in next major version.
-    remoteParticipantId !== DEPRECATED_PENPAL_PARTICIPANT_ID) {
-      return;
-    }
-    remoteParticipantId = message.participantId;
-    sendSynMessage();
-    const isHandshakeLeader = participantId > remoteParticipantId || // TODO: Used for backward-compatibility. Remove in next major version.
-    remoteParticipantId === DEPRECATED_PENPAL_PARTICIPANT_ID;
-    if (!isHandshakeLeader) {
-      return;
-    }
-    const ack1Message = {
-      namespace: namespace_default,
-      channel,
-      type: "ACK1",
-      methodPaths
-    };
-    log == null ? void 0 : log(`Sending handshake ACK1`, ack1Message);
-    try {
-      messenger.sendMessage(ack1Message);
-    } catch (error) {
-      reject(new PenpalError_default("TRANSMISSION_FAILED", error.message));
-      return;
-    }
-  };
-  const handleAck1Message = (message) => {
-    log == null ? void 0 : log(`Received handshake ACK1`, message);
-    const ack2Message = {
-      namespace: namespace_default,
-      channel,
-      type: "ACK2"
-    };
-    log == null ? void 0 : log(`Sending handshake ACK2`, ack2Message);
-    try {
-      messenger.sendMessage(ack2Message);
-    } catch (error) {
-      reject(new PenpalError_default("TRANSMISSION_FAILED", error.message));
-      return;
-    }
-    connectCallHandlerAndMethodProxies();
-  };
-  const handleAck2Message = (message) => {
-    log == null ? void 0 : log(`Received handshake ACK2`, message);
-    connectCallHandlerAndMethodProxies();
-  };
-  const handleMessage = (message) => {
-    if (isSynMessage(message)) {
-      handleSynMessage(message);
-    }
-    if (isAck1Message(message)) {
-      handleAck1Message(message);
-    }
-    if (isAck2Message(message)) {
-      handleAck2Message(message);
-    }
-  };
-  messenger.addMessageHandler(handleMessage);
-  destroyHandlers.push(() => messenger.removeMessageHandler(handleMessage));
-  sendSynMessage();
-  return promise;
-};
-var shakeHands_default = shakeHands;
-var once = (fn) => {
-  let isCalled = false;
-  let result;
-  return (...args) => {
-    if (!isCalled) {
-      isCalled = true;
-      result = fn(...args);
+  // To be implemented by adapters
+  open(link) {
+    if (this.config.onOpen) {
+      this.config.onOpen();
     }
-    return result;
-  };
-};
-var once_default = once;
-var usedMessengers = /* @__PURE__ */ new WeakSet();
-var connect = ({
-  messenger,
-  methods = {},
-  timeout,
-  channel,
-  log
-}) => {
-  if (!messenger) {
-    throw new PenpalError_default("INVALID_ARGUMENT", "messenger must be defined");
   }
-  if (usedMessengers.has(messenger)) {
-    throw new PenpalError_default(
-      "INVALID_ARGUMENT",
-      "A messenger can only be used for a single connection"
-    );
+  // To be implemented by adapters
+  destroy() {
   }
-  usedMessengers.add(messenger);
-  const connectionDestroyedHandlers = [messenger.destroy];
-  const destroyConnection = once_default((notifyOtherParticipant) => {
-    if (notifyOtherParticipant) {
-      const destroyMessage = {
-        namespace: namespace_default,
-        channel,
-        type: "DESTROY"
-      };
-      try {
-        messenger.sendMessage(destroyMessage);
-      } catch (_) {
-      }
-    }
-    for (const connectionDestroyedHandler of connectionDestroyedHandlers) {
-      connectionDestroyedHandler();
-    }
-    log == null ? void 0 : log("Connection destroyed");
-  });
-  const validateReceivedMessage = (data) => {
-    return isMessage(data) && data.channel === channel;
-  };
-  const promise = (async () => {
-    try {
-      messenger.initialize({ log, validateReceivedMessage });
-      messenger.addMessageHandler((message) => {
-        if (isDestroyMessage(message)) {
-          destroyConnection(false);
-        }
-      });
-      const { remoteProxy, destroy } = await shakeHands_default({
-        messenger,
-        methods,
-        timeout,
-        channel,
-        log
-      });
-      connectionDestroyedHandlers.push(destroy);
-      return remoteProxy;
-    } catch (error) {
-      destroyConnection(true);
-      throw error;
-    }
-  })();
-  return {
-    promise,
-    // Why we don't reject the connection promise when consumer calls destroy():
-    // https://github.com/Aaronius/penpal/issues/51
-    destroy: () => {
-      destroyConnection(true);
-    }
-  };
-};
-var connect_default = connect;
-var WindowMessenger = (_d = class {
-  constructor({ remoteWindow, allowedOrigins }) {
-    __privateAdd(this, _remoteWindow);
-    __privateAdd(this, _allowedOrigins);
-    __privateAdd(this, _log);
-    __privateAdd(this, _validateReceivedMessage);
-    __privateAdd(this, _concreteRemoteOrigin);
-    __privateAdd(this, _messageCallbacks, /* @__PURE__ */ new Set());
-    __privateAdd(this, _port);
-    // TODO: Used for backward-compatibility. Remove in next major version.
-    __privateAdd(this, _isChildUsingDeprecatedProtocol, false);
-    __publicField(this, "initialize", ({
-      log,
-      validateReceivedMessage
-    }) => {
-      __privateSet(this, _log, log);
-      __privateSet(this, _validateReceivedMessage, validateReceivedMessage);
-      window.addEventListener("message", __privateGet(this, _handleMessageFromRemoteWindow));
-    });
-    __publicField(this, "sendMessage", (message, transferables) => {
-      if (isSynMessage(message)) {
-        const originForSending = __privateGet(this, _getOriginForSendingMessage).call(this, message);
-        __privateGet(this, _remoteWindow).postMessage(message, {
-          targetOrigin: originForSending,
-          transfer: transferables
-        });
-        return;
-      }
-      if (isAck1Message(message) || // If the child is using a previous version of Penpal, we need to
-      // downgrade the message and send it through the window rather than
-      // the port because older versions of Penpal don't use MessagePorts.
-      __privateGet(this, _isChildUsingDeprecatedProtocol)) {
-        const payload = __privateGet(this, _isChildUsingDeprecatedProtocol) ? downgradeMessage(message) : message;
-        const originForSending = __privateGet(this, _getOriginForSendingMessage).call(this, message);
-        __privateGet(this, _remoteWindow).postMessage(payload, {
-          targetOrigin: originForSending,
-          transfer: transferables
-        });
-        return;
-      }
-      if (isAck2Message(message)) {
-        const { port1, port2 } = new MessageChannel();
-        __privateSet(this, _port, port1);
-        port1.addEventListener("message", __privateGet(this, _handleMessageFromPort));
-        port1.start();
-        const transferablesToSend = [port2, ...transferables || []];
-        const originForSending = __privateGet(this, _getOriginForSendingMessage).call(this, message);
-        __privateGet(this, _remoteWindow).postMessage(message, {
-          targetOrigin: originForSending,
-          transfer: transferablesToSend
-        });
-        return;
-      }
-      if (__privateGet(this, _port)) {
-        __privateGet(this, _port).postMessage(message, {
-          transfer: transferables
-        });
-        return;
-      }
-      throw new PenpalError_default(
-        "TRANSMISSION_FAILED",
-        "Cannot send message because the MessagePort is not connected"
-      );
-    });
-    __publicField(this, "addMessageHandler", (callback) => {
-      __privateGet(this, _messageCallbacks).add(callback);
-    });
-    __publicField(this, "removeMessageHandler", (callback) => {
-      __privateGet(this, _messageCallbacks).delete(callback);
-    });
-    __publicField(this, "destroy", () => {
-      window.removeEventListener("message", __privateGet(this, _handleMessageFromRemoteWindow));
-      __privateGet(this, _destroyPort).call(this);
-      __privateGet(this, _messageCallbacks).clear();
-    });
-    __privateAdd(this, _isAllowedOrigin, (origin) => {
-      return __privateGet(this, _allowedOrigins).some(
-        (allowedOrigin) => allowedOrigin instanceof RegExp ? allowedOrigin.test(origin) : allowedOrigin === origin || allowedOrigin === "*"
-      );
-    });
-    __privateAdd(this, _getOriginForSendingMessage, (message) => {
-      if (isSynMessage(message)) {
-        return "*";
-      }
-      if (!__privateGet(this, _concreteRemoteOrigin)) {
-        throw new PenpalError_default(
-          "TRANSMISSION_FAILED",
-          "Cannot send message because the remote origin is not established"
-        );
-      }
-      return __privateGet(this, _concreteRemoteOrigin) === "null" && __privateGet(this, _allowedOrigins).includes("*") ? "*" : __privateGet(this, _concreteRemoteOrigin);
-    });
-    __privateAdd(this, _destroyPort, () => {
-      var _a2, _b2;
-      (_a2 = __privateGet(this, _port)) == null ? void 0 : _a2.removeEventListener("message", __privateGet(this, _handleMessageFromPort));
-      (_b2 = __privateGet(this, _port)) == null ? void 0 : _b2.close();
-      __privateSet(this, _port, void 0);
-    });
-    __privateAdd(this, _handleMessageFromRemoteWindow, ({
-      source,
-      origin,
-      ports,
-      data
-    }) => {
-      var _a2, _b2, _c2, _d2, _e;
-      if (source !== __privateGet(this, _remoteWindow)) {
-        return;
-      }
-      if (isDeprecatedMessage(data)) {
-        (_a2 = __privateGet(this, _log)) == null ? void 0 : _a2.call(
-          this,
-          "Please upgrade the child window to the latest version of Penpal."
-        );
-        __privateSet(this, _isChildUsingDeprecatedProtocol, true);
-        try {
-          data = upgradeMessage(data);
-        } catch (error) {
-          (_b2 = __privateGet(this, _log)) == null ? void 0 : _b2.call(
-            this,
-            `Failed to translate deprecated message: ${error.message}`
-          );
-          return;
-        }
-      }
-      if (!((_c2 = __privateGet(this, _validateReceivedMessage)) == null ? void 0 : _c2.call(this, data))) {
-        return;
-      }
-      if (!__privateGet(this, _isAllowedOrigin).call(this, origin)) {
-        (_d2 = __privateGet(this, _log)) == null ? void 0 : _d2.call(
-          this,
-          `Received a message from origin \`${origin}\` which did not match allowed origins \`[${__privateGet(this, _allowedOrigins).join(", ")}]\``
-        );
-        return;
-      }
-      if (isSynMessage(data)) {
-        __privateGet(this, _destroyPort).call(this);
-        __privateSet(this, _concreteRemoteOrigin, origin);
-      }
-      if (isAck2Message(data) && // Previous versions of Penpal don't use MessagePorts and do all
-      // communication through the window.
-      !__privateGet(this, _isChildUsingDeprecatedProtocol)) {
-        __privateSet(this, _port, ports[0]);
-        if (!__privateGet(this, _port)) {
-          (_e = __privateGet(this, _log)) == null ? void 0 : _e.call(this, "Ignoring ACK2 because it did not include a MessagePort");
-          return;
-        }
-        __privateGet(this, _port).addEventListener("message", __privateGet(this, _handleMessageFromPort));
-        __privateGet(this, _port).start();
-      }
-      for (const callback of __privateGet(this, _messageCallbacks)) {
-        callback(data);
-      }
-    });
-    __privateAdd(this, _handleMessageFromPort, ({ data }) => {
-      var _a2;
-      if (!((_a2 = __privateGet(this, _validateReceivedMessage)) == null ? void 0 : _a2.call(this, data))) {
-        return;
-      }
-      for (const callback of __privateGet(this, _messageCallbacks)) {
-        callback(data);
-      }
-    });
-    if (!remoteWindow) {
-      throw new PenpalError_default("INVALID_ARGUMENT", "remoteWindow must be defined");
-    }
-    __privateSet(this, _remoteWindow, remoteWindow);
-    __privateSet(this, _allowedOrigins, (allowedOrigins == null ? void 0 : allowedOrigins.length) ? allowedOrigins : [window.origin]);
+  post(action, data = {}) {
+    this.sendMessage({ from: "SamanDesk", action, data });
   }
-}, _remoteWindow = new WeakMap(), _allowedOrigins = new WeakMap(), _log = new WeakMap(), _validateReceivedMessage = new WeakMap(), _concreteRemoteOrigin = new WeakMap(), _messageCallbacks = new WeakMap(), _port = new WeakMap(), _isChildUsingDeprecatedProtocol = new WeakMap(), _isAllowedOrigin = new WeakMap(), _getOriginForSendingMessage = new WeakMap(), _destroyPort = new WeakMap(), _handleMessageFromRemoteWindow = new WeakMap(), _handleMessageFromPort = new WeakMap(), _d);
-var WindowMessenger_default = WindowMessenger;
-class InterOperation {
-  async init() {
-    const frame2 = getFrame();
-    frame2.addEventListener("load", () => {
-      this.connectChild();
+  run(action, data = {}) {
+    const id = ++this.promiseCount;
+    this.sendMessage({ from: "SamanDesk", action, data, id });
+    return new Promise((resolve) => {
+      this.runPromises[id] = resolve;
     });
   }
-  connectChild() {
-    var _a2;
-    const frame2 = getFrame();
-    if (!frame2.contentWindow || !frame2.src) return;
-    (_a2 = this.connection) == null ? void 0 : _a2.destroy();
-    this.connection = connect_default({
-      messenger: new WindowMessenger_default({
-        remoteWindow: frame2.contentWindow,
-        allowedOrigins: [new URL(frame2.src, window.location.href).origin]
-      }),
-      methods: {
-        setToken: this.setToken.bind(this),
-        close: this.close.bind(this),
-        getConfig: this.getConfig.bind(this),
-        openLink: this.openLink.bind(this),
-        setGuestReadyEvent: this.setGuestReadyEvent.bind(this)
-      }
-    });
-    this.connection.promise.catch(() => {
-    });
-  }
-  /** توکن را از میزبان دریافت کرده و آن را ذخیره می‌کند. سپس به میزبان اعلام می‌کند که آماده‌ی ادامه‌ی کار است */
-  setToken(data) {
-    setToken(data.token);
-    clearFrame();
-    window.dispatchEvent(getReadyEvent());
-  }
-  /** بستن کتابخانه */
-  close() {
-    clearFrame();
-    const backdrop2 = getBackdrop();
-    document.body.removeChild(backdrop2);
-    backdrop2.onclick = null;
-    document.body.removeChild(getFrame());
-    window.dispatchEvent(getCloseEvent());
-  }
-  /** اطلاعات کتابخانه را به بیرون اطلاع می‌دهد */
-  getConfig() {
-    const themeData = getTheme();
-    const languageData = getLanguage();
-    return { color: themeData.color, theme: themeData.theme, language: languageData.language };
-  }
-  /** لینک موردنظر را به وسیله‌ی تابع از پیش تعریف‌شده باز می‌کند */
-  openLink(data) {
-    getOpenLinkFn()(data.link);
-  }
-  setGuestReadyEvent() {
-    window.dispatchEvent(setGuestReadyEvent());
+  sendResponse(id, action, data) {
+    this.sendMessage({ from: "SamanDesk", action, data, id });
   }
 }
-const SITE_URL = "http://localhost:2525";
-class SamanDesk {
-  /**
-   * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
-   */
-  async init(config, verifiedToken) {
-    this.interoperation = new InterOperation();
-    this.interoperation.init();
-    const frame2 = getFrame();
-    const backdrop2 = getBackdrop();
-    setTheme({
-      darkMode: config.theme.darkMode ?? "light",
-      color: config.theme.color ?? "default"
-    });
-    setLanguage(config.language ?? "fa");
-    setOpenLinkFn(config.linkHandler);
-    this.config = config;
-    if (verifiedToken) {
-      setFrameSrc(`${SITE_URL}/setup-interoperation/${verifiedToken}`);
-      frame2.width = "0";
-      frame2.style.width = "0";
-    } else {
-      this.setStyle();
-      setFrameSrc(`${SITE_URL}/guest-login/${config.workspaceID}`);
-    }
-    document.body.appendChild(backdrop2);
-    document.body.appendChild(frame2);
-  }
-  /**
-   * استایل مربوط به آیفریم را تنظیم می‌کند
-   *
-   * @param fullScreen - تمام صفحه باز شود یا خیر
-   *
-   */
-  setStyle() {
-    var _a2, _b2, _c2, _d2;
-    const frame2 = getFrame();
-    const backdrop2 = getBackdrop();
-    frame2.style.position = "fixed";
-    frame2.style.zIndex = "1000";
-    const backdropStyles = {
+function createSamanDeskWeb(config, options = {}) {
+  const frame = document.createElement("iframe");
+  const backdrop = document.createElement("div");
+  let isFrameAttached = false;
+  const core = new SamanDeskCore(config);
+  const applyStyles = () => {
+    var _a, _b, _c, _d;
+    Object.assign(backdrop.style, {
       position: "fixed",
       top: "0",
       bottom: "0",
       left: "0",
       right: "0",
       backgroundColor: "rgba(0,0,0,0.5)",
-      zIndex: "1000"
-    };
-    Object.assign(backdrop2.style, backdropStyles);
-    if (this.config.fullScreen) {
-      const marginTopVal = ((_a2 = this.config.style) == null ? void 0 : _a2.marginTop) ?? 0;
-      const marginBottomVal = ((_b2 = this.config.style) == null ? void 0 : _b2.marginBottom) ?? 0;
+      zIndex: "1000",
+      display: "none"
+    });
+    Object.assign(frame.style, {
+      position: "fixed",
+      zIndex: "1000",
+      border: "none",
+      display: "none"
+    });
+    if (options.fullScreen) {
+      const marginTopVal = ((_a = options.style) == null ? void 0 : _a.marginTop) ?? 0;
+      const marginBottomVal = ((_b = options.style) == null ? void 0 : _b.marginBottom) ?? 0;
       const totalMargin = marginTopVal + marginBottomVal;
-      Object.assign(frame2.style, {
-        bottom: ((_c2 = this.config.style) == null ? void 0 : _c2.marginBottom) ? `${this.config.style.marginBottom.toString()}px` : "0",
+      Object.assign(frame.style, {
+        bottom: `${marginBottomVal}px`,
         left: "0",
-        top: ((_d2 = this.config.style) == null ? void 0 : _d2.marginTop) ? `${this.config.style.marginTop.toString()}px` : "0",
+        top: `${marginTopVal}px`,
         right: "0",
         width: "100%",
         height: `calc(100% - ${totalMargin}px)`
       });
     } else {
-      Object.assign(frame2.style, {
+      Object.assign(frame.style, {
         top: "50%",
         left: "50%",
         transform: "translate(-50%, -50%)",
-        width: "100%",
+        width: ((_c = options.style) == null ? void 0 : _c.width) || "100%",
         maxWidth: "500px",
         boxShadow: "0px 0px 100px 0px rgba(0,0,0,0.48)",
         borderRadius: "24px",
-        height: "100%",
+        height: ((_d = options.style) == null ? void 0 : _d.height) || "100%",
         maxHeight: "660px"
       });
     }
-    document.body.appendChild(backdrop2);
-    document.body.appendChild(frame2);
-    backdrop2.onclick = () => {
-      this.close();
-    };
-  }
-  /**
-   * این تابع آیفریم را باز می‌کند.
-   */
-  open(link) {
-    const src = link || `${SITE_URL}/department-selection?token=${getToken()}`;
-    this.setStyle();
-    setFrameSrc(src);
-    window.dispatchEvent(getOpenEvent());
+  };
+  const attachFrame = () => {
+    if (!isFrameAttached) {
+      applyStyles();
+      document.body.appendChild(backdrop);
+      document.body.appendChild(frame);
+      backdrop.onclick = () => webApi.close();
+      window.addEventListener("message", handleMessage);
+      isFrameAttached = true;
+    }
+  };
+  const detachFrame = () => {
+    if (isFrameAttached) {
+      document.body.removeChild(backdrop);
+      document.body.removeChild(frame);
+      window.removeEventListener("message", handleMessage);
+      isFrameAttached = false;
+    }
+  };
+  const show = (src) => {
+    attachFrame();
+    frame.src = src;
+    frame.style.display = "block";
+    if (!options.fullScreen) {
+      backdrop.style.display = "block";
+    }
+    if (config.onOpen) config.onOpen();
+  };
+  const hide = () => {
+    frame.src = "about:blank";
+    frame.style.display = "none";
+    backdrop.style.display = "none";
+    if (config.onClose) config.onClose();
+  };
+  const handleMessage = (event) => {
+    core.handleIncomingMessage(event.data);
+  };
+  core.sendMessage = (message) => {
+    if (frame.contentWindow) {
+      frame.contentWindow.postMessage(message, config.siteUrl || "*");
+    }
+  };
+  const webApi = {
+    open: (link) => {
+      show(core.getOpenUrl(link));
+    },
+    close: () => {
+      hide();
+    },
+    destroy: () => {
+      hide();
+      detachFrame();
+    }
+  };
+  const initialSrc = core.getInitialUrl();
+  frame.src = initialSrc;
+  if (!config.verifiedToken) {
+    show(initialSrc);
+  } else {
+    attachFrame();
+    frame.style.width = "0";
+    frame.style.height = "0";
+    frame.style.display = "block";
   }
-  /**
-   * بستن کتابخانه
-   */
-  close() {
-    var _a2;
-    (_a2 = this.interoperation) == null ? void 0 : _a2.close();
+  return webApi;
+}
+function createSamanDeskReactNative(config, options) {
+  class SamanDeskCoreReactNative extends SamanDeskCore {
+    sendMessage(message) {
+      const script = `
+      window.dispatchEvent(new MessageEvent('message', {
+        data: ${JSON.stringify(message)}
+      }));
+    `;
+      options.injectJavaScript(script);
+    }
   }
+  const core = new SamanDeskCoreReactNative(config);
+  const updateState = (updater) => {
+    const newState = {
+      source: { uri: "" },
+      visible: false,
+      ...updater(currentState)
+    };
+    currentState = newState;
+    options.onStateChange(currentState);
+  };
+  const initialUrl = core.getInitialUrl();
+  let currentState = {
+    source: { uri: initialUrl },
+    visible: !config.verifiedToken
+  };
+  const rnApi = {
+    getState: () => {
+      return currentState;
+    },
+    open: (link) => {
+      updateState((prev) => ({
+        ...prev,
+        source: { uri: core.getOpenUrl(link) },
+        visible: true
+      }));
+      if (config.onOpen) config.onOpen();
+    },
+    close: () => {
+      updateState((prev) => ({
+        ...prev,
+        visible: false,
+        source: { uri: "about:blank" }
+      }));
+      if (config.onClose) config.onClose();
+    },
+    destroy: () => {
+      rnApi.close();
+    },
+    getWebViewProps: () => ({
+      // source: currentState.source,
+      onMessage: (event) => {
+        try {
+          core.handleIncomingMessage(JSON.parse(event.nativeEvent.data));
+        } catch (error) {
+          console.error(
+            "[SamanDesk-RN] Error parsing incoming message:",
+            error
+          );
+        }
+      }
+      // onLoadEnd: () => {
+      //   // Potentially useful for signaling when the webview has loaded initial content
+      // },
+      // javaScriptEnabled: true,
+      // originWhitelist: ["*"], // Be more specific in production
+    })
+  };
+  return rnApi;
 }
 export {
-  SamanDesk
+  createSamanDeskReactNative,
+  createSamanDeskWeb
 };