[growth] stop zip code dupe initialization

src/PreorderApp.ts

@@ -2,6 +2,9 @@ import type { PreorderAppConfig } from "./Config.types";
 import LocationInput from "./location-input/LocationInput.svelte";
 import ZipCodeInput from "./location-input/ZipCodeInput.svelte";
 
+// Track initialization state
+let isZipCodeInitialized = false;
+
 export const PreorderApp = {
   initialize: (props: PreorderAppConfig) => {
     const {
@@ -56,6 +59,12 @@ export const PreorderApp = {
   },
 
   initializeZipCode: (props: PreorderAppConfig) => {
+    // Prevent multiple initializations
+    if (isZipCodeInitialized) {
+      console.warn('ZipCodeInput already initialized, skipping...');
+      return;
+    }
+
     const {
       targetElAddressInput = document.getElementById("zip-code-entry"),
       onAddressSubmitSuccess,
@@ -94,6 +103,9 @@ export const PreorderApp = {
       });
     }
 
+    // Mark as initialized
+    isZipCodeInitialized = true;
+
     return zipCodeInput;
   },
 };

src/embed.ts

@@ -4,6 +4,7 @@ import { PreorderApp } from "./PreorderApp";
 
 // Initialize ZIP code input when DOM is ready
 document.addEventListener("DOMContentLoaded", () => {
+  // Initialize ZIP code input if it exists
   if (document.getElementById("zip-code-entry")) {
     PreorderApp.initializeZipCode({
       targetElAddressInput: document.getElementById("zip-code-entry"),

src/location-input/LocationInput.svelte

@@ -89,7 +89,7 @@
       jQuery(".input-address-container").addClass("focused");
       jQuery("input.location-search-input").attr(
         "placeholder",
-        "Enter your home address",
+        "Enter home address",
       );
       jQuery("button.submitAddressButton").hide();
     });
@@ -116,7 +116,7 @@
     <GooglePlaceAutocomplete
       class="location-search-input"
       apiKey={googlePublicApiKey}
-      placeholder="Enter your home address"
+      placeholder="Enter home address"
       onSelect={(value) => {
         console.log("Place selected:", value);
         const parsed = parsePlaceResult(value);

src/location-input/ZipCodeInput.svelte

@@ -1,30 +1,40 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onMount, onDestroy } from "svelte";
   import type { OnAddressSubmitSuccess } from "../types";
   import { displayBlock, displayNone, fadeIn } from "../visibilityUtils";
   import { addressState } from "../windowVars";
 
   export let addressCtaText: string = "See if I qualify";
   export let onAddressSubmitSuccess: OnAddressSubmitSuccess = () => {};
 
+  let inputContainer: HTMLElement;
+  let focusOverlay: HTMLElement;
+  let input: HTMLInputElement;
+
+  const handleContainerClick = () => {
+    if (zipCode.length !== 5) {  // Only show overlay if not complete
+      focusOverlay.style.display = "block";
+      inputContainer.classList.add("focused");
+    }
+    input?.focus();
+  };
+
+  const handleOverlayClick = () => {
+    focusOverlay.style.display = "none";
+    inputContainer.classList.remove("focused");
+  };
+
   onMount(() => {
-    const inputContainer = document.querySelector(".input-zip-container") as HTMLElement;
-    const focusOverlay = document.querySelector(".focus_overlay") as HTMLElement;
-    const input = document.querySelector(".zip-search-input") as HTMLInputElement;
+    if (inputContainer && focusOverlay) {
+      inputContainer.addEventListener("click", handleContainerClick);
+      focusOverlay.addEventListener("click", handleOverlayClick);
+    }
+  });
 
+  onDestroy(() => {
     if (inputContainer && focusOverlay) {
-      inputContainer.addEventListener("click", () => {
-        if (zipCode.length !== 5) {  // Only show overlay if not complete
-          focusOverlay.style.display = "block";
-          inputContainer.classList.add("focused");
-        }
-        input?.focus();
-      });
-
-      focusOverlay.addEventListener("click", () => {
-        focusOverlay.style.display = "none";
-        inputContainer.classList.remove("focused");
-      });
+      inputContainer.removeEventListener("click", handleContainerClick);
+      focusOverlay.removeEventListener("click", handleOverlayClick);
     }
   });
 
@@ -84,14 +94,15 @@
 </script>
 
 <div class="input-zip-wrap">
-  <div class="input-zip-container">
+  <div class="input-zip-container" bind:this={inputContainer}>
     <div class="zip-input-layout">
       <input
         type="text"
         inputmode="numeric"
         pattern="[0-9]*"
         class="zip-search-input"
         maxlength="5"
+        bind:this={input}
         on:input={handleInput}
         on:keydown={(e) => e.key === 'Enter' && isComplete && handleSubmit()}
       />
@@ -112,7 +123,7 @@
     </button>
   </div>
 </div>
-<div class="focus_overlay"></div>
+<div class="focus_overlay" bind:this={focusOverlay}></div>
 
 <style lang="scss" global>
   .input-zip-wrap {