accomadesc 0.2.13 → 0.2.14

package/dist/BookingRequest.svelte

@@ -25,6 +25,7 @@
     submitText,
     invalidText,
     maxCharsAllowed = 300,
+    preview = false,
     translateFunc,
     formatDateFunc,
   }: BookingRequestContent & I18nFacade = $props();
@@ -34,7 +35,6 @@
   let message = $state('');
   let arrival: DateTime | undefined = $state();
   let leave: DateTime | undefined = $state();
-  let disabled = $state(false);
   let inputDatesEngaged = $state(false);
 
   let currentCharsCount = $derived(message.length);
@@ -50,8 +50,7 @@
   let errored = $state(false);
   let successfullySent = $state(false);
   let sending = $state(false);
-
-  //https://popnapdkcdnabruxkjti.supabase.co/storage/v1/object/public/ical/81e66599-ac3c-4ad6-b261-fceeb784f9e9/050edcb4-680e-4542-96df-3ae4a2af89a5
+  let disabled = $derived(preview || errored || successfullySent);
 
   const url = calUrl;
   const oStateID = `i-${url}-${OCCUPATION_STATE}`;
@@ -165,6 +164,7 @@
       {/if}
       <div class="date-input-wrapper" id="engage-date-buttons">
         <Button
+          enabled={!disabled}
           id="date-input"
           iconName="edit"
           size={1.8}
@@ -190,18 +190,19 @@
     </label>
 
     <div class="message-wrapper">
-      {#if successfullySent}
-        <div class="success">
+      {#if preview}<div>[PREVIEW]</div>{/if}
+      {#if successfullySent || preview}
+        <div class="messsage success">
           {translateFunc ? translateFunc(successfullySentText) : 'Successfully Sent Email'}
         </div>
       {/if}
-      {#if errored}
-        <div class="error">
+      {#if errored || preview}
+        <div class="message error">
           {translateFunc ? translateFunc(sentErroredText) : 'Error Occurred Sending Email'}
         </div>
       {/if}
-      {#if invalid}
-        <div class="error">
+      {#if invalid || preview}
+        <div class="message error">
           {translateFunc ? translateFunc(invalidText) : 'Dates Are Not Available'}
         </div>
       {/if}
@@ -278,7 +279,7 @@
       grid-column-start: start;
       grid-column-end: end;
       display: flex;
-      justify-content: flex-start;
+      justify-content: space-between;
     }
     .button-wrapper {
       grid-column-start: start;
@@ -293,6 +294,11 @@
     color: var(--alert-font-color);
   }
 
+  .message {
+    display: flex;
+    justify-content: space-between;
+  }
+
   .success {
     color: var(--accept-font-color);
     font-weight: bolder;

package/dist/ContactForm.svelte

@@ -16,6 +16,7 @@
     successfullySentText,
     sentErroredText,
     maxCharsAllowed = 300,
+    preview = false,
     translateFunc,
   }: ContactFormContent & I18nFacade = $props();
 
@@ -33,7 +34,8 @@
   let currentCharsCount = $derived(question.length);
   let showMaxCharsMessage = $derived(currentCharsCount > maxCharsAllowed - 50);
   let canSubmit: boolean = $derived(
-    name.length > 0 &&
+    !preview &&
+      name.length > 0 &&
       email.length > 0 &&
       question.length > 0 &&
       question.length <= maxCharsAllowed,
@@ -74,7 +76,7 @@
     }, 15000);
   };
 
-  let disabled = $derived(errored || successfullySent);
+  let disabled = $derived(preview || errored || successfullySent);
 </script>
 
 <div class="wrapper">
@@ -102,16 +104,19 @@
 
       <Notes {disabled} changed={questionChanged} />
     </label>
-    {#if successfullySent}
-      <div class="success">
-        {translateFunc ? translateFunc(successfullySentText) : 'Successfully Sent Email'}
-      </div>
-    {/if}
-    {#if errored}
-      <div class="error">
-        {translateFunc ? translateFunc(sentErroredText) : 'Error Occurred Sending Email'}
-      </div>
-    {/if}
+    <div class="message-wrapper">
+      {#if preview}<div>[PREVIEW]</div>{/if}
+      {#if successfullySent || preview}
+        <div class="success">
+          {translateFunc ? translateFunc(successfullySentText) : 'Successfully Sent Email'}
+        </div>
+      {/if}
+      {#if errored || preview}
+        <div class="error">
+          {translateFunc ? translateFunc(sentErroredText) : 'Error Occurred Sending Email'}
+        </div>
+      {/if}
+    </div>
     <div class="button-wrapper">
       <Button
         enabled={canSubmit && !disabled}
@@ -146,6 +151,11 @@
     }
   }
 
+  .message-wrapper {
+    display: flex;
+    justify-content: space-between;
+  }
+
   form {
     display: flex;
     flex-direction: column;

package/dist/types.d.ts

@@ -263,6 +263,7 @@ export interface ContactFormContent {
     sentErroredText: string;
     maxCharsAllowed?: number;
     explainer?: string;
+    preview?: boolean;
 }
 export interface BookingRequest {
     id: string;
@@ -285,6 +286,7 @@ export interface BookingRequestContent {
     numberOfNightsLabel: string;
     maxCharsAllowed?: number;
     explainer?: string;
+    preview?: boolean;
 }
 export type Block = Text | Photo | PhotoGallery | Calendar | CalendarAvailable | CalendarGrid | CalendarRows | Pricing | PricingShort | AmenitiesCore | Weather | LeafletMap | AccoCard | AccoDescription | ContactForm | BookingRequest | undefined;
 export interface FontSpec {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.2.13",
+	"version": "0.2.14",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",