samandesk 1.1.1 → 1.1.2

package/dist/saman-desk.js

@@ -52,6 +52,7 @@ function getOpenLinkFn() {
 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;
 }
@@ -61,6 +62,9 @@ function getOpenEvent() {
 function getCloseEvent() {
   return closeEvent;
 }
+function setGuestReadyEvent() {
+  return guestReadyEvent;
+}
 function handleEvents(interoperation) {
   window.addEventListener("message", (event) => {
     if (!event.data.from || event.data.from !== "SamanDesk") return;
@@ -118,20 +122,35 @@ class InterOperation {
   openLink(data) {
     getOpenLinkFn()(data.data.link);
   }
+  setGuestReadyEvent() {
+    window.dispatchEvent(setGuestReadyEvent());
+  }
 }
 const SITE_URL = "https://samandesk.com";
 class SamanDesk {
   /**
    * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
    */
-  async init(verifiedToken) {
+  async init(config, verifiedToken) {
     this.interoperation = new InterOperation();
     this.interoperation.init();
     const frame2 = getFrame();
     const backdrop2 = getBackdrop();
-    setFrameSrc(`${SITE_URL}/setup-interoperation/${verifiedToken}`);
-    frame2.width = "0";
-    frame2.style.width = "0";
+    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);
   }
@@ -141,7 +160,8 @@ class SamanDesk {
    * @param fullScreen - تمام صفحه باز شود یا خیر
    *
    */
-  setStyle(fullScreen, style) {
+  setStyle() {
+    var _a, _b, _c, _d;
     const frame2 = getFrame();
     const backdrop2 = getBackdrop();
     frame2.style.position = "fixed";
@@ -156,14 +176,14 @@ class SamanDesk {
       zIndex: "1000"
     };
     Object.assign(backdrop2.style, backdropStyles);
-    if (fullScreen) {
-      const marginTopVal = (style == null ? void 0 : style.marginTop) ?? 0;
-      const marginBottomVal = (style == null ? void 0 : style.marginBottom) ?? 0;
+    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;
       const totalMargin = marginTopVal + marginBottomVal;
       Object.assign(frame2.style, {
-        bottom: (style == null ? void 0 : style.marginBottom) ? `${style.marginBottom.toString()}px` : "0",
+        bottom: ((_c = this.config.style) == null ? void 0 : _c.marginBottom) ? `${this.config.style.marginBottom.toString()}px` : "0",
         left: "0",
-        top: (style == null ? void 0 : style.marginTop) ? `${style.marginTop.toString()}px` : "0",
+        top: ((_d = this.config.style) == null ? void 0 : _d.marginTop) ? `${this.config.style.marginTop.toString()}px` : "0",
         right: "0",
         width: "100%",
         height: `calc(100% - ${totalMargin}px)`
@@ -181,27 +201,19 @@ class SamanDesk {
         maxHeight: "660px"
       });
     }
-  }
-  /**
-   * این تابع آیفریم را باز می‌کند.
-   */
-  open(config) {
-    const frame2 = getFrame();
-    const backdrop2 = getBackdrop();
-    setTheme({
-      darkMode: config.theme.darkMode ?? "light",
-      color: config.theme.color ?? "default"
-    });
-    setLanguage(config.language ?? "fa");
-    const src = config.link || `${SITE_URL}/department-selection?token=${getToken()}`;
-    setFrameSrc(src);
-    setOpenLinkFn(config.linkHandler);
-    this.setStyle(config.fullScreen, config.style);
     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());
   }
   /**

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,a,s=e=>window.open(e,"_blank","noopener");const d=document.createElement("div"),r={count:0,promises:{}};function l(){o.src=""}function c(e){o.src=e}function m(){return o}function p(){return d}const u=new Event("ready"),f=new Event("open"),g=new Event("close");function h(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(s){console.error("error while run event action")}const n=t.data,i=n.id,a=r;i in a.promises?(a.promises[i](n),delete a.promises[i]):o||console.error("Message from outside of frame is invalid")}))}class y{async init(){h(this)}setToken(e){var o;o=e.data.token,t=o,l(),window.dispatchEvent(u)}close(){l();const e=p();document.body.removeChild(e),e.onclick=null,document.body.removeChild(m()),window.dispatchEvent(g)}getConfig(e){const t={theme:n,color:i},o={language:a};!function(e,t,o){var n;const i={from:"SamanDesk",action:o,data:t,id:e};null==(n=m().contentWindow)||n.postMessage(i,"*")}(e.id,{color:t.color,theme:t.theme,language:o.language},e.action)}openLink(e){s(e.data.link)}}const b="https://samandesk.com";e.SamanDesk=class{async init(e){this.interoperation=new y,this.interoperation.init();const t=m(),o=p();c(`${b}/setup-interoperation/${e}`),t.width="0",t.style.width="0",document.body.appendChild(o),document.body.appendChild(t)}setStyle(e,t){const o=m(),n=p();o.style.position="fixed",o.style.zIndex="1000";if(Object.assign(n.style,{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",backgroundColor:"rgba(0,0,0,0.5)",zIndex:"1000"}),e){const e=((null==t?void 0:t.marginTop)??0)+((null==t?void 0:t.marginBottom)??0);Object.assign(o.style,{bottom:(null==t?void 0:t.marginBottom)?`${t.marginBottom.toString()}px`:"0",left:"0",top:(null==t?void 0:t.marginTop)?`${t.marginTop.toString()}px`:"0",right:"0",width:"100%",height:`calc(100% - ${e}px)`})}else Object.assign(o.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 o=m(),d=p();var r,l;r={darkMode:e.theme.darkMode??"light",color:e.theme.color??"default"},n=r.darkMode,i=r.color,l=e.language??"fa",a=l;var u;c(e.link||`${b}/department-selection?token=${t}`),(u=e.linkHandler)&&(s=u),this.setStyle(e.fullScreen,e.style),document.body.appendChild(d),document.body.appendChild(o),d.onclick=()=>{this.close()},window.dispatchEvent(f)}close(){var e;null==(e=this.interoperation)||e.close()}},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!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](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"})}));

package/dist/src/data.d.ts

@@ -5,6 +5,14 @@ export type ProjectTheme = {
     /** رنگ برنامه */
     color: Color;
 };
+export type GuestData = {
+    mobile: string;
+    name?: string;
+    family: string;
+    countryCode: string;
+    verifyToken: string;
+    workspaceID: string;
+};
 type PromiseMap = {
     [key: number]: (data: any) => void;
 };
@@ -27,6 +35,9 @@ export declare function clearFrame(): void;
 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;

package/dist/src/events.d.ts

@@ -11,6 +11,10 @@ export declare function getOpenEvent(): Event;
  * ایونت بسته‌شدن کتابخانه را بر می‌گرداند
  */
 export declare function getCloseEvent(): Event;
+/**
+ * ایونت آماده‌شدن حالت مهمان را بر می‌گرداند
+ */
+export declare function setGuestReadyEvent(): Event;
 /**
  * ⁧eventهایی که از بیرون به داخل می‌ایند را اعتبار سنجی و سپس کار خواسته شده را انجام می‌دهد
  */

package/dist/src/index.d.ts

@@ -1,11 +1,5 @@
 import { ProjectTheme } from './data';
 export interface OpenConfig {
-    /**
-     * اگر لینک مستقیما از بیرون آمده باشد همان را باز می‌کند
-     * این اتفاق در شرایطی رخ می‌دهد که میزبان می‌خواهد از لینکی که در اختیارش قرار گرفته است مستقیما استفاده کند
-     * اگر لینک را در ورودی ارسال نکند، خودکار به صفحه‌ی انتخاب دپارتمان می‌رویم و ادامه‌ی کار توسط سامان دسک صورت می‌گیرد
-     */
-    link?: string;
     /**
      * کتابخانه به صورت تمام صفحه باز شود یا خیر
      *
@@ -22,6 +16,8 @@ export interface OpenConfig {
     language: string;
     /** تابع مدیریت‌کننده‌ی لینک‌ها */
     linkHandler?: (link: string) => void;
+    /** شناسه محیط کاری پروژه */
+    workspaceID?: string;
     style?: {
         /** فاصله از بالا در حالت تمام صفحه */
         marginTop?: number;
@@ -34,10 +30,11 @@ export declare class SamanDesk {
      * ⁧ شی‌ء کلاس InterOperation
      */
     private interoperation?;
+    private config;
     /**
      * ⁧این تابع در ابتدا مقدار verifiedToken را دریافت کرده و سپس مقدار token‌ را دریافت و سپس آن را ذخیره می‌کند
      */
-    init(verifiedToken: string): Promise<void>;
+    init(config: OpenConfig, verifiedToken?: string): Promise<void>;
     /**
      * استایل مربوط به آیفریم را تنظیم می‌کند
      *
@@ -48,7 +45,7 @@ export declare class SamanDesk {
     /**
      * این تابع آیفریم را باز می‌کند.
      */
-    open(config: OpenConfig): void;
+    open(link?: string): void;
     /**
      * بستن کتابخانه
      */

package/dist/src/interoperation.d.ts

@@ -29,5 +29,6 @@ export declare class InterOperation {
     openLink(data: MessageData<{
         link: string;
     }>): void;
+    setGuestReadyEvent(): void;
 }
 export {};

package/package.json

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