@wxcc-desktop/sdk 1.2.6 → 1.2.10

package/src/[sandbox]/widget-using-js-api.ts

@@ -1,658 +0,0 @@
-import { Decorator, Notifications } from "@uuip/unified-ui-platform-sdk";
-import { customElement, internalProperty, LitElement, property, PropertyValues } from "lit-element";
-import { html, nothing } from "lit-html";
-import { Desktop } from "../index";
-import {
-  blindTransferMockPayLoad,
-  buddyAgentPayload,
-  consultAgent,
-  consultDN,
-  consultQueue,
-  consultTransferMockPayLoad,
-  contactPayload,
-  mocksShortcutKeys,
-  vTeamListpayload,
-  vteamTransferMockPayLoad
-} from "./sandbox-mock";
-
-const i18n = Desktop.i18n.createInstance();
-const i18nMixin = Desktop.i18n.createMixin({ i18n });
-
-function t(...args: Parameters<typeof i18n.t>) {
-  return i18n.t(...args);
-}
-
-/**
- * WARNING!!!!
- * This widget could built with "yarn dist:dev" and copied from /dist to AgentX dynamic widgets
- */
-@customElement("widget-using-js-api")
-export class WidgetUsingJsApi extends i18nMixin(LitElement) {
-  @property({ type: String }) accessToken?: string;
-
-  // Widget AUX
-  @internalProperty() private isConfigInited = false;
-  @internalProperty() private isGettingAgentInfo = false;
-  @internalProperty() private isGettingAgentStateBooks = false;
-  @internalProperty() private isChangingAgentState = false;
-  @internalProperty() private isOutdialingDialer = false;
-
-  @internalProperty() private contacts: string[] = [];
-  @internalProperty() private contactsText = "";
-
-  private readonly logger = Desktop.logger.createLogger("[Widget-Using-JSAPI]");
-
-  protected async firstUpdated(changedProperties: PropertyValues) {
-    super.firstUpdated(changedProperties);
-
-    // Like user click initing
-    await this.onInitConfigClick();
-  }
-
-  ////// Config JSAPI
-  async onInitConfigClick() {
-    if (!this.isConfigInited) {
-      // Init Config
-      await Desktop.config.init();
-
-      this.subscribeAgentxJsApiServiceEvents();
-
-      this.isConfigInited = true;
-    }
-  }
-
-  subscribeAgentxJsApiServiceEvents() {
-    // Like user init jsApi
-    this.subscribeAgentStateInfoEvents();
-
-    this.subscribeAgentContactDataEvents();
-
-    this.subscribeDialerDataEvents();
-
-    this.subscribeScreenPopDataEvents();
-
-    this.subscribeShortcutKeyEvents();
-  }
-
-  onGetClientLocaleClick() {
-    this.logger.info("Client locale: ", Desktop.config.clientLocale);
-  }
-
-  ////// Logger JSAPI
-  onGetLoggerClick() {
-    const logger = Desktop.logger.createLogger(`test-logger-${Date.now()}`);
-    logger.info("Info test");
-    logger.warn("Warn test");
-    logger.error("Error test");
-  }
-
-  ////// ShortcutKey JSAPI
-  onGetShortcutKeyDefaultShortcutKeyClick() {
-    console.log("ShortcutKey DEFAULT_SHORTCUT_KEYS: ", Desktop.shortcutKey.DEFAULT_SHORTCUT_KEYS);
-  }
-
-  onGetShortcutKeyModifiersClick() {
-    console.log("ShortcutKey MODIFIERS: ", Desktop.shortcutKey.MODIFIERS);
-  }
-
-  onGetShortcutKeyRegisteredKeysClick() {
-    console.log("ShortcutKey REGISTERED_KEYS: ", Desktop.shortcutKey.REGISTERED_KEYS);
-  }
-
-  onShortcutKeyGetRegisteredKeysClick() {
-    console.log("ShortcutKey getRegisteredKeys: ", Desktop.shortcutKey.getRegisteredKeys());
-  }
-
-  onShortcutKeyRegisterClick() {
-    Desktop.shortcutKey.register(mocksShortcutKeys);
-  }
-
-  ////// AgentInfo JSAPI
-  @Decorator.Exec<WidgetUsingJsApi>(({ ctx, isExec }) => (ctx.isGettingAgentInfo = isExec))
-  async onGetAgentInfoClick() {
-    const latestData = Desktop.agentStateInfo.latestData;
-    this.logger.info("AgentStateInfo latestData: ", latestData);
-  }
-
-  // AgentInfo events
-  subscribeAgentStateInfoEvents() {
-    Desktop.agentStateInfo.addEventListener("updated", updatedList =>
-      this.logger.info("AgentStateInfo updated: ", updatedList)
-    );
-  }
-
-  ////// AgentState JSAPI
-  @Decorator.Exec<WidgetUsingJsApi>(({ ctx, isExec }) => (ctx.isGettingAgentStateBooks = isExec))
-  async onGetAgentStateBooksClick() {
-    const books = await Desktop.agentStateInfo.fetchAddressBooks();
-    this.logger.info("AgentStateInfo books: ", books);
-  }
-
-  @Decorator.Exec<WidgetUsingJsApi>(({ ctx, isExec }) => (ctx.isChangingAgentState = isExec))
-  async onChangeAgentStateClick(s: "Available" | "Idle") {
-    const state = await Desktop.agentStateInfo.stateChange({ state: s, auxCodeIdArray: "0" });
-    this.logger.info("AgentStateInfo state: ", state);
-  }
-
-  ////// AgentContact JSAPI
-  @Decorator.Handle(({ ctx }) => ctx.logger.error("Consult error"))
-  async consultConference() {
-    const p = {
-      interactionId: "a26d035d-b547-11ea-984b-d3128111ce6b",
-      data: {
-        agentId: "43bfcdef-5551-45b1-a8f9-a0b33e66e3fe",
-        destAgentId: "f795f41f-3782-44fa-97a4-c8b4dc029477",
-        mediaType: "chat"
-      },
-      url: "consult"
-    };
-    await Desktop.agentContact.consult(p);
-    this.logger.info("AgentContact Consult Success");
-
-    await new Promise(resolve => setTimeout(resolve, 5000));
-
-    await Desktop.agentContact.consultConference(p);
-    this.logger.info("AgentContact Consult Conference Success");
-  }
-
-  async consultConferenceEnd() {
-    await Desktop.agentContact.consultEnd({
-      interactionId: "a26d035d-b547-11ea-984b-d3128111ce6b",
-      isConsult: false
-    });
-  }
-
-  async buddyAgents() {
-    this.contactsText = "Loading....";
-    const res = await Desktop.agentContact.buddyAgents({ data: buddyAgentPayload });
-    this.logger.info("AgentContact buddyagent", res);
-    this.contactsText = `Response: ${JSON.stringify(res)} `;
-  }
-
-  async vteamList() {
-    this.contactsText = "Loading....";
-    const res = await Desktop.agentContact.vteamList({ data: vTeamListpayload });
-    this.logger.info("AgentContact vteam list", res);
-    this.contactsText = `Response: ${JSON.stringify(res)} `;
-  }
-
-  async hold() {
-    await Desktop.agentContact.hold({
-      interactionId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3",
-      data: { mediaResourceId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3" }
-    });
-  }
-
-  async unhold() {
-    await Desktop.agentContact.unHold({
-      interactionId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3",
-      data: { mediaResourceId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3" }
-    });
-  }
-
-  async pauseRecording() {
-    await Desktop.agentContact.pauseRecording({
-      interactionId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3"
-    });
-  }
-
-  async resumeRecording() {
-    await Desktop.agentContact.resumeRecording({
-      interactionId: "c837e6f7-699a-4736-bb82-03a6d58bb7f3",
-      data: { autoResumed: true }
-    });
-  }
-
-  async consult() {
-    await Desktop.agentContact.consult({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      data: consultQueue,
-      url: "ctq"
-    });
-    this.logger.info("AgentContact ConsultToqueue: success");
-  }
-
-  async consultEnd() {
-    await Desktop.agentContact.consultEnd({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      isConsult: true
-    });
-    this.logger.info("AgentContact End ConsultToqueue: success");
-  }
-
-  async startConsultAgent() {
-    await Desktop.agentContact.consult({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      data: consultAgent,
-      url: "consult"
-    });
-    this.logger.info("AgentContact ConsultToAgent: success");
-  }
-
-  async endConsultAgent() {
-    await Desktop.agentContact.consultEnd({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      isConsult: true
-    });
-    this.logger.info("AgentContact End ConsultToAgent: success");
-  }
-
-  async startConsultDN() {
-    await Desktop.agentContact.consult({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      data: consultDN,
-      url: "consult"
-    });
-    this.logger.info("AgentContact ConsultToDN: success");
-  }
-
-  async endConsultDN() {
-    await Desktop.agentContact.consultEnd({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      isConsult: true
-    });
-    this.logger.info("AgentContact End ConsultToDN: success");
-  }
-
-  async vteamTransfer() {
-    await Desktop.agentContact.vteamTransfer({
-      interactionId: "dab1a2f0-bad0-11ea-8e7c-0d99ede2535a",
-      data: vteamTransferMockPayLoad
-    });
-    this.logger.info("AgentContact vteamTransfer: success");
-  }
-
-  async blindTransfer() {
-    await Desktop.agentContact.blindTransfer({
-      interactionId: "08259a2b-bacf-11ea-bdd9-abbd16eaf1d5",
-      data: blindTransferMockPayLoad
-    });
-    this.logger.info("AgentContact blindTransfer: success");
-  }
-
-  async consultTransfer() {
-    await Desktop.agentContact.consultTransfer({
-      interactionId: "5c3d487a-874b-447d-b5f2-ce1f626301f5",
-      data: consultTransferMockPayLoad
-    });
-    this.logger.info("AgentContact consultTransfer: success");
-  }
-
-  async onAcceptContactClick(interactionId: string) {
-    const res = await Desktop.agentContact.accept({ interactionId });
-    this.contacts.slice(this.contacts.indexOf(interactionId), 1);
-    this.logger.info("AgentContact ACCEPTED", res!.data, "");
-  }
-
-  // Subscribe AgentCONTACT
-  subscribeAgentContactDataEvents() {
-    Desktop.agentContact.addEventListener("eAgentContact", msg =>
-      this.logger.info("AgentContact eAgentContact: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentContactAssigned", msg =>
-      this.logger.info("AgentContact eAgentContactAssigned: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentContactEnded", msg =>
-      this.logger.info("AgentContact eAgentContactEnded: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentContactWrappedUp", msg =>
-      this.logger.info("AgentContact eAgentContactWrappedUp: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentOfferContact", msg => {
-      this.logger.info("AgentContact eAgentOfferContact: ", msg);
-      // AUX Sandbox Contact
-      this.contacts.push(msg.data.interactionId);
-    });
-    Desktop.agentContact.addEventListener("eAgentOfferContactRona", msg => {
-      this.logger.info("AgentContact eAgentOfferContactRona: ", msg);
-      // AUX Sandbox Contact
-      const idx = this.contacts.indexOf(msg.data.interactionId);
-      if (idx != -1) {
-        this.contacts.slice(idx, 1);
-      }
-    });
-    Desktop.agentContact.addEventListener("eAgentOfferConsult", msg =>
-      this.logger.info("AgentContact eAgentOfferConsult: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentWrapup", msg =>
-      this.logger.info("AgentContact eAgentWrapup: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentContactHeld", msg =>
-      this.logger.info("AgentContact eAgentContactHeld: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentContactUnHeld", msg =>
-      this.logger.info("AgentContact eAgentContactUnHeld: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eCallRecordingStarted", msg =>
-      this.logger.info("AgentContact eCallRecordingStarted: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultCreated", msg =>
-      this.logger.info("AgentContact eAgentConsultCreated: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultConferenced", msg =>
-      this.logger.info("AgentContact eAgentConsultConferenced: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultEnded", msg =>
-      this.logger.info("AgentContact eAgentConsultEnded: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentCtqCancelled", msg =>
-      this.logger.info("AgentContact eAgentCtqCancelled: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsulting", msg =>
-      this.logger.info("AgentContact eAgentConsulting: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultFailed", msg =>
-      this.logger.info("AgentContact eAgentConsultFailed: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultEndFailed", msg =>
-      this.logger.info("AgentContact eAgentConsultEndFailed: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentCtqFailed", msg =>
-      this.logger.info("AgentContact eAgentCtqFailed: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentCtqCancelFailed", msg =>
-      this.logger.info("AgentContact eAgentCtqCancelFailed: ", msg)
-    );
-    Desktop.agentContact.addEventListener("eAgentConsultConferenceEndFailed", msg =>
-      this.logger.info("AgentContact eAgentConsultConferenceEndFailed: ", msg)
-    );
-  }
-
-  ////// Dialer JSAPI
-  @Decorator.Exec<WidgetUsingJsApi>(({ ctx, isExec }) => (ctx.isOutdialingDialer = isExec))
-  async onAgentDialerStartOutdialClick() {
-    const outdial = await Desktop.dialer.startOutdial({
-      data: {
-        entryPointId: "1212312",
-        destination: "asdaad",
-        direction: "OUTBOUND",
-        attributes: {},
-        mediaType: "chat",
-        outboundType: "CourtesyCallback"
-      }
-    });
-    this.logger.info("Dialer outdial: ", outdial);
-  }
-
-  // Subscribe DIALER
-  subscribeDialerDataEvents() {
-    Desktop.dialer.addEventListener("eOutdialFailed", msg => this.logger.info("Dialer eOutdialFailed: ", msg));
-  }
-
-  ////// ScreenPop JSAPI
-  // Subscribe SCREENPOP
-  subscribeScreenPopDataEvents() {
-    Desktop.screenpop.addEventListener("eScreenPop", msg => this.logger.info("ScreenPop eScreenPop: ", msg));
-  }
-
-  ////// I18N JSAPI
-  initI18N() {
-    if (!i18n.isInitialized) {
-      const initOptions = Desktop.i18n.getMergedInitOptions(Desktop.i18n.DEFAULT_INIT_OPTIONS || {}, {
-        defaultNS: "widget-using-js-api",
-        ns: ["widget-using-js-api"],
-        fallbackLng: "en",
-        backend: {
-          loadPath: "/i18n/widget-using-js-api/{{lng}}/{{ns}}.json"
-        }
-      });
-
-      i18n.init(initOptions).catch(err => console.log(err));
-    }
-  }
-
-  ////// ACTIONS JSAPI
-  actionsFireRandomGeneralNotification() {
-    const types = Notifications.ItemMeta.TYPES;
-    const modes = Notifications.ItemMeta.MODES;
-
-    const raw = {
-      data: {
-        type: types[Math.floor(Math.random() * types.length)],
-        mode: modes[Math.floor(Math.random() * modes.length)],
-        title: "Info - Acknowledge",
-        data: "Lorem Ipsum Dolor"
-      }
-    };
-
-    if (raw.data.mode === Notifications.ItemMeta.Mode.Silent) {
-      Desktop.actions.fireGeneralSilentNotification(raw as any);
-    }
-    if (raw.data.mode === Notifications.ItemMeta.Mode.AutoDismiss) {
-      Desktop.actions.fireGeneralAutoDismissNotification(raw as any);
-    }
-    if (raw.data.mode === Notifications.ItemMeta.Mode.Acknowledge) {
-      Desktop.actions.fireGeneralAcknowledgeNotification(raw as any);
-    }
-  }
-
-  actionsAddCustomTask() {
-    Desktop.actions.addCustomTask(contactPayload);
-  }
-
-  async actionsGetTaskMap() {
-    const taskMap = await Desktop.actions.getTaskMap();
-    console.log("AgentX Store TaskMap: ", taskMap);
-  }
-
-  async actionsGetMediaTypeQueues() {
-    const [telephonyTaskMapQueue, socialTaskMapQueue, emailTaskMapQueue, chatTaskMapQueue] = await Promise.all([
-      Desktop.actions.getMediaTypeQueue("telephony"),
-      Desktop.actions.getMediaTypeQueue("social"),
-      Desktop.actions.getMediaTypeQueue("email"),
-      Desktop.actions.getMediaTypeQueue("chat")
-    ]);
-
-    console.log(
-      "AgentX Store Task Queues: ",
-      telephonyTaskMapQueue,
-      socialTaskMapQueue,
-      emailTaskMapQueue,
-      chatTaskMapQueue
-    );
-  }
-
-  async actionsGetToken() {
-    const accessToken = await Desktop.actions.getToken();
-    console.log("AgentX Store AccessToken: ", accessToken);
-  }
-
-  async actionsGetIdleCodes() {
-    const idleCodes = await Desktop.actions.getIdleCodes();
-    console.log("AgentX Store IdleCodes: ", idleCodes);
-  }
-
-  async actionsGetWrapUpCodes() {
-    const wrapUpCodes = await Desktop.actions.getWrapUpCodes();
-    console.log("AgentX Store IdleCodes: ", wrapUpCodes);
-  }
-
-  // Subscribe ShortcutKey
-  subscribeShortcutKeyEvents() {
-    Desktop.shortcutKey.listenKeyPress(event => {
-      console.log("JSAPI ShortcutKey listenKeyPress: ", event);
-    });
-
-    Desktop.shortcutKey.listenKeyConflict(event => {
-      console.log("JSAPI ShortcutKey listenKeyConflict: ", event);
-    });
-  }
-
-  render() {
-    return html`
-      <div style="overflow-y: auto; max-height: 100%">
-        <button @click="${() => this.onInitConfigClick()}">JSAPI [ config ] init</button>
-        ${!this.isConfigInited
-          ? html`
-              <span>
-                [ NOT INITED]
-              </span>
-            `
-          : html`
-              <span>
-                [ INITED]
-              </span>
-            `}
-        <br /><br />
-        <button @click="${() => this.onGetClientLocaleClick()}">JSAPI [ config ] clientLocale</button>
-        <hr />
-        <br />
-        <button @click="${() => this.onGetLoggerClick()}">JSAPI [ logger ] getLogger</button>
-        <hr />
-        <br />
-        <button @click="${() => this.onGetShortcutKeyDefaultShortcutKeyClick()}">
-          JSAPI [ shortcutKey ] DEFAULT_SHORTCUT_KEY
-        </button>
-        <br /><br />
-        <button @click="${() => this.onGetShortcutKeyModifiersClick()}">
-          JSAPI [ shortcutKey ] MODIFIERS
-        </button>
-        <br /><br />
-        <button @click="${() => this.onGetShortcutKeyRegisteredKeysClick()}">
-          JSAPI [ shortcutKey ] REGISTERED_KEYS
-        </button>
-        <br /><br />
-        <button @click="${() => this.onShortcutKeyGetRegisteredKeysClick()}">
-          JSAPI [ shortcutKey ] getRegisteredKeys
-        </button>
-        <br /><br />
-        <button @click="${() => this.onShortcutKeyRegisterClick()}">
-          JSAPI [ shortcutKey ] register
-        </button>
-        <hr />
-        <br />
-        <button @click="${() => this.onGetAgentInfoClick()}">JSAPI [ agentInfo ] getAgentInfo</button>
-        ${this.isGettingAgentInfo
-          ? html`
-              <span>
-                => Loading...
-              </span>
-            `
-          : nothing}
-        <hr />
-        <br />
-        <button @click="${() => this.onGetAgentStateBooksClick()}">
-          JSAPI [ agentData ] getAgentBooks
-        </button>
-        ${this.isGettingAgentStateBooks
-          ? html`
-              <span>
-                => Loading...
-              </span>
-            `
-          : nothing}
-        <br />
-        <br />
-        <button @click="${() => this.onChangeAgentStateClick("Available")}">
-          JSAPI [ agentData ] changeAgentState => Available
-        </button>
-        ${this.isChangingAgentState
-          ? html`
-              <span>
-                => Changing state...
-              </span>
-            `
-          : nothing}
-        <br />
-        <br />
-        <button @click="${() => this.onChangeAgentStateClick("Idle")}">
-          JSAPI [ agentData ] changeAgentState => Idle
-        </button>
-        ${this.isChangingAgentState
-          ? html`
-              <span>
-                => Changing state...
-              </span>
-            `
-          : nothing}
-        <hr />
-        <br />
-        <button @click=${this.buddyAgents}>JSAPI [ agentContact ] fetch buddy agent</button>
-        <button @click=${this.vteamList}>JSAPI [ agentContact ] fetch Vteam List</button>
-        <br /><br />
-        <button @click=${this.consult}>JSAPI [ agentContact ] Start Consult To Queue</button>
-        <button @click=${this.consultEnd}>JSAPI [ agentContact ] End Consult To Queue</button>
-        <button @click=${this.startConsultAgent}>JSAPI [ agentContact ] Start Consult To Agent</button>
-        <button @click=${this.endConsultAgent}>JSAPI [ agentContact ] End Consult To Agent</button>
-        <button @click=${this.startConsultDN}>JSAPI [ agentContact ] Start Consult To DN</button>
-        <button @click=${this.endConsultDN}>JSAPI [ agentContact ] End Consult To DN</button>
-        <br /><br />
-        <button @click=${this.pauseRecording}>JSAPI [ agentContact ] Pause Recording</button>
-        <button @click=${this.resumeRecording}>JSAPI [ agentContact ] Resume Recording</button>
-        <br /><br />
-        <button @click=${this.hold}>JSAPI [ agentContact ] Hold</button>
-        <button @click=${this.unhold}>JSAPI [ agentContact ] Unhold</button>
-        <br /><br />
-        <button @click=${this.consultConference}>JSAPI [ agentContact ] Start Chat Conference</button>
-        <button @click=${this.consultConferenceEnd}>JSAPI [ agentContact ] End Conference</button>
-        <br /><br />
-        <button @click=${this.vteamTransfer}>JSAPI [ agentContact ] Vteam Tranfer</button>
-        <button @click=${this.blindTransfer}>JSAPI [ agentContact ] Blind Transfer</button>
-        <button @click=${this.consultTransfer}>
-          JSAPI [ agentContact ] Consult/Conference Transfer
-        </button>
-        <br />
-        <br />
-        <div>Contacts</div>
-        <div>${this.contactsText}</div>
-        <br />
-        ${this.contacts.map(
-          id =>
-            html`
-              <button @click=${() => this.onAcceptContactClick(id)}>Accept Contact: ${id}</button>
-            `
-        )}
-        <hr />
-        <br />
-        <button @click="${() => this.onAgentDialerStartOutdialClick()}">
-          JSAPI [ dialer ] getAgentOutdial
-        </button>
-        ${this.isOutdialingDialer
-          ? html`
-              <span>
-                => Loading...
-              </span>
-            `
-          : nothing}
-        <hr />
-        <br />
-        <button @click="${() => this.initI18N()}">
-          JSAPI [ i18n ] init widget service instance
-        </button>
-        <br />
-        <div>
-          <span>i18n result: </span>
-          <span>${t("widget-using-js-api:a")}</span>
-          <span>${t("widget-using-js-api:b")}</span>
-          <span>${t("widget-using-js-api:c")}</span>
-        </div>
-        <hr />
-        <br />
-        <button @click="${() => this.actionsFireRandomGeneralNotification()}">
-          JSAPI [ actions ] fire random general notification
-        </button>
-        <br /><br />
-        <button @click="${() => this.actionsAddCustomTask()}">
-          JSAPI [ actions ] add custom mock task
-        </button>
-        <button @click="${() => this.actionsGetTaskMap()}">
-          JSAPI [ actions ] get task map
-        </button>
-        <button @click="${() => this.actionsGetMediaTypeQueues()}">
-          JSAPI [ actions ] get tasks queues
-        </button>
-        <br /><br />
-        <button @click="${() => this.actionsGetToken()}">
-          JSAPI [ actions ] get access token
-        </button>
-        <br /><br />
-        <button @click="${() => this.actionsGetIdleCodes()}">
-          JSAPI [ actions ] get idle codes
-        </button>
-        <button @click="${() => this.actionsGetWrapUpCodes()}">
-          JSAPI [ actions ] get wrappup codes
-        </button>
-      </div>
-    `;
-  }
-}

package/src/global.d.ts

@@ -1,5 +0,0 @@
-import { AgentxService } from "@wxcc-desktop/sdk-types";
-
-declare global {
-  const AGENTX_SERVICE: AgentxService;
-}