@movvjs/svelte-schedule-view 0.4.20 → 0.4.21

package/dist/schedule-view/EmailList.svelte

@@ -1,27 +1,59 @@
 <script>export let emailList = [""];
 export let required = true;
+const MAX_EMAIL_COUNT = 10;
+let invalidIndexes = /* @__PURE__ */ new Set();
 $:
   if (!emailList || emailList.length === 0) {
     emailList = [""];
   }
+function checkEmail3(email) {
+  const regEmail = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_]?[0-9a-zA-Z])*(\.[0-9a-zA-Z]([-_]?[0-9a-zA-Z])*)*\.[a-zA-Z]{2,}$/;
+  return regEmail.test(email);
+}
 function addEmail() {
+  if (emailList.length >= MAX_EMAIL_COUNT)
+    return;
   emailList = [...emailList, ""];
 }
 function removeEmail(index) {
   if (index === 0 && required)
     return;
   emailList = emailList.filter((_, i) => i !== index);
+  validateEmails();
 }
 function updateEmail(index, value) {
   emailList[index] = value;
   emailList = [...emailList];
+  validateEmails();
 }
 function keyAdd(e) {
   if (e.key === "Enter") {
     e.preventDefault();
-    addEmail();
+    if (emailList.length < MAX_EMAIL_COUNT) {
+      addEmail();
+    }
   }
 }
+function validateEmails() {
+  const newInvalid = /* @__PURE__ */ new Set();
+  const trimmed = emailList.map((e) => e?.trim() ?? "");
+  const seen = /* @__PURE__ */ new Set();
+  trimmed.forEach((email, index) => {
+    if (!email)
+      return;
+    const lower = email.toLowerCase();
+    if (!checkEmail3(email)) {
+      newInvalid.add(index);
+      return;
+    }
+    if (seen.has(lower)) {
+      newInvalid.add(index);
+    } else {
+      seen.add(lower);
+    }
+  });
+  invalidIndexes = newInvalid;
+}
 </script>
 
 <div class="add_email_wrap">
@@ -30,15 +62,15 @@ function keyAdd(e) {
 			<div class="item">
 				<input
 					type="text"
-					class="indie_text_nor w100"
+					class={`indie_text_nor w100 ${invalidIndexes.has(index) ? 'error' : ''}`}
 					placeholder="E-mail"
 					value={email}
 					on:input={e => updateEmail(index, e.currentTarget.value)}
 					on:keydown={keyAdd} />
 
-				{#if index === 0}
+				{#if index === 0 && emailList.length < MAX_EMAIL_COUNT}
 					<button type="button" class="button_add" on:click={addEmail}> 추가 </button>
-				{:else}
+				{:else if index !== 0}
 					<button type="button" class="button_minus" on:click={() => removeEmail(index)}> 삭제 </button>
 				{/if}
 			</div>

package/dist/schedule-view/Schedule.svelte

@@ -206,7 +206,7 @@ async function save() {
       throw new Error($t("error.pleaseEnterTelNumber"));
     }
     if (hasDuplicateEmail($copiedBooking.emailList))
-      throw new Error("error.dupliEmail");
+      throw new Error($t("error.dupliEmail"));
     const cleaned = $copiedBooking.emailList.map((e) => e?.trim()).filter(Boolean);
     $copiedBooking.email = cleaned[0] ?? "";
     $copiedBooking.emailList = cleaned.slice(1);