@movvjs/svelte-schedule-view 0.4.16 → 0.4.17-beta-2

package/dist/schedule-view/BookingInfo.svelte

@@ -15,6 +15,7 @@ import PhoneNumberInput from "./PhoneNumberInput.svelte";
 import FileUploader from "./FileUploader.svelte";
 import CarSearch from "./CarSearch.svelte";
 import Calender from "./Calender.svelte";
+import EmailList from "./EmailList.svelte";
 const { stdt, fullName, pax, extraServices, files, plans, isFlightService } = originalBooking;
 const {
   withPreserveAndPreview,
@@ -283,10 +284,17 @@ function openCalender() {
 				<tr>
 					<th>E-mail</th>
 					<td>
-						{#if !$isEdit}
+						{#if $isEdit}
 							<p class="value-txt">{$originalBooking.email}</p>
+
+							{#each $originalBooking.emailList || [] as email}
+								{#if email?.trim()}
+									<p class="value-txt">{email}</p>
+								{/if}
+							{/each}
 						{:else}
-							<input bind:value={$copiedBooking.email} type="email" class="indie_text_nor xs3 white w100" placeholder="E-mail" />
+							<!-- <input bind:value={$copiedBooking.email} type="email" class="indie_text_nor xs3 white w100" placeholder="E-mail" /> -->
+							<EmailList bind:emailList={$copiedBooking.emailList} />
 						{/if}
 					</td>
 				</tr>

package/dist/schedule-view/EmailList.svelte

@@ -0,0 +1,33 @@
+<script>export let emailList = [""];
+export let required = true;
+$:
+  if (!emailList || emailList.length === 0) {
+    emailList = [""];
+  }
+function addEmail() {
+  emailList = [...emailList, ""];
+}
+function removeEmail(index) {
+  if (index === 0 && required)
+    return;
+  emailList = emailList.filter((_, i) => i !== index);
+}
+function updateEmail(index, value) {
+  emailList[index] = value;
+  emailList = [...emailList];
+}
+</script>
+
+<div class="add_email_list">
+	{#each emailList as email, index}
+		<div class="item">
+			<input type="text" class="text_nor w100" placeholder="email" value={email} on:input={e => updateEmail(index, e.currentTarget.value)} />
+
+			{#if index === 0}
+				<button type="button" class="button_add" on:click={addEmail}> 추가 </button>
+			{:else}
+				<button type="button" class="button_minus" on:click={() => removeEmail(index)}> 삭제 </button>
+			{/if}
+		</div>
+	{/each}
+</div>

package/dist/schedule-view/EmailList.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        emailList?: string[];
+        required?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type EmailListProps = typeof __propDef.props;
+export type EmailListEvents = typeof __propDef.events;
+export type EmailListSlots = typeof __propDef.slots;
+export default class EmailList extends SvelteComponent<EmailListProps, EmailListEvents, EmailListSlots> {
+}
+export {};

package/dist/schedule-view/Schedule.svelte

@@ -146,6 +146,11 @@ function open({ code }) {
           await new Promise((resolve2) => setTimeout(resolve2, 1e3));
         } else {
           readyView = true;
+          const mergedEmailList = [response.booking.email, ...response.booking.emailList ?? []].filter(Boolean);
+          $originalBooking = {
+            ...response.booking,
+            emailList: mergedEmailList
+          };
           $originalBooking = response.booking;
         }
       }
@@ -195,6 +200,9 @@ async function save() {
     if (!$copiedBooking.tel) {
       throw new Error($t("error.pleaseEnterTelNumber"));
     }
+    const cleaned = $copiedBooking.emailList.map((e) => e?.trim()).filter(Boolean);
+    $copiedBooking.email = cleaned[0] ?? "";
+    $copiedBooking.emailList = cleaned.slice(1);
     loader.show();
     const modifiedBooking = await BookingAPI.modify({
       ...$copiedBooking,

package/dist/schedule-view/api/booking/dto.d.ts

@@ -17,6 +17,7 @@ export type BookingViewDTO = {
     tel: string;
     countryCode: string;
     email: string;
+    emailList: string[];
     serviceType: BookingServiceType;
     carInfo: CarInfo;
     status: BookingStatus;

package/dist/schedule-view/stores/booking.d.ts

@@ -95,6 +95,10 @@ export declare const originalBooking: {
         subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string>) => import("svelte/store").Unsubscriber;
         set(ymd: string): void;
     };
+    emailList: {
+        subscribe: (this: void, run: import("svelte/store").Subscriber<string[]>, invalidate?: import("svelte/store").Invalidator<string[]>) => import("svelte/store").Unsubscriber;
+        set(list: string[]): void;
+    };
 };
 export declare const copiedBooking: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<BookingViewDTO>, invalidate?: import("svelte/store").Invalidator<BookingViewDTO>) => import("svelte/store").Unsubscriber;
@@ -190,4 +194,8 @@ export declare const copiedBooking: {
         subscribe: (this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string>) => import("svelte/store").Unsubscriber;
         set(ymd: string): void;
     };
+    emailList: {
+        subscribe: (this: void, run: import("svelte/store").Subscriber<string[]>, invalidate?: import("svelte/store").Invalidator<string[]>) => import("svelte/store").Unsubscriber;
+        set(list: string[]): void;
+    };
 };

package/dist/schedule-view/stores/booking.js

@@ -282,6 +282,18 @@ function createBookingStore(bookingDTO) {
             return !viewOnly;
         }
     });
+    // 이메일 리스트
+    const emailList = {
+        subscribe: derived(booking, $booking => $booking?.emailList ?? []).subscribe,
+        set(list) {
+            withPreserveAndPreview(() => {
+                booking.update($booking => {
+                    $booking.emailList = list;
+                    return $booking;
+                });
+            });
+        }
+    };
     /**
      * 예약 정보 세팅
      * - name은 있는데, first / last가 없는 경우, name을 first로 세팅
@@ -371,7 +383,8 @@ function createBookingStore(bookingDTO) {
         isPicketService,
         isAeroService,
         addTime,
-        ymd
+        ymd,
+        emailList
     };
 }
 export const originalBooking = createBookingStore(null);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movvjs/svelte-schedule-view",
-	"version": "0.4.16",
+	"version": "0.4.17-beta-2",
 	"type": "module",
 	"license": "ISC",
 	"author": {