samandesk 1.2.0 → 2.0.0-beta2.0

package/dist/saman-desk.js

@@ -1,229 +1,312 @@
-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");
-const run = {
-  count: 0,
-  promises: {}
-};
-function getRun() {
-  return run;
-}
-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;
-}
-function handleEvents(interoperation) {
-  window.addEventListener("message", (event) => {
-    if (!event.data.from || event.data.from !== "SamanDesk") return;
-    let handledByInterOperation = false;
-    console.log(`message from (${event.origin})`, event);
-    try {
-      interoperation[event.data.action](event.data);
-      handledByInterOperation = true;
-    } catch (err) {
-      console.error("error while run event action");
-    }
-    const data = event.data;
-    const id = data.id;
-    const run2 = getRun();
-    if (id in run2.promises && run2.promises[id]) {
-      run2.promises[id](data);
-      delete run2.promises[id];
-    } else if (!handledByInterOperation) {
-      console.error("Message from outside of frame is invalid");
-    }
-  });
-}
-function resolveRun(id, data, action) {
-  var _a;
-  const postData = { from: "SamanDesk", action, data, id };
-  const frame2 = getFrame();
-  (_a = frame2.contentWindow) == null ? void 0 : _a.postMessage(postData, "*");
-}
-class InterOperation {
-  async init() {
-    handleEvents(this);
+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
+    };
+  }
+  get defaultSiteUrl() {
+    return (__vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_DEV_MODE) === "1" ? "http://localhost:2525" : "https://samandesk.com";
+  }
+  getInitialUrl() {
+    if (this.config.verifiedToken) {
+      return `${this.config.siteUrl}/setup-interoperation/${this.config.verifiedToken}`;
+    }
+    return `${this.config.siteUrl}/guest-login/${this.config.workspaceID}`;
+  }
+  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;
+    }
+    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}`);
+    }
+  }
+  handleSetToken(data) {
+    if (data && data.token) {
+      this.token = data.token;
+      this.isReady = true;
+      if (this.config.onReady) {
+        this.config.onReady(this.token);
+      }
+      if (this.config.onTokenChange) {
+        this.config.onTokenChange(this.token);
+      }
+    }
+  }
+  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"
+      });
+    }
   }
-  /** توکن را از میزبان دریافت کرده و آن را ذخیره می‌کند. سپس به میزبان اعلام می‌کند که آماده‌ی ادامه‌ی کار است */
-  setToken(data) {
-    setToken(data.data.token);
-    clearFrame();
-    window.dispatchEvent(getReadyEvent());
+  handleOpenLink(data) {
+    if (this.config.linkHandler) {
+      this.config.linkHandler(data.link);
+    } else {
+      console.warn("[SamanDesk] openLink requested but no linkHandler configured.");
+    }
+  }
+  handleSetGuestReadyEvent() {
+    this.isReady = true;
+    if (this.config.onGuestReady) {
+      this.config.onGuestReady();
+    }
+  }
+  handleCloseFromInside() {
+    this.close();
   }
-  /** بستن کتابخانه */
+  // To be implemented by adapters
+  sendMessage(message) {
+    throw new Error("sendMessage not implemented");
+  }
+  // To be implemented by adapters
   close() {
-    clearFrame();
-    const backdrop2 = getBackdrop();
-    document.body.removeChild(backdrop2);
-    backdrop2.onclick = null;
-    document.body.removeChild(getFrame());
-    window.dispatchEvent(getCloseEvent());
-  }
-  /** اطلاعات کتابخانه را به بیرون اطلاع می‌دهد */
-  getConfig(data) {
-    const themeData = getTheme();
-    const languageData = getLanguage();
-    resolveRun(data.id, { color: themeData.color, theme: themeData.theme, language: languageData.language }, data.action);
-  }
-  /** لینک موردنظر را به وسیله‌ی تابع از پیش تعریف‌شده باز می‌کند */
-  openLink(data) {
-    getOpenLinkFn()(data.data.link);
-  }
-  setGuestReadyEvent() {
-    window.dispatchEvent(setGuestReadyEvent());
+    if (this.config.onClose) {
+      this.config.onClose();
+    }
   }
-}
-const SITE_URL = "https://samandesk.com";
-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"
+  // To be implemented by adapters
+  open(link) {
+    if (this.config.onOpen) {
+      this.config.onOpen();
+    }
+  }
+  // To be implemented by adapters
+  destroy() {
+  }
+  post(action, data = {}) {
+    this.sendMessage({ from: "SamanDesk", action, data });
+  }
+  run(action, data = {}) {
+    const id = ++this.promiseCount;
+    this.sendMessage({ from: "SamanDesk", action, data, id });
+    return new Promise((resolve) => {
+      this.runPromises[id] = resolve;
     });
-    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() {
+  }
+  sendResponse(id, action, data) {
+    this.sendMessage({ from: "SamanDesk", action, data, id });
+  }
+}
+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;
-    const frame2 = getFrame();
-    const backdrop2 = getBackdrop();
-    frame2.style.position = "fixed";
-    frame2.style.zIndex = "1000";
-    const backdropStyles = {
+    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 = ((_a = this.config.style) == null ? void 0 : _a.marginTop) ?? 0;
-      const marginBottomVal = ((_b = this.config.style) == null ? void 0 : _b.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: ((_c = this.config.style) == null ? void 0 : _c.marginBottom) ? `${this.config.style.marginBottom.toString()}px` : "0",
+      Object.assign(frame.style, {
+        bottom: `${marginBottomVal}px`,
         left: "0",
-        top: ((_d = this.config.style) == null ? void 0 : _d.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();
-    };
+  };
+  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";
   }
-  /**
-   * این تابع آیفریم را باز می‌کند.
-   */
-  open(link) {
-    const src = link || `${SITE_URL}/department-selection?token=${getToken()}`;
-    this.setStyle();
-    setFrameSrc(src);
-    window.dispatchEvent(getOpenEvent());
-  }
-  /**
-   * بستن کتابخانه
-   */
-  close() {
-    var _a;
-    (_a = this.interoperation) == null ? void 0 : _a.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
 };

package/dist/saman-desk.umd.cjs

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).SamanDesk={})}(this,(function(e){"use strict";let t;const o=document.createElement("iframe");let n,i,s,a=e=>window.open(e,"_blank","noopener");const d=document.createElement("div"),l={count:0,promises:{}};function r(){o.src=""}function c(e){o.src=e}function p(){return o}function m(){return d}const g=new Event("ready"),h=new Event("open"),f=new Event("close"),u=new Event("guest-ready");function y(e){window.addEventListener("message",(t=>{if(!t.data.from||"SamanDesk"!==t.data.from)return;let o=!1;console.log(`message from (${t.origin})`,t);try{e[t.data.action](t.data),o=!0}catch(a){console.error("error while run event action")}const n=t.data,i=n.id,s=l;i in s.promises&&s.promises[i]?(s.promises[i](n),delete s.promises[i]):o||console.error("Message from outside of frame is invalid")}))}class v{async init(){y(this)}setToken(e){var o;o=e.data.token,t=o,r(),window.dispatchEvent(g)}close(){r();const e=m();document.body.removeChild(e),e.onclick=null,document.body.removeChild(p()),window.dispatchEvent(f)}getConfig(e){const t={theme:n,color:i},o={language:s};!function(e,t,o){var n;const i={from:"SamanDesk",action:o,data:t,id:e};null==(n=p().contentWindow)||n.postMessage(i,"*")}(e.id,{color:t.color,theme:t.theme,language:o.language},e.action)}openLink(e){a(e.data.link)}setGuestReadyEvent(){window.dispatchEvent(u)}}const w="https://samandesk.com";e.SamanDesk=class{async init(e,t){this.interoperation=new v,this.interoperation.init();const o=p(),d=m();var l,r,g;l={darkMode:e.theme.darkMode??"light",color:e.theme.color??"default"},n=l.darkMode,i=l.color,r=e.language??"fa",s=r,(g=e.linkHandler)&&(a=g),this.config=e,t?(c(`${w}/setup-interoperation/${t}`),o.width="0",o.style.width="0"):(this.setStyle(),c(`${w}/guest-login/${e.workspaceID}`)),document.body.appendChild(d),document.body.appendChild(o)}setStyle(){var e,t,o,n;const i=p(),s=m();i.style.position="fixed",i.style.zIndex="1000";if(Object.assign(s.style,{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",backgroundColor:"rgba(0,0,0,0.5)",zIndex:"1000"}),this.config.fullScreen){const s=((null==(e=this.config.style)?void 0:e.marginTop)??0)+((null==(t=this.config.style)?void 0:t.marginBottom)??0);Object.assign(i.style,{bottom:(null==(o=this.config.style)?void 0:o.marginBottom)?`${this.config.style.marginBottom.toString()}px`:"0",left:"0",top:(null==(n=this.config.style)?void 0:n.marginTop)?`${this.config.style.marginTop.toString()}px`:"0",right:"0",width:"100%",height:`calc(100% - ${s}px)`})}else Object.assign(i.style,{top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",maxWidth:"500px",boxShadow:"0px 0px 100px 0px rgba(0,0,0,0.48)",borderRadius:"24px",height:"100%",maxHeight:"660px"});document.body.appendChild(s),document.body.appendChild(i),s.onclick=()=>{this.close()}}open(e){const o=e||`${w}/department-selection?token=${t}`;this.setStyle(),c(o),window.dispatchEvent(h)}close(){var e;null==(e=this.interoperation)||e.close()}},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).SamanDesk={})}(this,(function(e){"use strict";const n={};class t{constructor(e){this.runPromises={},this.promiseCount=0,this.isReady=!1,this.config={siteUrl:this.defaultSiteUrl,language:"fa",theme:{darkMode:"light",color:"default"},...e}}get defaultSiteUrl(){return"1"===(null==n?void 0:n.VITE_DEV_MODE)?"http://localhost:2525":"https://samandesk.com"}getInitialUrl(){return this.config.verifiedToken?`${this.config.siteUrl}/setup-interoperation/${this.config.verifiedToken}`:`${this.config.siteUrl}/guest-login/${this.config.workspaceID}`}getOpenUrl(e){return e||`${this.config.siteUrl}/department-selection?token=${this.token}`}handleIncomingMessage(e){if(!e||"SamanDesk"!==e.from)return;const{action:n,id:t,data:s}=e;if(void 0!==t&&this.runPromises[t])return this.runPromises[t](s),void delete this.runPromises[t];switch(n){case"setToken":this.handleSetToken(s);break;case"getConfig":this.handleGetConfig(t);break;case"openLink":this.handleOpenLink(s);break;case"setGuestReadyEvent":this.handleSetGuestReadyEvent();break;case"close":this.handleCloseFromInside();break;default:console.warn(`[SamanDesk] Unhandled action: ${n}`)}}handleSetToken(e){e&&e.token&&(this.token=e.token,this.isReady=!0,this.config.onReady&&this.config.onReady(this.token),this.config.onTokenChange&&this.config.onTokenChange(this.token))}handleGetConfig(e){var n,t;void 0!==e&&this.sendResponse(e,"getConfig",{color:(null==(n=this.config.theme)?void 0:n.color)||"default",theme:(null==(t=this.config.theme)?void 0:t.darkMode)||"light",language:this.config.language||"fa"})}handleOpenLink(e){this.config.linkHandler?this.config.linkHandler(e.link):console.warn("[SamanDesk] openLink requested but no linkHandler configured.")}handleSetGuestReadyEvent(){this.isReady=!0,this.config.onGuestReady&&this.config.onGuestReady()}handleCloseFromInside(){this.close()}sendMessage(e){throw new Error("sendMessage not implemented")}close(){this.config.onClose&&this.config.onClose()}open(e){this.config.onOpen&&this.config.onOpen()}destroy(){}post(e,n={}){this.sendMessage({from:"SamanDesk",action:e,data:n})}run(e,n={}){const t=++this.promiseCount;return this.sendMessage({from:"SamanDesk",action:e,data:n,id:t}),new Promise((e=>{this.runPromises[t]=e}))}sendResponse(e,n,t){this.sendMessage({from:"SamanDesk",action:n,data:t,id:e})}}e.createSamanDeskReactNative=function(e,n){const s=new class extends t{sendMessage(e){const t=`\n      window.dispatchEvent(new MessageEvent('message', {\n        data: ${JSON.stringify(e)}\n      }));\n    `;n.injectJavaScript(t)}}(e),o=e=>{const t={source:{uri:""},visible:!1,...e(i)};i=t,n.onStateChange(i)};let i={source:{uri:s.getInitialUrl()},visible:!e.verifiedToken};const a={getState:()=>i,open:n=>{o((e=>({...e,source:{uri:s.getOpenUrl(n)},visible:!0}))),e.onOpen&&e.onOpen()},close:()=>{o((e=>({...e,visible:!1,source:{uri:"about:blank"}}))),e.onClose&&e.onClose()},destroy:()=>{a.close()},getWebViewProps:()=>({onMessage:e=>{try{s.handleIncomingMessage(JSON.parse(e.nativeEvent.data))}catch(n){console.error("[SamanDesk-RN] Error parsing incoming message:",n)}}})};return a},e.createSamanDeskWeb=function(e,n={}){const s=document.createElement("iframe"),o=document.createElement("div");let i=!1;const a=new t(e),l=()=>{i||((()=>{var e,t,i,a;if(Object.assign(o.style,{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",backgroundColor:"rgba(0,0,0,0.5)",zIndex:"1000",display:"none"}),Object.assign(s.style,{position:"fixed",zIndex:"1000",border:"none",display:"none"}),n.fullScreen){const o=(null==(e=n.style)?void 0:e.marginTop)??0,i=(null==(t=n.style)?void 0:t.marginBottom)??0,a=o+i;Object.assign(s.style,{bottom:`${i}px`,left:"0",top:`${o}px`,right:"0",width:"100%",height:`calc(100% - ${a}px)`})}else Object.assign(s.style,{top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:(null==(i=n.style)?void 0:i.width)||"100%",maxWidth:"500px",boxShadow:"0px 0px 100px 0px rgba(0,0,0,0.48)",borderRadius:"24px",height:(null==(a=n.style)?void 0:a.height)||"100%",maxHeight:"660px"})})(),document.body.appendChild(o),document.body.appendChild(s),o.onclick=()=>h.close(),window.addEventListener("message",c),i=!0)},r=t=>{l(),s.src=t,s.style.display="block",n.fullScreen||(o.style.display="block"),e.onOpen&&e.onOpen()},d=()=>{s.src="about:blank",s.style.display="none",o.style.display="none",e.onClose&&e.onClose()},c=e=>{a.handleIncomingMessage(e.data)};a.sendMessage=n=>{s.contentWindow&&s.contentWindow.postMessage(n,e.siteUrl||"*")};const h={open:e=>{r(a.getOpenUrl(e))},close:()=>{d()},destroy:()=>{d(),i&&(document.body.removeChild(o),document.body.removeChild(s),window.removeEventListener("message",c),i=!1)}},g=a.getInitialUrl();return s.src=g,e.verifiedToken?(l(),s.style.width="0",s.style.height="0",s.style.display="block"):r(g),h},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/src/adapters/react-native/index.d.ts

@@ -0,0 +1,30 @@
+import { SamanDeskConfig } from '../../core/types';
+interface ReactNativeState {
+    source: {
+        uri: string;
+    };
+    visible: boolean;
+}
+interface ReactNativeOptions {
+    onStateChange: (state: ReactNativeState) => void;
+    injectJavaScript: (script: string) => void;
+}
+export declare function createSamanDeskReactNative(config: SamanDeskConfig, options: ReactNativeOptions): {
+    getState: () => {
+        source: {
+            uri: string;
+        };
+        visible: boolean;
+    };
+    open: (link?: string) => void;
+    close: () => void;
+    destroy: () => void;
+    getWebViewProps: () => {
+        onMessage: (event: {
+            nativeEvent: {
+                data: string;
+            };
+        }) => void;
+    };
+};
+export {};

package/dist/src/adapters/web/index.d.ts

@@ -0,0 +1,16 @@
+import { SamanDeskConfig } from '../../core/types';
+interface WebOptions {
+    fullScreen?: boolean;
+    style?: {
+        marginTop?: number;
+        marginBottom?: number;
+        width?: string;
+        height?: string;
+    };
+}
+export declare function createSamanDeskWeb(config: SamanDeskConfig, options?: WebOptions): {
+    open: (link?: string) => void;
+    close: () => void;
+    destroy: () => void;
+};
+export {};

package/dist/src/core/index.d.ts

@@ -0,0 +1,29 @@
+import { SamanDeskConfig, OutgoingMessage } from './types';
+export declare class SamanDeskCore {
+    config: SamanDeskConfig;
+    protected token?: string;
+    protected runPromises: Record<number, (data: any) => void>;
+    protected promiseCount: number;
+    isReady: boolean;
+    protected get defaultSiteUrl(): "http://localhost:2525" | "https://samandesk.com";
+    constructor(config: SamanDeskConfig);
+    getInitialUrl(): string;
+    getOpenUrl(link?: string): string;
+    handleIncomingMessage(message: any): void;
+    protected handleSetToken(data: {
+        token?: string;
+    }): void;
+    protected handleGetConfig(id?: number): void;
+    protected handleOpenLink(data: {
+        link: string;
+    }): void;
+    protected handleSetGuestReadyEvent(): void;
+    protected handleCloseFromInside(): void;
+    protected sendMessage(message: OutgoingMessage): void;
+    close(): void;
+    open(link?: string): void;
+    destroy(): void;
+    protected post(action: string, data?: object): void;
+    protected run<T>(action: string, data?: object): Promise<T>;
+    protected sendResponse(id: number, action: string, data: any): void;
+}

package/dist/src/core/types.d.ts

@@ -0,0 +1,50 @@
+import { Color } from '../../library-colors';
+export type ProjectTheme = {
+    /** روشن یا تیره‌بودن تم برنامه */
+    darkMode: 'light' | 'dark';
+    /** رنگ برنامه */
+    color: Color;
+};
+export interface SamanDeskConfig {
+    /** شناسه محیط کاری پروژه */
+    workspaceID?: string;
+    /** توکن وریفای شده */
+    verifiedToken?: string;
+    /** تم کتابخانه شامل :
+     * روشن یا تیره بودن کتابخانه
+     * رنگ تم کتابخانه
+     */
+    theme?: Partial<ProjectTheme>;
+    /** زبان کتابخانه */
+    language?: 'fa' | 'en' | 'ar' | string;
+    /** آدرس سرور */
+    siteUrl?: string;
+    /** تابع مدیریت‌کننده‌ی لینک‌ها */
+    linkHandler?: (link: string) => void;
+    /** زمانی که کتابخانه آماده شد */
+    onReady?: (token: string) => void;
+    /** وقتی که توکن عوض میشه */
+    onTokenChange?: (token: string) => void;
+    /** باز شدن کتابخانه */
+    onOpen?: () => void;
+    /** بسته شدن کتابخانه */
+    onClose?: () => void;
+    /** آماده شدن گست */
+    onGuestReady?: () => void;
+    /** هندل کردن ارور ها */
+    onError?: (error: Error) => void;
+}
+export type MessageData<T = {}> = {
+    /** شناسه داده */
+    id: number;
+    /** تابعی که داده برای آن ارسال شده است */
+    action: string;
+    /** داده موردنظر */
+    data: T;
+};
+export interface OutgoingMessage {
+    from: 'SamanDesk';
+    action: string;
+    data?: any;
+    id?: number;
+}

package/dist/src/index.d.ts

@@ -1,53 +1,3 @@
-import { ProjectTheme } from './data';
-export interface OpenConfig {
-    /**
-     * کتابخانه به صورت تمام صفحه باز شود یا خیر
-     *
-     * اگر تمام صفحه شود، از اطراف هیچ فضای خالی‌ای وجود نخواهد داشت و در غیر اینصورت، در وسط صفحه قرار خواهدگرفت
-     * ⁧در این حالت یک overlay پشت کتابخانه قرار خواهد گرفت
-     */
-    fullScreen: boolean;
-    /** تم کتابخانه شامل :
-     * روشن یا تیره بودن کتابخانه
-     * رنگ تم کتابخانه
-     */
-    theme: Partial<ProjectTheme>;
-    /** زبان کتابیخانه */
-    language: string;
-    /** تابع مدیریت‌کننده‌ی لینک‌ها */
-    linkHandler?: (link: string) => void;
-    /** شناسه محیط کاری پروژه */
-    workspaceID?: string;
-    style?: {
-        /** فاصله از بالا در حالت تمام صفحه */
-        marginTop?: number;
-        /** فاصله از پایین در حالت تمام صفحه */
-        marginBottom?: number;
-    };
-}
-export declare class SamanDesk {
-    /**
-     * ⁧ شی‌ء کلاس InterOperation
-     */
-    private interoperation?;
-    private config;
-    /**
-     * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
-     */
-    init(config: OpenConfig, verifiedToken?: string): Promise<void>;
-    /**
-     * استایل مربوط به آیفریم را تنظیم می‌کند
-     *
-     * @param fullScreen - تمام صفحه باز شود یا خیر
-     *
-     */
-    private setStyle;
-    /**
-     * این تابع آیفریم را باز می‌کند.
-     */
-    open(link?: string): void;
-    /**
-     * بستن کتابخانه
-     */
-    close(): void;
-}
+export * from './core/types';
+export { createSamanDeskWeb } from './adapters/web';
+export { createSamanDeskReactNative } from './adapters/react-native';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "samandesk",
-  "version": "1.2.0",
+  "version": "2.0.0-beta2.0",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -11,19 +11,20 @@
   "types": "./dist/src/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/src/index.d.ts",
       "import": "./dist/saman-desk.js",
-      "require": "./dist/saman-desk.umd.cjs",
-      "types": "./dist/src/index.d.ts"
+      "require": "./dist/saman-desk.umd.cjs"
     }
   },
   "scripts": {
     "start": "yarn link && cross-env VITE_DEV_MODE=1 yarn vite build --watch",
-    "prepublish": "vite build"
+    "prepublish": "cross-env VITE_DEV_MODE=0 vite build"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
     "terser": "^5.39.0",
     "typescript": "^5.8.3",
+    "uncrypto": "^0.1.3",
     "utility-types": "^3.11.0",
     "vite": "^6.3.3",
     "vite-plugin-dts": "^4.5.3"

package/dist/src/data.d.ts

@@ -1,60 +0,0 @@
-import { Color } from '../library-colors';
-export type ProjectTheme = {
-    /** روشن یا تیره‌بودن تم برنامه */
-    darkMode: 'light' | 'dark';
-    /** رنگ برنامه */
-    color: Color;
-};
-export type GuestData = {
-    mobile: string;
-    name?: string;
-    family: string;
-    countryCode: string;
-    verifyToken: string;
-    workspaceID: string;
-};
-type PromiseMap = {
-    [key: number]: (data: any) => void;
-};
-/** آبجکت پرامیس‌های منتظر اجرا */
-export declare function getRun(): {
-    count: number;
-    promises: PromiseMap;
-};
-/** تنظیم تعداد پرامیس‌های منتظر اجرا */
-export declare function setRunCount(count: number): void;
-/** تنظیم پرامیس‌های منتظر اجرا */
-export declare function setRunPromises(promises: PromiseMap): void;
-/** تنظیم کردن توکن */
-export declare function setToken(newToken: string): void;
-/** توکن را بر می‌گرداند */
-export declare function getToken(): string | undefined;
-/** ⁧تگ iframe را حذف می‌کند ⁩ */
-export declare function clearFrame(): void;
-/** ⁧مقدار src تگ iframe‌ را براساس ورودی تنظیم می‌کند */
-export declare function setFrameSrc(src: string): void;
-/** ⁧تگ iframe را بر می‌گرداند ⁩ */
-export declare function getFrame(): HTMLIFrameElement;
-export declare function setGuestData(data: GuestData): void;
-export declare function getGuestData(): GuestData | undefined;
-export declare function clearGuestData(): void;
-/** تم و رنگ کتابخانه را بر می‌گرداند */
-export declare function getTheme(): {
-    theme: "light" | "dark" | undefined;
-    color: Color;
-};
-/** زبان کتابخانه را بر می‌گرداند */
-export declare function getLanguage(): {
-    language: string;
-};
-/** ‌ تم و رنگ جدید کتابخانه را تنظیم می‌کند */
-export declare function setTheme(newTheme: ProjectTheme): void;
-/** زبان جدید کتابخانه را تنظیم می‌کند */
-export declare function setLanguage(newLanguage: string): void;
-/** عنصر بکدراپ را برمی‌گرداند */
-export declare function getBackdrop(): HTMLDivElement;
-/** تابع مدیریت‌کننده‌ی لینک‌ها را ست می‌کند */
-export declare function setOpenLinkFn(fn?: (link: string) => void): void;
-/** تابع مدیریت‌کننده‌ی لینک‌ها را برمی‌گرداند */
-export declare function getOpenLinkFn(): (link: string) => void;
-export {};

package/dist/src/events.d.ts

@@ -1,21 +0,0 @@
-import { InterOperation } from './interoperation';
-/**
- * ایونت آماده‌شدن توکن را بر می‌گرداند
- */
-export declare function getReadyEvent(): Event;
-/**
- * ایونت بازشدن کتابخانه را بر می‌گرداند
- */
-export declare function getOpenEvent(): Event;
-/**
- * ایونت بسته‌شدن کتابخانه را بر می‌گرداند
- */
-export declare function getCloseEvent(): Event;
-/**
- * ایونت آماده‌شدن حالت مهمان را بر می‌گرداند
- */
-export declare function setGuestReadyEvent(): Event;
-/**
- * ⁧eventهایی که از بیرون به داخل می‌ایند را اعتبار سنجی و سپس کار خواسته شده را انجام می‌دهد
- */
-export declare function handleEvents(interoperation: InterOperation): void;

package/dist/src/interoperation.d.ts

@@ -1,34 +0,0 @@
-import { FunctionKeys } from 'utility-types';
-type MessageData<T = {}> = {
-    /** شناسه داده */
-    id: number;
-    /** تابعی که داده برای آن ارسال شده است */
-    action: string;
-    /** داده موردنظر */
-    data: T;
-};
-/**
- * این تابع برای فراخوانی متدهاییست که مقداری بر نمی‌گردانند
- */
-export declare function post(action: string, data?: object): void;
-/**
- * این تابع برای فراخوانی متدهاییست که مقدار بر می‌گردانند
- */
-export declare function run<A extends FunctionKeys<InterOperation>>(action: A, data?: object): Promise<ReturnType<InterOperation[A]>>;
-export declare class InterOperation {
-    init(): Promise<void>;
-    /** توکن را از میزبان دریافت کرده و آن را ذخیره می‌کند. سپس به میزبان اعلام می‌کند که آماده‌ی ادامه‌ی کار است */
-    setToken(data: MessageData<{
-        token: string;
-    }>): void;
-    /** بستن کتابخانه */
-    close(): void;
-    /** اطلاعات کتابخانه را به بیرون اطلاع می‌دهد */
-    getConfig(data: MessageData): void;
-    /** لینک موردنظر را به وسیله‌ی تابع از پیش تعریف‌شده باز می‌کند */
-    openLink(data: MessageData<{
-        link: string;
-    }>): void;
-    setGuestReadyEvent(): void;
-}
-export {};