@movvjs/svelte-schedule-view 0.0.1

package/dist/schedule/ServiceZone.svelte

@@ -0,0 +1,76 @@
+<script>import { t } from "../i18n";
+import { BookingServiceType } from "../types";
+import { isEdit } from "./Schedule.svelte";
+import ServiceZoneItem from "./ServiceZoneItem.svelte";
+import { copiedBooking, originalBooking } from "./booking";
+const { isWaypointService, serviceZone } = originalBooking;
+const { serviceZone: editServiceZone, availableDestZones, availableWaypointZones, withPreserveAndPreview } = copiedBooking;
+function addServiceZoneWaypoint(code) {
+  withPreserveAndPreview(() => {
+    const findWaypoint = $availableWaypointZones.find((w) => w.code === code);
+    $copiedBooking.wayPoints = [...$copiedBooking.wayPoints, findWaypoint];
+  });
+}
+function removeServiceZoneWaypoint(code) {
+  withPreserveAndPreview(() => {
+    $copiedBooking.wayPoints = $copiedBooking.wayPoints.filter((w) => w.code !== code);
+  });
+}
+function changeServiceZoneDest(code) {
+  withPreserveAndPreview(() => {
+    const findZone = $availableDestZones.find((z) => z.code === code);
+    $copiedBooking.serviceZone = $copiedBooking.serviceZone.map((z) => z.type === "DEST" ? { ...findZone, type: "DEST" } : z);
+    $copiedBooking.dest = findZone;
+  });
+}
+</script>
+
+<div class="serviceZone">
+	<h3>{$t('booking.serviceZone')}</h3>
+	<div class="list_box">
+		<ul class="indie_schedule_drag_list service">
+			<ServiceZoneItem
+				start
+				{...{
+					headerTitle: $t('booking.pickUpZone'),
+					title: $serviceZone.origin?.title
+				}} />
+
+			{#if $isWaypointService}
+				{#if !$isEdit}
+					{#if $serviceZone.waypoints.length > 0}
+						<ServiceZoneItem
+							waypoint
+							{...{
+								headerTitle: $t('booking.waypointZone'),
+								waypoints: $serviceZone.waypoints
+							}} />
+					{/if}
+				{:else}
+					<ServiceZoneItem
+						edit
+						waypoint
+						on:selectZone={({ detail: code }) => addServiceZoneWaypoint(code)}
+						on:removeWaypoint={({ detail: code }) => removeServiceZoneWaypoint(code)}
+						{...{
+							headerTitle: $t('booking.waypointZone'),
+							waypoints: $editServiceZone.waypoints,
+							selectableZones: $availableWaypointZones
+						}} />
+				{/if}
+			{/if}
+
+			{#if !$isEdit || $copiedBooking.serviceType === BookingServiceType.pickup || $copiedBooking.serviceType === BookingServiceType.sending}
+				<ServiceZoneItem end headerTitle={$t('booking.dropOffZone')} title={$serviceZone.dest?.title} />
+			{:else}
+				<ServiceZoneItem
+					end
+					edit
+					on:selectZone={({ detail: code }) => changeServiceZoneDest(code)}
+					headerTitle={$t('booking.dropOffZone')}
+					selected={$editServiceZone.dest?.code}
+					selectableZones={$availableDestZones} />
+			{/if}
+		</ul>
+	</div>
+</div>

package/dist/schedule/ServiceZone.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 ServiceZoneProps = typeof __propDef.props;
+export type ServiceZoneEvents = typeof __propDef.events;
+export type ServiceZoneSlots = typeof __propDef.slots;
+export default class ServiceZone extends SvelteComponent<ServiceZoneProps, ServiceZoneEvents, ServiceZoneSlots> {
+}
+export {};

package/dist/schedule/ServiceZoneItem.svelte

@@ -0,0 +1,73 @@
+<script>import { t } from "../i18n";
+import { createEventDispatcher } from "svelte";
+const dispatch = createEventDispatcher();
+export let edit = false;
+export let headerTitle;
+export let start = false;
+export let end = false;
+export let title = "";
+export let waypoint = false;
+export let waypoints = [];
+export let selected = null;
+export let selectableZones = [];
+function onSelectZone(e) {
+  const code = e.target.value;
+  if (!code)
+    return;
+  dispatch("selectZone", code);
+  e.target.value = null;
+}
+function onRemoveWaypoint(code) {
+  dispatch("removeWaypoint", code);
+}
+</script>
+
+{#if start || end}
+	<li class:start class:end>
+		<span class="dot_txt" />
+		<div class="service_data">
+			<p class="sbj">{headerTitle}</p>
+			{#if edit}
+				<select value={selected} class="indie_select_nor xs3 black-color w100 mgb5" on:input={onSelectZone}>
+					{#each selectableZones as zone}
+						<option value={zone.code}>{zone.title}</option>
+					{:else}
+						<option value={null}>{$t('booking.noZonesAreAvailableToSelect')}</option>
+					{/each}
+				</select>
+			{:else}
+				<p class="city">{title}</p>
+			{/if}
+		</div>
+	</li>
+{:else if waypoint}
+	<li>
+		<span class="dot_txt" />
+		<div class="service_data">
+			<p class="sbj">{headerTitle}</p>
+			<!-- * 경유지 추가  -->
+			{#if edit}
+				<select value={null} class="indie_select_nor xs3 black-color w100 mgb5" on:input={onSelectZone}>
+					<option value={null}>{$t('booking.selectWaypoint')}</option>
+					{#each selectableZones as zone}
+						{@const disabled = waypoints.findIndex(w => w.code === zone.code) > -1}
+						<option {disabled} value={zone.code}>{zone.title}</option>
+					{/each}
+				</select>
+			{/if}
+
+			<div class="city_gather">
+				{#each waypoints as item}
+					{#if edit}
+						<p class="indie_tag_close round w100">
+							<span>{item.title}</span>
+							<a href={null} class="indie_btn_close_sm" on:click={() => onRemoveWaypoint(item.code)}>닫기</a>
+						</p>
+					{:else}
+						<p class="indie_tag_round gray">{item.title}</p>
+					{/if}
+				{/each}
+			</div>
+		</div>
+	</li>
+{/if}

package/dist/schedule/ServiceZoneItem.svelte.d.ts

@@ -0,0 +1,33 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        edit?: boolean;
+        headerTitle: string;
+        start?: boolean;
+        end?: boolean;
+        title?: string;
+        waypoint?: boolean;
+        waypoints?: {
+            title: string;
+            code?: string;
+        }[];
+        selected?: string;
+        selectableZones?: {
+            title: string;
+            code?: string;
+        }[];
+    };
+    events: {
+        selectZone: CustomEvent<any>;
+        removeWaypoint: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ServiceZoneItemProps = typeof __propDef.props;
+export type ServiceZoneItemEvents = typeof __propDef.events;
+export type ServiceZoneItemSlots = typeof __propDef.slots;
+export default class ServiceZoneItem extends SvelteComponent<ServiceZoneItemProps, ServiceZoneItemEvents, ServiceZoneItemSlots> {
+}
+export {};

package/dist/schedule/Translation.svelte

@@ -0,0 +1,136 @@
+<script>import { alert } from "../alert";
+import { CommonAPI } from "../api/common";
+import { t } from "../i18n";
+import { TranslateLanguage } from "../types";
+import { sortBy } from "lodash-es";
+let text = "";
+let on = false;
+let sourceLanguage = null;
+let targetLanguage = null;
+let result = "";
+let loading = false;
+const languages = sortBy(
+  [
+    { value: TranslateLanguage.korean, label: "Korean" },
+    { value: TranslateLanguage.english, label: "English" },
+    { value: TranslateLanguage.japanese, label: "Japanese" },
+    { value: TranslateLanguage.chinese_simplified, label: "Chinese (Simplified)" },
+    { value: TranslateLanguage.chinese_traditional, label: "Chinese (Traditional)" },
+    { value: TranslateLanguage.vietnamese, label: "Vietnamese" }
+  ],
+  ["label"]
+);
+$:
+  sourceText = sourceLanguage ? languages.find((item) => item.value === sourceLanguage).label : $t("translate.setSourceLanguage");
+$:
+  targetText = targetLanguage ? languages.find((item) => item.value === targetLanguage).label : $t("translate.setTargetLanguage");
+$:
+  isTranslatable = sourceLanguage && targetLanguage && sourceLanguage !== targetLanguage;
+export function open(originText) {
+  text = originText;
+  on = true;
+}
+function close() {
+  on = false;
+}
+async function translate() {
+  const { isValid, message } = validation();
+  if (!isValid) {
+    alert.open({ text: message });
+    return;
+  }
+  try {
+    loading = true;
+    result = await CommonAPI.translate(sourceLanguage, targetLanguage, text);
+  } catch (e) {
+    alert.open({ text: e.message });
+  } finally {
+    loading = false;
+  }
+}
+function validation() {
+  if (!sourceLanguage)
+    return { isValid: false, message: $t("translage.pleaseSelectSourceLanguage") };
+  if (!targetLanguage)
+    return { isValid: false, message: $t("translate.pleaseSelectTargetLanguage") };
+  if (sourceLanguage === targetLanguage)
+    return { isValid: false, message: $t("translate.pleaseSelectDifferentLanguage") };
+  return { isValid: true };
+}
+function toggleLanguageSelectPop(id) {
+  document.getElementById(id).classList.toggle("on");
+}
+</script>
+
+<section class="indie_pop_wrap" class:on>
+	<div class="pop_base translate">
+		{#if on}
+			<div class="top_box">
+				<h3>{$t('booking.translate')}</h3>
+				<button type="button" class="btn_close" on:click={() => close()}>닫기</button>
+			</div>
+
+			<div class="contents">
+				<section class="indie_booking_new_translation">
+					<div class="start_lang">
+						<div class="select_lan_box">
+							<!-- 클릭 시 - 클래스 on 추가 -->
+							<a id="source_pop" class="a_btn_select" on:click={() => toggleLanguageSelectPop('source_pop')}>{sourceText}</a>
+							<div class="pop_lang_select">
+								<div class="language_wrap">
+									{#each languages as item}
+										<span>
+											<input
+												value={item.value}
+												bind:group={sourceLanguage}
+												type="radio"
+												class="radio_ch"
+												id="ch_start_{item.value}"
+												on:click={() => toggleLanguageSelectPop('source_pop')} />
+											<label for="ch_start_{item.value}">{item.label}</label>
+										</span>
+									{/each}
+								</div>
+							</div>
+						</div>
+						<div class="text_box">
+							<p>{text}</p>
+						</div>
+						<!-- 출발 언어 선택을 하지 않으면 disabled 해주세요 -->
+						<button type="button" class="btn_trans" disabled={!isTranslatable} on:click={() => translate()}>{$t('booking.translate')}</button>
+					</div>
+
+					<!-- 클래스 loading 추가 시 - 로딩화면 표시 -->
+					<div class="trans_lang" class:loading>
+						<div class="select_lan_box">
+							<!-- 클릭 시 - 클래스 on 추가 -->
+							<a id="target_pop" class="a_btn_select" on:click={() => toggleLanguageSelectPop('target_pop')}>{targetText}</a>
+							<div class="pop_lang_select">
+								<div class="language_wrap">
+									{#each languages as item}
+										<span>
+											<input
+												value={item.value}
+												bind:group={targetLanguage}
+												type="radio"
+												class="radio_ch"
+												id="ch_target_{item.value}"
+												on:click={() => toggleLanguageSelectPop('target_pop')} />
+											<label for="ch_target_{item.value}">{item.label}</label>
+										</span>
+									{/each}
+								</div>
+							</div>
+						</div>
+						<div class="loading_box">
+							<p class="indie_loading_dots gray" />
+						</div>
+						<div class="text_box">
+							<p>{@html result}</p>
+						</div>
+					</div>
+				</section>
+			</div>
+		{/if}
+	</div>
+</section>

package/dist/schedule/Translation.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        open?: (originText: string) => void;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TranslationProps = typeof __propDef.props;
+export type TranslationEvents = typeof __propDef.events;
+export type TranslationSlots = typeof __propDef.slots;
+export default class Translation extends SvelteComponent<TranslationProps, TranslationEvents, TranslationSlots> {
+    get open(): (originText: string) => void;
+}
+export {};

package/dist/schedule/booking.d.ts

@@ -0,0 +1,114 @@
+/// <reference types="svelte" />
+import { ExtraServiceType, type SearchPriceV2 } from '../types';
+export declare const originalBooking: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<import("../api/booking/dto").BookingViewDTO>, invalidate?: import("svelte/store").Invalidator<import("../api/booking/dto").BookingViewDTO>) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: import("../api/booking/dto").BookingViewDTO) => void;
+    update: (this: void, updater: import("svelte/store").Updater<import("../api/booking/dto").BookingViewDTO>) => void;
+    withPreserveAndPreview: (modifying: Function) => Promise<void>;
+    stdt: import("svelte/store").Readable<string>;
+    serviceZone: import("svelte/store").Readable<{
+        origin: import("../types").BookingServiceZone;
+        dest: import("../types").BookingServiceZone;
+        waypoints: import("../types").BookingLocation[];
+    }>;
+    isWaypointService: import("svelte/store").Readable<boolean>;
+    plans: import("svelte/store").Readable<{
+        origin: import("../types").BookingLocation | import("../types").ExtraPoi;
+        waypoints: import("../types").BookingLocation[];
+        dest: import("../types").BookingLocation | import("../types").ExtraPoi;
+    }>;
+    pickupService: import("svelte/store").Readable<import("../types").ExtraPoi>;
+    availablePickupService: import("svelte/store").Readable<import("../types").ExtraPoi[]>;
+    dropOffService: import("svelte/store").Readable<import("../types").ExtraPoi>;
+    availableDropOffService: import("svelte/store").Readable<import("../types").ExtraPoi[]>;
+    isPickupPoint: import("svelte/store").Readable<boolean>;
+    fullName: import("svelte/store").Readable<string>;
+    pax: import("svelte/store").Readable<number>;
+    files: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    defaultFiles: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    picketFiles: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    isAutoPicketFile: import("svelte/store").Readable<boolean>;
+    extraServices: import("svelte/store").Readable<import("../types").BookingExtraService[]>;
+    availableExtraServices: import("svelte/store").Readable<{
+        type: ExtraServiceType;
+        price: number;
+        file: import("../types").UploadFile[];
+    }[]>;
+    isPicketServiceSelected: import("svelte/store").Readable<boolean>;
+    isBabySeatServiceAvailable: import("svelte/store").Readable<boolean>;
+    isPicketServiceAvailable: import("svelte/store").Readable<boolean>;
+    price: import("svelte/store").Readable<{
+        before: {
+            amount: number;
+            forex: import("../types").Currency;
+        };
+        new: {
+            amount: number;
+            forex: import("../types").Currency;
+        };
+    }>;
+    coordinates: import("svelte/store").Readable<(import("../types").BookingLocation | import("../types").ExtraPoi)[]>;
+    availableWaypointZones: import("svelte/store").Writable<import("../types").BookingLocation[]>;
+    availableDestZones: import("svelte/store").Writable<import("../types").BookingLocation[]>;
+    hour: import("svelte/store").Readable<number>;
+    minute: import("svelte/store").Readable<number>;
+    telCountryCode: import("svelte/store").Readable<string>;
+    telNumber: import("svelte/store").Readable<string>;
+    selectedPrice: import("svelte/store").Writable<SearchPriceV2>;
+};
+export declare const copiedBooking: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<import("../api/booking/dto").BookingViewDTO>, invalidate?: import("svelte/store").Invalidator<import("../api/booking/dto").BookingViewDTO>) => import("svelte/store").Unsubscriber;
+    set: (this: void, value: import("../api/booking/dto").BookingViewDTO) => void;
+    update: (this: void, updater: import("svelte/store").Updater<import("../api/booking/dto").BookingViewDTO>) => void;
+    withPreserveAndPreview: (modifying: Function) => Promise<void>;
+    stdt: import("svelte/store").Readable<string>;
+    serviceZone: import("svelte/store").Readable<{
+        origin: import("../types").BookingServiceZone;
+        dest: import("../types").BookingServiceZone;
+        waypoints: import("../types").BookingLocation[];
+    }>;
+    isWaypointService: import("svelte/store").Readable<boolean>;
+    plans: import("svelte/store").Readable<{
+        origin: import("../types").BookingLocation | import("../types").ExtraPoi;
+        waypoints: import("../types").BookingLocation[];
+        dest: import("../types").BookingLocation | import("../types").ExtraPoi;
+    }>;
+    pickupService: import("svelte/store").Readable<import("../types").ExtraPoi>;
+    availablePickupService: import("svelte/store").Readable<import("../types").ExtraPoi[]>;
+    dropOffService: import("svelte/store").Readable<import("../types").ExtraPoi>;
+    availableDropOffService: import("svelte/store").Readable<import("../types").ExtraPoi[]>;
+    isPickupPoint: import("svelte/store").Readable<boolean>;
+    fullName: import("svelte/store").Readable<string>;
+    pax: import("svelte/store").Readable<number>;
+    files: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    defaultFiles: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    picketFiles: import("svelte/store").Readable<import("../types").UploadFile[]>;
+    isAutoPicketFile: import("svelte/store").Readable<boolean>;
+    extraServices: import("svelte/store").Readable<import("../types").BookingExtraService[]>;
+    availableExtraServices: import("svelte/store").Readable<{
+        type: ExtraServiceType;
+        price: number;
+        file: import("../types").UploadFile[];
+    }[]>;
+    isPicketServiceSelected: import("svelte/store").Readable<boolean>;
+    isBabySeatServiceAvailable: import("svelte/store").Readable<boolean>;
+    isPicketServiceAvailable: import("svelte/store").Readable<boolean>;
+    price: import("svelte/store").Readable<{
+        before: {
+            amount: number;
+            forex: import("../types").Currency;
+        };
+        new: {
+            amount: number;
+            forex: import("../types").Currency;
+        };
+    }>;
+    coordinates: import("svelte/store").Readable<(import("../types").BookingLocation | import("../types").ExtraPoi)[]>;
+    availableWaypointZones: import("svelte/store").Writable<import("../types").BookingLocation[]>;
+    availableDestZones: import("svelte/store").Writable<import("../types").BookingLocation[]>;
+    hour: import("svelte/store").Readable<number>;
+    minute: import("svelte/store").Readable<number>;
+    telCountryCode: import("svelte/store").Readable<string>;
+    telNumber: import("svelte/store").Readable<string>;
+    selectedPrice: import("svelte/store").Writable<SearchPriceV2>;
+};

package/dist/schedule/booking.js

@@ -0,0 +1,150 @@
+import { BookingAPI } from '../api/booking';
+import { dayjs } from '../dayjs';
+import { loaders } from '../loaders';
+import { BookingServiceType, ExtraServiceType, FileType } from '../types';
+import { cloneDeep } from 'lodash-es';
+import { derived, get, writable } from 'svelte/store';
+function createBookingStore(bookingDTO) {
+    const booking = writable(null);
+    const availableWaypointZones = writable([]);
+    const availableDestZones = writable([]);
+    const selectedPrice = writable(null);
+    const stdt = derived(booking, $booking => $booking?.ymd);
+    const hour = derived(stdt, $stdt => dayjs($stdt).hour());
+    const minute = derived(stdt, $stdt => dayjs($stdt).minute());
+    const pax = derived(booking, $booking => {
+        return ($booking?.person?.adult ?? 0) + ($booking?.person?.child ?? 0);
+    });
+    const isPickupPoint = derived(booking, $booking => !!$booking?.ppno);
+    const fullName = derived(booking, $booking => `${$booking?.firstName ?? ''} ${$booking?.lastName ?? ''}`);
+    const telCountryCode = derived(booking, $booking => {
+        if (!$booking?.tel)
+            return null;
+        const splitted = $booking.tel.split(' ');
+        return splitted.find(tel => tel.startsWith('+')) ?? null;
+    });
+    const telNumber = derived(booking, $booking => {
+        if (!$booking?.tel)
+            return null;
+        const splitted = $booking.tel.split(' ').filter(tel => !tel.startsWith('+'));
+        return splitted.join('');
+    });
+    const serviceZone = derived(booking, $booking => ({
+        origin: $booking?.serviceZone?.find(zone => zone.type === 'ORIGIN') ?? null,
+        dest: $booking?.serviceZone?.find(zone => zone.type === 'DEST') ?? null,
+        waypoints: $booking?.wayPoints?.filter(zone => !!zone.code) ?? []
+    }));
+    const plans = derived(booking, $booking => ({
+        origin: (() => {
+            const findService = $booking?.extraPoi?.find(poi => poi.type === 'PICKUP');
+            if (findService)
+                return findService;
+            return $booking?.origin;
+        })(),
+        waypoints: $booking?.wayPoints.filter(waypoint => !waypoint.code) ?? [],
+        dest: (() => {
+            const findService = $booking?.extraPoi?.find(poi => poi.type === 'DROPOFF');
+            if (findService)
+                return findService;
+            return $booking?.dest;
+        })()
+    }));
+    const coordinates = derived([booking, plans], ([$booking, $plans]) => {
+        return !$booking ? [] : [$plans.origin, ...$plans.waypoints, $plans.dest];
+    });
+    const files = derived(booking, $booking => $booking?.files ?? []);
+    const defaultFiles = derived(booking, $booking => $booking?.files.filter(file => file.type === FileType.default) ?? []);
+    const picketFiles = derived(booking, $booking => $booking?.files.filter(file => file.type === FileType.picket) ?? []);
+    const isAutoPicketFile = derived(picketFiles, $picketFiles => $picketFiles.some(file => file.auto));
+    const isWaypointService = derived(booking, $booking => $booking?.serviceType === BookingServiceType.oneWay || $booking?.serviceType === BookingServiceType.day);
+    const pickupService = derived(booking, $booking => $booking?.extraPoi?.find(poi => poi.type === 'PICKUP') ?? null);
+    const availablePickupService = derived(booking, $booking => $booking?.defaultExtraPoi?.pickup ?? []);
+    const dropOffService = derived(booking, $booking => $booking?.extraPoi?.find(poi => poi.type === 'DROPOFF') ?? null);
+    const availableDropOffService = derived(booking, $booking => $booking?.defaultExtraPoi?.sending ?? []);
+    const extraServices = derived(booking, $booking => $booking?.extra ?? []);
+    const availableExtraServices = derived(booking, $booking => $booking?.defaultExtra ?? []);
+    const isPicketServiceSelected = derived(extraServices, $extraServices => $extraServices.some(extra => extra.type === ExtraServiceType.picket));
+    const isBabySeatServiceAvailable = derived(availableExtraServices, $availableExtraServices => $availableExtraServices.some(extra => extra.type === ExtraServiceType.baby));
+    const isPicketServiceAvailable = derived(availableExtraServices, $availableExtraServices => $availableExtraServices.some(extra => extra.type === ExtraServiceType.picket));
+    const price = derived(booking, $booking => {
+        return {
+            before: !$booking?.price
+                ? null
+                : {
+                    amount: (() => {
+                        const price = $booking.price;
+                        const additionalPrice = $booking.addPrice;
+                        return price + additionalPrice;
+                    })(),
+                    forex: $booking.forex
+                },
+            new: !$booking?.newPrice
+                ? null
+                : {
+                    amount: (() => {
+                        const price = $booking.newPrice;
+                        const additionalPrice = $booking.addNewPrice;
+                        return price + additionalPrice;
+                    })(),
+                    forex: $booking.forex
+                }
+        };
+    });
+    async function withPreserveAndPreview(modifying) {
+        const prevEditItem = cloneDeep(get(booking));
+        try {
+            loaders.show();
+            if (typeof modifying === 'function')
+                modifying();
+            const modifiedBooking = await BookingAPI.modifyPreview({
+                ...get(booking),
+                ...(get(selectedPrice) ? { psno: get(selectedPrice).psno } : {})
+            });
+            booking.set(modifiedBooking);
+        }
+        catch (e) {
+            booking.set(prevEditItem);
+            alert(e.message);
+        }
+        finally {
+            loaders.hide();
+        }
+    }
+    return {
+        subscribe: booking.subscribe,
+        set: booking.set,
+        update: booking.update,
+        withPreserveAndPreview,
+        stdt,
+        serviceZone,
+        isWaypointService,
+        plans,
+        pickupService,
+        availablePickupService,
+        dropOffService,
+        availableDropOffService,
+        isPickupPoint,
+        fullName,
+        pax,
+        files,
+        defaultFiles,
+        picketFiles,
+        isAutoPicketFile,
+        extraServices,
+        availableExtraServices,
+        isPicketServiceSelected,
+        isBabySeatServiceAvailable,
+        isPicketServiceAvailable,
+        price,
+        coordinates,
+        availableWaypointZones,
+        availableDestZones,
+        hour,
+        minute,
+        telCountryCode,
+        telNumber,
+        selectedPrice
+    };
+}
+export const originalBooking = createBookingStore(null);
+export const copiedBooking = createBookingStore(null);

package/dist/store/env.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="svelte" />
+import type { Locale, Target } from '../types';
+export declare const env: import("svelte/store").Writable<{
+    target: Target;
+    locale: Locale;
+    accessToken: string;
+    refreshToken: string;
+    isModifiable: boolean;
+    isDev: boolean;
+}>;
+export declare const API_URL: import("svelte/store").Readable<"https://api-b2b-dev.movv.co" | "https://api-b2b.movv.co" | "https://api-test.exvehicle.com" | "https://api.exvehicle.com">;
+export declare const AUTH_PATH: import("svelte/store").Readable<string>;
+export declare const authInfo: import("svelte/store").Readable<{
+    username: string;
+    password: string;
+}>;

package/dist/store/env.js

@@ -0,0 +1,33 @@
+import { derived, writable } from 'svelte/store';
+export const env = writable({
+    target: null,
+    locale: 'en',
+    accessToken: null,
+    refreshToken: null,
+    isModifiable: false,
+    isDev: true
+});
+export const API_URL = derived(env, $env => {
+    // api-
+    if ($env.target === 'B2B')
+        return $env.isDev ? 'https://api-b2b-dev.movv.co' : 'https://api-b2b.movv.co';
+    if ($env.target === 'FMS')
+        return $env.isDev ? 'https://api-test.exvehicle.com' : 'https://api.exvehicle.com';
+});
+export const AUTH_PATH = derived(env, _ => '/oauth2/token');
+export const authInfo = derived(env, $env => {
+    return {
+        username: (() => {
+            if ($env.target === 'B2B')
+                return 'movv';
+            if ($env.target === 'FMS')
+                return 'fms';
+        })(),
+        password: (() => {
+            if ($env.target === 'B2B')
+                return '7d8feb82-e2b1-43a0-906e-18f905f71959';
+            if ($env.target === 'FMS')
+                return '3cfaef35-002f-497b-86a0-3e5bf9385dcc';
+        })()
+    };
+});