@movvjs/svelte-schedule-view 0.4.17-beta-4 → 0.4.19

package/dist/i18n/locales/en.json

@@ -70,7 +70,8 @@
 	},
 	"error": {
 		"pleaseEnterGuestName": "Please enter guest name",
-		"pleaseEnterTelNumber": "Please enter tel number."
+		"pleaseEnterTelNumber": "Please enter tel number.",
+		"dupliEmail": "There is a duplicate email."
 	},
 	"extraServiceType": {
 		"BABY": "Infant car seat",

package/dist/i18n/locales/ko.json

@@ -57,7 +57,8 @@
 	},
 	"error": {
 		"pleaseEnterGuestName": "이름을 입력하세요.",
-		"pleaseEnterTelNumber": "전화번호를 입력해주세요."
+		"pleaseEnterTelNumber": "전화번호를 입력해주세요.",
+		"dupliEmail": "중복된 이메일이 있습니다."
 	},
 	"extraServiceType": {
 		"BABY": "베이비 시트",

package/dist/i18n/locales/vi.json

@@ -57,7 +57,8 @@
 	},
 	"error": {
 		"pleaseEnterGuestName": "Vui lòng nhập tên khách",
-		"pleaseEnterTelNumber": "Vui lòng nhập số điện thoại."
+		"pleaseEnterTelNumber": "Vui lòng nhập số điện thoại.",
+		"dupliEmail": "Có email trùng lặp."
 	},
 	"extraServiceType": {
 		"BABY": "Ghế cho em bé",

package/dist/i18n/locales/zh-cn.json

@@ -57,7 +57,8 @@
 	},
 	"error": {
 		"pleaseEnterGuestName": "请输入客人姓名",
-		"pleaseEnterTelNumber": "请输入电话号码。"
+		"pleaseEnterTelNumber": "请输入电话号码。",
+		"dupliEmail": "存在重复的电子邮件。"
 	},
 	"extraServiceType": {
 		"BABY": "儿童安全座椅",

package/dist/i18n/locales/zh-tw.json

@@ -57,7 +57,8 @@
 	},
 	"error": {
 		"pleaseEnterGuestName": "請輸入客人姓名",
-		"pleaseEnterTelNumber": "請輸入電話號碼。"
+		"pleaseEnterTelNumber": "請輸入電話號碼。",
+		"dupliEmail": "存在重複的電子郵件。"
 	},
 	"extraServiceType": {
 		"BABY": "兒童安全座椅",

package/dist/schedule-view/BookingInfo.svelte

@@ -285,13 +285,15 @@ function openCalender() {
 					<th>E-mail</th>
 					<td>
 						{#if !$isEdit}
-							<p class="value-txt">{$originalBooking.email}</p>
+							<div class="scroll_box">
+								<p>{$originalBooking.email}</p>
 
-							{#each $originalBooking.emailList || [] as email}
-								{#if email?.trim()}
-									<p class="value-txt">{email}</p>
-								{/if}
-							{/each}
+								{#each $originalBooking.emailList || [] as email}
+									{#if email?.trim()}
+										<p>{email}</p>
+									{/if}
+								{/each}
+							</div>
 						{:else}
 							<!-- <input bind:value={$copiedBooking.email} type="email" class="indie_text_nor xs3 white w100" placeholder="E-mail" /> -->
 							{#if $copiedBooking}

package/dist/schedule-view/EmailList.svelte

@@ -16,18 +16,32 @@ function updateEmail(index, value) {
   emailList[index] = value;
   emailList = [...emailList];
 }
+function keyAdd(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    addEmail();
+  }
+}
 </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)} />
+<div class="add_email_wrap">
+	<div class="add_email_list">
+		{#each emailList as email, index}
+			<div class="item">
+				<input
+					type="text"
+					class="indie_text_nor w100"
+					placeholder="E-mail"
+					value={email}
+					on:input={e => updateEmail(index, e.currentTarget.value)}
+					on:keydown={keyAdd} />
 
-			{#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}
+				{#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>
 </div>

package/dist/schedule-view/Schedule.svelte

@@ -2,6 +2,7 @@
 </script>
 
 <script>import "./assets/scss/indie_booking.scss";
+import "./assets/css/indie_booking.css";
 import { writable } from "svelte/store";
 import { cloneDeep } from "lodash-es";
 import consola from "consola";
@@ -178,6 +179,7 @@ async function edit() {
       ...preview,
       emailList: mergedEmailList
     };
+    console.log(">>>>>>>>>>>>", $copiedBooking.emailList);
     $originalBooking = cloneDeep($copiedBooking);
     $isEdit = true;
   } catch (e) {
@@ -192,6 +194,10 @@ async function edit() {
 function reset() {
   $copiedBooking = cloneDeep($originalBooking);
 }
+function hasDuplicateEmail(emailList) {
+  const filtered = emailList.map((e) => e.trim().toLowerCase()).filter(Boolean);
+  return new Set(filtered).size !== filtered.length;
+}
 async function save() {
   try {
     if (!$fullName) {
@@ -200,6 +206,8 @@ async function save() {
     if (!$copiedBooking.tel) {
       throw new Error($t("error.pleaseEnterTelNumber"));
     }
+    if (hasDuplicateEmail($copiedBooking.emailList))
+      throw new Error("\uC911\uBCF5\uB41C \uC774\uBA54\uC77C\uC774 \uC788\uC2B5\uB2C8\uB2E4.");
     const cleaned = $copiedBooking.emailList.map((e) => e?.trim()).filter(Boolean);
     $copiedBooking.email = cleaned[0] ?? "";
     $copiedBooking.emailList = cleaned.slice(1);

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

@@ -11,6 +11,7 @@ export interface InitOption {
     viewOnly?: boolean;
 }
 import './assets/scss/indie_booking.scss';
+import './assets/css/indie_booking.css';
 import type { Locale, Target } from './types';
 declare const __propDef: {
     props: {