samandesk 1.0.13 → 1.0.15

package/dist/data.d.ts

@@ -20,4 +20,10 @@ export declare function clearFrame(): void;
 export declare function setFrameSrc(src: string): void;
 /** ⁧تگ iframe را بر می‌گرداند ⁩ */
 export declare function getFrame(): HTMLIFrameElement;
+/** تم کتابخانه را بر می‌گرداند */
+export declare function getTheme(): "light" | "dark" | undefined;
+/** ‌ تم جدید کتابخانه را تنظیم می‌کند */
+export declare function setTheme(newTheme: 'light' | 'dark'): void;
+/** عنصر بکدراپ را برمی‌گرداند */
+export declare function getBackdrop(): HTMLDivElement;
 export {};

package/dist/index.d.ts

@@ -12,8 +12,20 @@ export interface OpenConfig {
      * ⁧در این حالت یک overlay پشت کتابخانه قرار خواهد گرفت
      */
     fullScreen: boolean;
+    /**
+     * تم کتابخانه به چه صورت باشد؟
+     *
+     * ⁧'light': تم کتابخانه روشن است
+     *
+     * ⁧'dark': تم برنامه تاریک است
+     */
+    theme?: 'light' | 'dark';
 }
 export declare class SamanDesk {
+    /**
+     * ⁧ شی‌ء کلاس InterOperation
+     */
+    private interoperation?;
     /**
      * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
      */

package/dist/interoperation.d.ts

@@ -2,7 +2,7 @@ import { FunctionKeys } from 'utility-types';
 /**
  * این تابع برای فراخوانی متدهاییست که مقداری بر نمی‌گردانند
  */
-export declare function post(action: keyof InterOperation, data?: object): void;
+export declare function post(action: string, data?: object): void;
 /**
  * این تابع برای فراخوانی متدهاییست که مقدار بر می‌گردانند
  */
@@ -13,4 +13,6 @@ export declare class InterOperation {
     setToken(data: any): void;
     /** بستن کتابخانه */
     close(): void;
+    /** تم کتابخانه را به بیرون اطلاع می‌دهد */
+    getTheme(data: any): void;
 }

package/dist/saman-desk.js

@@ -1,73 +1,95 @@
 let p;
-const a = document.createElement("iframe"), m = {
+const c = document.createElement("iframe");
+let u;
+const h = document.createElement("div"), f = {
   count: 0,
   promises: {}
 };
-function u() {
-  return m;
+function g() {
+  return f;
 }
-function f(n) {
+function b(n) {
   p = n;
 }
-function h() {
+function y() {
   return p;
 }
-function c() {
-  a.src = "";
+function d() {
+  c.src = "";
+}
+function l(n) {
+  c.src = n;
+}
+function i() {
+  return c;
 }
-function d(n) {
-  a.src = n;
+function k() {
+  return u;
 }
-function r() {
-  return a;
+function E(n) {
+  u = n;
 }
-const g = new Event("ready"), w = new Event("open"), y = new Event("close");
-function E() {
-  return g;
+function a() {
+  return h;
 }
-function x() {
+const w = new Event("ready"), x = new Event("open"), v = new Event("close");
+function S() {
   return w;
 }
-function v() {
-  return y;
+function C() {
+  return x;
 }
-function b(n) {
+function T() {
+  return v;
+}
+function O(n) {
   window.addEventListener("message", (e) => {
     if (!e.data.from || e.data.from !== "SamanDesk")
       return;
     let t = !1;
     console.log(`message from (${e.origin})`, e);
     try {
-      n[e.data.action](e.data.data), t = !0;
+      n[e.data.action](e.data), t = !0;
     } catch {
       console.error("error while run event action");
     }
-    const o = e.data, s = o.id, i = u();
-    s in i.promises ? (i.promises[s](o), delete i.promises[s]) : t || console.error("Message from outside of frame is invalid");
+    const o = e.data, r = o.id, s = g();
+    r in s.promises ? (s.promises[r](o), delete s.promises[r]) : t || console.error("Message from outside of frame is invalid");
   });
 }
-class k {
+function D(n, e, t) {
+  var s;
+  const o = { from: "SamanDesk", action: t, data: e, id: n };
+  (s = i().contentWindow) == null || s.postMessage(o, "*");
+}
+class I {
   async init() {
-    b(this);
+    O(this);
   }
   /** توکن را از میزبان دریافت کرده و آن را ذخیره می‌کند. سپس به میزبان اعلام می‌کند که آماده‌ی ادامه‌ی کار است */
   setToken(e) {
-    f(e.token), c(), window.dispatchEvent(E());
+    b(e.data.token), d(), window.dispatchEvent(S());
   }
   /** بستن کتابخانه */
   close() {
-    c(), document.body.removeChild(r()), window.dispatchEvent(v());
+    d();
+    const e = a();
+    document.body.removeChild(e), e.onclick = null, document.body.removeChild(i()), window.dispatchEvent(T());
+  }
+  /** تم کتابخانه را به بیرون اطلاع می‌دهد */
+  getTheme(e) {
+    D(e.id, { theme: k() }, e.action);
   }
 }
-const l = "http://localhost:2525";
-class O {
+const m = {}.VITE_DEV_MODE === "1" ? "http://localhost:2525" : "https://samandesk.com";
+class $ {
   /**
    * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
    */
   async init(e) {
-    new k().init();
-    const o = r();
-    d(`${l}/setup-interoperation/${e}`), o.width = "0", document.body.appendChild(o);
+    this.interoperation = new I(), this.interoperation.init();
+    const t = i(), o = a();
+    l(`${m}/setup-interoperation/${e}`), t.width = "0", t.style.width = "0", document.body.appendChild(o), document.body.appendChild(t);
   }
   /**
    * استایل مربوط به آیفریم را تنظیم می‌کند
@@ -76,8 +98,18 @@ class O {
    *
    */
   setStyle(e) {
-    const t = r();
-    t.style.position = "fixed", t.style.zIndex = "1000", e ? (Object.assign(t.style, {
+    const t = i(), o = a();
+    t.style.position = "fixed", t.style.zIndex = "1000";
+    const r = {
+      position: "fixed",
+      top: "0",
+      bottom: "0",
+      left: "0",
+      right: "0",
+      backgroundColor: "rgba(0,0,0,0.5)",
+      zIndex: "1000"
+    };
+    Object.assign(o.style, r), e ? (Object.assign(t.style, {
       bottom: "0",
       left: "0",
       top: "0",
@@ -87,7 +119,7 @@ class O {
       left: "50%",
       transform: "translate(-50%, -50%)",
       width: "100%",
-      maxWidth: "450px",
+      maxWidth: "500px",
       boxShadow: "0px 0px 100px 0px rgba(0,0,0,0.48)",
       borderRadius: "24px",
       height: "100%",
@@ -98,10 +130,15 @@ class O {
    * این تابع آیفریم را باز می‌کند.
    */
   open(e) {
-    const t = r(), o = e.link || `${l}/department-selection?token=${h()}`;
-    d(o), this.setStyle(e.fullScreen), document.body.appendChild(t), window.dispatchEvent(x());
+    const t = i(), o = a();
+    E(e.theme ?? "light");
+    const r = e.link || `${m}/department-selection?token=${y()}`;
+    l(r), this.setStyle(e.fullScreen), document.body.appendChild(o), document.body.appendChild(t), o.onclick = () => {
+      var s;
+      (s = this.interoperation) == null || s.close();
+    }, window.dispatchEvent(C());
   }
 }
 export {
-  O as SamanDesk
+  $ as SamanDesk
 };

package/dist/saman-desk.umd.cjs

@@ -1 +1 @@
-(function(s,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(s=typeof globalThis<"u"?globalThis:s||self,i(s.SamanDesk={}))})(this,function(s){"use strict";let i;const a=document.createElement("iframe"),u={count:0,promises:{}};function m(){return u}function h(n){i=n}function y(){return i}function l(){a.src=""}function f(n){a.src=n}function r(){return a}const g=new Event("ready"),w=new Event("open"),E=new Event("close");function x(){return g}function b(){return w}function v(){return E}function S(n){window.addEventListener("message",e=>{if(!e.data.from||e.data.from!=="SamanDesk")return;let t=!1;console.log(`message from (${e.origin})`,e);try{n[e.data.action](e.data.data),t=!0}catch{console.error("error while run event action")}const o=e.data,c=o.id,d=m();c in d.promises?(d.promises[c](o),delete d.promises[c]):t||console.error("Message from outside of frame is invalid")})}class k{async init(){S(this)}setToken(e){h(e.token),l(),window.dispatchEvent(x())}close(){l(),document.body.removeChild(r()),window.dispatchEvent(v())}}const p="http://localhost:2525";class T{async init(e){new k().init();const o=r();f(`${p}/setup-interoperation/${e}`),o.width="0",document.body.appendChild(o)}setStyle(e){const t=r();t.style.position="fixed",t.style.zIndex="1000",e?(Object.assign(t.style,{bottom:"0",left:"0",top:"0",right:"0"}),t.width="100%",t.height="100%"):Object.assign(t.style,{top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",maxWidth:"450px",boxShadow:"0px 0px 100px 0px rgba(0,0,0,0.48)",borderRadius:"24px",height:"100%",maxHeight:"660px"})}open(e){const t=r(),o=e.link||`${p}/department-selection?token=${y()}`;f(o),this.setStyle(e.fullScreen),document.body.appendChild(t),window.dispatchEvent(b())}}s.SamanDesk=T,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(r,a){typeof exports=="object"&&typeof module<"u"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(r=typeof globalThis<"u"?globalThis:r||self,a(r.SamanDesk={}))})(this,function(r){"use strict";let a;const l=document.createElement("iframe");let p;const h=document.createElement("div"),g={count:0,promises:{}};function y(){return g}function b(n){a=n}function k(){return a}function m(){l.src=""}function u(n){l.src=n}function c(){return l}function E(){return p}function w(n){p=n}function d(){return h}const x=new Event("ready"),v=new Event("open"),S=new Event("close");function T(){return x}function C(){return v}function D(){return S}function O(n){window.addEventListener("message",e=>{if(!e.data.from||e.data.from!=="SamanDesk")return;let t=!1;console.log(`message from (${e.origin})`,e);try{n[e.data.action](e.data),t=!0}catch{console.error("error while run event action")}const o=e.data,i=o.id,s=y();i in s.promises?(s.promises[i](o),delete s.promises[i]):t||console.error("Message from outside of frame is invalid")})}function I(n,e,t){var s;const o={from:"SamanDesk",action:t,data:e,id:n};(s=c().contentWindow)==null||s.postMessage(o,"*")}class j{async init(){O(this)}setToken(e){b(e.data.token),m(),window.dispatchEvent(T())}close(){m();const e=d();document.body.removeChild(e),e.onclick=null,document.body.removeChild(c()),window.dispatchEvent(D())}getTheme(e){I(e.id,{theme:E()},e.action)}}const f={}.VITE_DEV_MODE==="1"?"http://localhost:2525":"https://samandesk.com";class R{async init(e){this.interoperation=new j,this.interoperation.init();const t=c(),o=d();u(`${f}/setup-interoperation/${e}`),t.width="0",t.style.width="0",document.body.appendChild(o),document.body.appendChild(t)}setStyle(e){const t=c(),o=d();t.style.position="fixed",t.style.zIndex="1000";const i={position:"fixed",top:"0",bottom:"0",left:"0",right:"0",backgroundColor:"rgba(0,0,0,0.5)",zIndex:"1000"};Object.assign(o.style,i),e?(Object.assign(t.style,{bottom:"0",left:"0",top:"0",right:"0"}),t.width="100%",t.height="100%"):Object.assign(t.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"})}open(e){const t=c(),o=d();w(e.theme??"light");const i=e.link||`${f}/department-selection?token=${k()}`;u(i),this.setStyle(e.fullScreen),document.body.appendChild(o),document.body.appendChild(t),o.onclick=()=>{var s;(s=this.interoperation)==null||s.close()},window.dispatchEvent(C())}}r.SamanDesk=R,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "samandesk",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "license": "MIT",
   "type": "module",
   "files": [