@movvjs/svelte-schedule-view 0.0.11 → 0.0.12

package/.prettierrc

@@ -1,14 +1,14 @@
 {
-  "semi": false,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "printWidth": 170,
-  "useTabs": true,
-  "proseWrap": "preserve",
-  "arrowParens": "avoid",
-  "htmlWhitespaceSensitivity": "css",
-  "trailingComma": "none",
-  "endOfLine": "auto",
-  "jsxBracketSameLine": true,
-  "bracketSameLine": true
+	"semi": false,
+	"singleQuote": true,
+	"tabWidth": 2,
+	"printWidth": 170,
+	"useTabs": true,
+	"proseWrap": "preserve",
+	"arrowParens": "avoid",
+	"htmlWhitespaceSensitivity": "css",
+	"trailingComma": "none",
+	"endOfLine": "auto",
+	"jsxBracketSameLine": true,
+	"bracketSameLine": true
 }

package/.svelte-kit/__package__/axios/index.js

@@ -1,4 +1,4 @@
-import { API_URL } from '../constant';
+import { API_URL } from './constant';
 import { env } from '../store/env';
 import Axios from 'axios';
 import consola from 'consola';

package/.svelte-kit/__package__/index.d.ts

@@ -1,2 +1,2 @@
-import Schedule from './schedule/Schedule.svelte';
+import Schedule from './schedule-view/Schedule.svelte';
 export { Schedule };

package/.svelte-kit/__package__/index.js

@@ -1,2 +1,2 @@
-import Schedule from './schedule/Schedule.svelte';
+import Schedule from './schedule-view/Schedule.svelte';
 export { Schedule };

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/BookingInfo.svelte

@@ -1,19 +1,19 @@
-<script>import { dayjs } from "../dayjs";
-import { padStart, range } from "lodash-es";
-import { BookingServiceType, ExtraServiceType, FileType } from "../types";
-import { copiedBooking, originalBooking } from "./booking";
-import { isEdit } from "./Schedule.svelte";
+<script>import { padStart, range } from "lodash-es";
+import toast from "svelte-french-toast";
+import { dayjs } from "../dayjs";
 import { axios } from "../axios";
-import { alert } from "../alert";
 import { t } from "../i18n";
-import { getCarName } from "../utils";
-import Translation from "./Translation.svelte";
-import FlightSearch from "./FlightSearch.svelte";
+import { env } from "../store/env";
+import { BookingServiceType, ExtraServiceType, FileType } from "./types";
+import { isEdit } from "./Schedule.svelte";
+import { getCarName } from "./utils";
+import { copiedBooking, originalBooking } from "./stores/booking";
+import { alert } from "./components/notifications";
+import Translation from "./components/translation/Translation.svelte";
+import FlightSearch from "./components/flight-search/FlightSearch.svelte";
 import PhoneNumberInput from "./PhoneNumberInput.svelte";
 import FileUploader from "./FileUploader.svelte";
 import CarSearch from "./CarSearch.svelte";
-import { env } from "../store/env";
-import toast from "svelte-french-toast";
 const { stdt, fullName, pax, extraServices, files, plans } = originalBooking;
 const {
   withPreserveAndPreview,

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/CarSearch.svelte

@@ -1,6 +1,6 @@
-<script>import BaseSearchInput, {} from "../components/BaseSearchInput.svelte";
-import { t } from "../i18n";
-import { getCarName } from "../utils";
+<script>import { t } from "../i18n";
+import { getCarName } from "./utils";
+import BaseSearchInput, {} from "./BaseSearchInput.svelte";
 export let placeholder = $t("booking.carInfo");
 export let inputId;
 export let title;

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/CarSearch.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { SearchPriceV2 } from '../types';
+import type { SearchPriceV2 } from './types';
 declare const __propDef: {
     props: {
         placeholder?: string;

package/.svelte-kit/__package__/{schedule → schedule-view}/FileUploader.svelte

@@ -1,10 +1,9 @@
-<script>import { alert } from "../alert";
-import { CommonAPI } from "../api/common";
-import { axios } from "../axios";
-import { t } from "../i18n";
-import { loaders } from "../loaders";
-import { map } from "lodash-es";
+<script>import { map } from "lodash-es";
 import { createEventDispatcher } from "svelte";
+import { t } from "../i18n";
+import { CommonAPI } from "./api";
+import { alert } from "./components/notifications";
+import { loader } from "./components/loader";
 const dispatch = createEventDispatcher();
 export let single = false;
 export let title = $t("booking.fileUpload");
@@ -30,7 +29,7 @@ async function uploadFile() {
     return CommonAPI.upload(data);
   });
   try {
-    loaders.show();
+    loader.show();
     const results = await Promise.all(uploadPromises);
     const files2 = results.map(({ name, url }) => ({ name, url }));
     success(files2);
@@ -38,7 +37,7 @@ async function uploadFile() {
     alert.open({ text: $t("alert.failedToUploadFile") });
   } finally {
     files = null;
-    loaders.hide();
+    loader.hide();
   }
 }
 function success(files2) {

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/FileUploader.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { FileType, UploadFile } from '../types';
+import type { FileType, UploadFile } from './types';
 declare const __propDef: {
     props: {
         single?: boolean;

package/.svelte-kit/__package__/{components → schedule-view}/Layout.svelte

@@ -1,13 +1,12 @@
 <script context="module"></script>
 
-<script>import "../assets/scss/indie_booking.scss";
-import { isLoading, init, locale } from "svelte-i18n";
+<script>import "$scheduleView/assets/scss/indie_booking.scss";
 import dayjs from "dayjs";
-import Loader from "../loaders/component.svelte";
-import Alert from "../alert/component.svelte";
-import Confirm from "../confirm/component.svelte";
-import { env } from "../store/env";
+import { isLoading, init, locale } from "svelte-i18n";
 import Portal from "svelte-portal";
+import { env } from "../store/env";
+import { Alert, Confirm } from "./components/notifications";
+import Loader from "./components/loader/Loader.svelte";
 init({
   fallbackLocale: "en",
   initialLocale: "en"

package/{dist/components → .svelte-kit/__package__/schedule-view}/Layout.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import '../assets/scss/indie_booking.scss';
+import '$scheduleView/assets/scss/indie_booking.scss';
 declare const __propDef: {
     props: Record<string, never>;
     events: {

package/.svelte-kit/__package__/{schedule → schedule-view}/Map.svelte

@@ -1,11 +1,11 @@
-<script>import { randomize } from "../utils";
-import { isEqual } from "lodash-es";
+<script>import { isEqual } from "lodash-es";
 import { onMount, tick } from "svelte";
+import startIcon from "./assets/icon/start.png";
+import destIcon from "./assets/icon/dest.png";
+import placeIcon from "./assets/icon/place.png";
+import { randomize } from "./utils";
+import { copiedBooking, originalBooking } from "./stores/booking";
 import { isEdit } from "./Schedule.svelte";
-import startIcon from "../assets/icon/start.png";
-import destIcon from "../assets/icon/dest.png";
-import placeIcon from "../assets/icon/place.png";
-import { copiedBooking, originalBooking } from "./booking";
 let container$;
 let map;
 const { coordinates: originalCoordinates } = originalBooking;

package/.svelte-kit/__package__/{schedule → schedule-view}/PhoneNumberInput.svelte

@@ -1,7 +1,7 @@
-<script>import { t } from "../i18n";
-import telCodes from "../contents/telCodes.json";
-import { sortBy } from "lodash-es";
+<script>import { sortBy } from "lodash-es";
 import { tick } from "svelte";
+import { t } from "../i18n";
+import telCodes from "./contents/telCodes.json";
 export let telCountryCode;
 export let telNumber;
 let show = false;

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/PlaceSearch.svelte

@@ -1,6 +1,6 @@
-<script>import { CommonAPI } from "../api/common";
-import { loaders } from "../loaders";
-import BaseSearchInput, {} from "../components/BaseSearchInput.svelte";
+<script>import { CommonAPI } from "./api";
+import { loader } from "./components/loader";
+import BaseSearchInput, {} from "./BaseSearchInput.svelte";
 export let placeholder = "Title / Detailed address";
 export let inputId;
 export let title;
@@ -9,7 +9,7 @@ async function search(keyword) {
   if (!keyword?.trim())
     return;
   try {
-    loaders.show();
+    loader.show();
     const data = await CommonAPI.searchPlace(keyword);
     list = data.map((item) => ({
       title: item.title,
@@ -19,7 +19,7 @@ async function search(keyword) {
   } catch (e) {
     list = [];
   } finally {
-    loaders.hide();
+    loader.hide();
   }
 }
 </script>

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/Plan.svelte

@@ -1,12 +1,12 @@
-<script>import { isEdit } from "./Schedule.svelte";
-import PlanItem from "./PlanItem.svelte";
-import PickupPointView from "./PickupPointView.svelte";
-import { BookingServiceType } from "../types";
-import { copiedBooking, originalBooking } from "./booking";
-import Sortable from "sortablejs";
+<script>import Sortable from "sortablejs";
 import { cloneDeep } from "lodash-es";
 import { onMount } from "svelte";
 import { t } from "../i18n";
+import { BookingServiceType } from "./types";
+import { copiedBooking, originalBooking } from "./stores/booking";
+import PickupPointView from "./components/pickup-point-view/PickupPointView.svelte";
+import { isEdit } from "./Schedule.svelte";
+import PlanItem from "./PlanItem.svelte";
 const { plans, isPickupPoint, pickupService, dropOffService, isWaypointService } = originalBooking;
 const {
   plans: editPlans,

package/.svelte-kit/__package__/{schedule → schedule-view}/PlanItem.svelte

@@ -1,7 +1,7 @@
-<script>import { createEventDispatcher, onMount } from "svelte";
-import PlaceSearch from "./PlaceSearch.svelte";
-import { randomize } from "../utils";
+<script>import { createEventDispatcher } from "svelte";
 import { t } from "../i18n";
+import { randomize } from "./utils";
+import PlaceSearch from "./PlaceSearch.svelte";
 const dispatch = createEventDispatcher();
 export let title = "";
 export let address = "";

package/.svelte-kit/__package__/{schedule → schedule-view}/PlanItem.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ExtraPoi } from '../types';
+import type { ExtraPoi } from './types';
 declare const __propDef: {
     props: {
         title?: string;

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/Schedule.svelte

@@ -1,23 +1,23 @@
 <script context="module">export const isEdit = writable(false);
 </script>
 
-<script>import { writable } from "svelte/store";
+<script>import { Toaster } from "svelte-french-toast";
+import { writable } from "svelte/store";
 import { cloneDeep } from "lodash-es";
+import consola from "consola";
 import { dayjs } from "../dayjs";
-import { BookingAPI } from "../api/booking";
-import { copiedBooking, originalBooking } from "./booking";
-import { comma } from "../utils";
-import { loaders } from "../loaders";
-import { alert } from "../alert";
 import { t } from "../i18n";
 import { env } from "../store/env";
-import Layout from "../components/Layout.svelte";
+import { BookingAPI } from "./api";
+import { copiedBooking, originalBooking } from "./stores/booking";
+import { comma } from "./utils";
+import { loader } from "./components/loader";
+import { alert } from "./components/notifications";
+import Layout from "./Layout.svelte";
 import Map from "./Map.svelte";
 import ServiceZone from "./ServiceZone.svelte";
 import Plan from "./Plan.svelte";
 import BookingInfo from "./BookingInfo.svelte";
-import { Toaster } from "svelte-french-toast";
-import consola from "consola";
 const { stdt, price, isModifiable } = originalBooking;
 const { price: editPrice, availableDestZones, availableWaypointZones, fullName, selectedPrice } = copiedBooking;
 let on = false;
@@ -49,7 +49,7 @@ function open({ code }) {
   $copiedBooking = null;
   return new Promise(async (resolve, reject) => {
     try {
-      loaders.show();
+      loader.show();
       const data = await BookingAPI.getBooking(code);
       $originalBooking = data;
       on = true;
@@ -57,18 +57,22 @@ function open({ code }) {
       alert.open({ text: e.message });
       reject(e);
     } finally {
-      loaders.hide();
+      loader.hide();
     }
     resolver = resolve;
   });
 }
-function close() {
+export function isOpened() {
+  return on;
+}
+export function close() {
   on = false;
-  resolver("USER_CLOSE");
+  if (resolver)
+    resolver("USER_CLOSE");
 }
 async function edit() {
   try {
-    loaders.show();
+    loader.show();
     $copiedBooking = await BookingAPI.modifyPreview($originalBooking);
     $originalBooking = cloneDeep($copiedBooking);
     $availableWaypointZones = await BookingAPI.searchWaypoints({ type: $copiedBooking.serviceType, coordinate: $copiedBooking.origin, keyword: "" });
@@ -77,7 +81,7 @@ async function edit() {
   } catch (e) {
     alert.open({ text: e.message });
   } finally {
-    loaders.hide();
+    loader.hide();
   }
 }
 function detailPrice(price2) {
@@ -107,7 +111,7 @@ async function save() {
     if (!$copiedBooking.tel) {
       throw new Error($t("error.pleaseEnterTelNumber"));
     }
-    loaders.show();
+    loader.show();
     const modifiedBooking = await BookingAPI.modify({
       ...$copiedBooking,
       name: $fullName,
@@ -121,7 +125,7 @@ async function save() {
   } catch (e) {
     alert.open({ text: e.message });
   } finally {
-    loaders.hide();
+    loader.hide();
   }
 }
 </script>

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/Schedule.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 export declare const isEdit: import("svelte/store").Writable<boolean>;
-import type { Locale, Target } from '../types';
+import type { Locale, Target } from './types';
 declare const __propDef: {
     props: {
         init?: (options: {
@@ -17,6 +17,8 @@ declare const __propDef: {
                 code: string;
             }) => Promise<"USER_CLOSE">;
         };
+        isOpened?: () => boolean;
+        close?: () => void;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -41,5 +43,7 @@ export default class Schedule extends SvelteComponent<ScheduleProps, ScheduleEve
             code: string;
         }) => Promise<"USER_CLOSE">;
     };
+    get isOpened(): () => boolean;
+    get close(): () => void;
 }
 export {};

package/{dist/schedule → .svelte-kit/__package__/schedule-view}/ServiceZone.svelte

@@ -1,8 +1,8 @@
 <script>import { t } from "../i18n";
-import { BookingServiceType } from "../types";
-import { isEdit } from "./Schedule.svelte";
+import { BookingServiceType } from "./types";
+import { copiedBooking, originalBooking } from "./stores/booking";
 import ServiceZoneItem from "./ServiceZoneItem.svelte";
-import { copiedBooking, originalBooking } from "./booking";
+import { isEdit } from "./Schedule.svelte";
 const { isWaypointService, serviceZone } = originalBooking;
 const { serviceZone: editServiceZone, availableDestZones, availableWaypointZones, withPreserveAndPreview } = copiedBooking;
 function addServiceZoneWaypoint(code) {

package/.svelte-kit/__package__/schedule-view/Test.svelte

@@ -0,0 +1,2 @@
+<script>const a = 1;
+</script>

package/.svelte-kit/__package__/schedule-view/Test.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TestProps = typeof __propDef.props;
+export type TestEvents = typeof __propDef.events;
+export type TestSlots = typeof __propDef.slots;
+export default class Test extends SvelteComponent<TestProps, TestEvents, TestSlots> {
+}
+export {};

package/.svelte-kit/__package__/{api → schedule-view/api}/booking/index.js

@@ -1,7 +1,7 @@
-import { axios } from '../../axios';
+import { axios } from '../../../axios';
 import QS from 'qs';
 import { get } from 'svelte/store';
-import { env } from '../../store/env';
+import { env } from '../../../store/env';
 export class BookingAPI {
     static async getBooking(code) {
         const { target } = get(env);

package/.svelte-kit/__package__/{api → schedule-view/api}/common/index.js

@@ -1,6 +1,6 @@
-import { axios } from '../../axios';
+import { axios } from '../../../axios';
 import { get } from 'svelte/store';
-import { env } from '../../store/env';
+import { env } from '../../../store/env';
 export class CommonAPI {
     static async getPickupPoint(ppno) {
         const { target } = get(env);

package/.svelte-kit/__package__/schedule-view/api/index.d.ts

@@ -0,0 +1,3 @@
+import { CommonAPI } from './common';
+import { BookingAPI } from './booking';
+export { CommonAPI, BookingAPI };

package/.svelte-kit/__package__/schedule-view/api/index.js

@@ -0,0 +1,3 @@
+import { CommonAPI } from './common';
+import { BookingAPI } from './booking';
+export { CommonAPI, BookingAPI };

package/.svelte-kit/__package__/{schedule → schedule-view/components/flight-search}/FlightSearch.svelte

@@ -1,10 +1,10 @@
-<script>import { dayjs } from "../dayjs";
+<script>import Portal from "svelte-portal";
 import { padStart, range } from "lodash-es";
-import Portal from "svelte-portal";
 import { fade } from "svelte/transition";
-import { t } from "../i18n";
-import { alert } from "../alert";
-import { BookingAPI } from "../api/booking";
+import { t } from "../../../i18n";
+import { dayjs } from "../../../dayjs";
+import { BookingAPI } from "../../api";
+import { alert } from "../notifications";
 let on = false;
 let type = "AUTO";
 let dateTime;

package/{dist/schedule → .svelte-kit/__package__/schedule-view/components/flight-search}/FlightSearch.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Flight } from '../types';
+import type { Flight } from '../../types';
 declare const __propDef: {
     props: {
         open?: (options: {

package/.svelte-kit/__package__/{loaders/component.svelte → schedule-view/components/loader/Loader.svelte}

@@ -1,7 +1,7 @@
-<script>import { loaders } from "./index";
+<script>import { loader } from "./index";
 export let isShow = false;
 </script>
 
-<section class="indie_loader-wrapper transparent" class:on={$loaders || isShow}>
+<section class="indie_loader-wrapper transparent" class:on={$loader || isShow}>
 	<div class="indie_loader" />
 </section>

package/.svelte-kit/__package__/schedule-view/components/loader/Loader.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        isShow?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LoaderProps = typeof __propDef.props;
+export type LoaderEvents = typeof __propDef.events;
+export type LoaderSlots = typeof __propDef.slots;
+export default class Loader extends SvelteComponent<LoaderProps, LoaderEvents, LoaderSlots> {
+}
+export {};

package/{dist/loaders → .svelte-kit/__package__/schedule-view/components/loader}/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-export declare const loaders: {
+export declare const loader: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<any>, invalidate?: import("svelte/store").Invalidator<any>) => import("svelte/store").Unsubscriber;
     show: () => void;
     hide: () => void;

package/{dist/loaders → .svelte-kit/__package__/schedule-view/components/loader}/index.js

@@ -13,4 +13,4 @@ function createLoadersStore() {
         hide
     };
 }
-export const loaders = createLoadersStore();
+export const loader = createLoadersStore();

package/.svelte-kit/__package__/{alert/component.svelte → schedule-view/components/notifications/alert/Alert.svelte}

@@ -1,5 +1,5 @@
-<script>import { alert } from "./index";
-import { t } from "../i18n";
+<script>import { t } from "../../../../i18n";
+import { alert } from "./index";
 const success = () => {
   $alert?.success();
   close();

package/.svelte-kit/__package__/schedule-view/components/notifications/alert/Alert.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AlertProps = typeof __propDef.props;
+export type AlertEvents = typeof __propDef.events;
+export type AlertSlots = typeof __propDef.slots;
+export default class Alert extends SvelteComponent<AlertProps, AlertEvents, AlertSlots> {
+}
+export {};

package/.svelte-kit/__package__/{confirm/component.svelte → schedule-view/components/notifications/confirm/Confirm.svelte}

@@ -1,4 +1,4 @@
-<script>import { t } from "../i18n";
+<script>import { t } from "../../../../i18n";
 import { confirm } from "./index";
 const success = () => {
   $confirm?.success();

package/.svelte-kit/__package__/schedule-view/components/notifications/confirm/Confirm.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ConfirmProps = typeof __propDef.props;
+export type ConfirmEvents = typeof __propDef.events;
+export type ConfirmSlots = typeof __propDef.slots;
+export default class Confirm extends SvelteComponent<ConfirmProps, ConfirmEvents, ConfirmSlots> {
+}
+export {};

package/.svelte-kit/__package__/schedule-view/components/notifications/index.d.ts

@@ -0,0 +1,5 @@
+import { alert } from './alert';
+import Alert from './alert/Alert.svelte';
+import { confirm } from './confirm';
+import Confirm from './confirm/Confirm.svelte';
+export { alert, confirm, Alert, Confirm };

package/.svelte-kit/__package__/schedule-view/components/notifications/index.js

@@ -0,0 +1,5 @@
+import { alert } from './alert';
+import Alert from './alert/Alert.svelte';
+import { confirm } from './confirm';
+import Confirm from './confirm/Confirm.svelte';
+export { alert, confirm, Alert, Confirm };

package/{dist/schedule → .svelte-kit/__package__/schedule-view/components/pickup-point-view}/PickupPointView.svelte

@@ -1,9 +1,9 @@
-<script>import blackMarker from "../assets/icon/position_marker_black.png";
-import { randomize } from "../utils";
-import { tick } from "svelte";
-import { CommonAPI } from "../api/common";
-import { loaders } from "../loaders";
-import { alert } from "../alert";
+<script>import { tick } from "svelte";
+import blackMarker from "../../assets/icon/position_marker_black.png";
+import { randomize } from "../../utils";
+import { CommonAPI } from "../../api";
+import { loader } from "../loader";
+import { alert } from "../notifications";
 let on = false;
 let pickupPoint;
 let map;
@@ -11,14 +11,14 @@ $:
   id = `${randomize(10)}_map`;
 export async function open(ppno) {
   try {
-    loaders.show();
+    loader.show();
     pickupPoint = await CommonAPI.getPickupPoint(ppno);
     on = true;
     tick().then(() => initMap());
   } catch (e) {
     alert.open({ text: e.message });
   } finally {
-    loaders.hide();
+    loader.hide();
   }
 }
 function close() {

package/.svelte-kit/__package__/{schedule → schedule-view/components/translation}/Translation.svelte

@@ -1,8 +1,8 @@
-<script>import { alert } from "../alert";
-import { CommonAPI } from "../api/common";
-import { t } from "../i18n";
-import { TranslateLanguage } from "../types";
+<script>import { t } from "../../../i18n";
 import { sortBy } from "lodash-es";
+import { TranslateLanguage } from "../../types";
+import { CommonAPI } from "../../api";
+import { alert } from "../notifications";
 let text = "";
 let on = false;
 let sourceLanguage = null;