@salla.sa/ui-address-autocomplete-widget 1.1.3 → 1.2.1

package/dist/index.js

@@ -919,6 +919,71 @@ let d = class extends C {
   cancelPendingRequest() {
     this.abortController && (this.abortController.abort(), this.abortController = null);
   }
+  isSaudiFormMode() {
+    return this.mode === "form" && this.country !== null && this.country.length === 1 && this.country[0].toLowerCase() === "sa";
+  }
+  getWhatsAppLink() {
+    const t = "966112898888", e = encodeURIComponent("العنوان الوطني");
+    return `https://wa.me/${t}?text=${e}`;
+  }
+  renderWhatsAppIcon() {
+    return g`
+      <svg class="whatsapp-icon" viewBox="0 0 24 24" fill="currentColor" part="whatsapp-icon">
+        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
+      </svg>
+    `;
+  }
+  getSaudiHelpTextContent() {
+    return {
+      helpText: this.language === "ar" ? "لا تعرف العنوان الوطني؟" : "Don't know your national address?",
+      linkText: this.language === "ar" ? "احصل على العنوان الوطني عبر الواتساب" : "Get your national address via WhatsApp"
+    };
+  }
+  renderSaudiFriendlyError() {
+    const t = this.inputValue && this.inputValue.trim().length > 0;
+    let e, i;
+    t ? (e = "العنوان الوطني المختصر غير صحيح (الصيغة: AAAA1234). يمكنك الحصول عليه بسهولة", i = "The short national address format is incorrect (format: AAAA1234). You can easily get it") : (e = "العنوان الوطني المختصر مطلوب. يمكنك الحصول عليه بسهولة", i = "The short national address is required. You can easily get it");
+    const r = "عبر الواتساب (اضغط هنا)", s = "via WhatsApp (click here)", o = "أو ابحث أعلاه", a = "or search above", n = this.language === "ar" ? e : i, l = this.language === "ar" ? r : s, m = this.language === "ar" ? o : a;
+    return g`
+      <span>
+        ${n}
+        <a
+          href="${this.getWhatsAppLink()}"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="whatsapp-link-inline"
+          part="whatsapp-link"
+        >
+          ${this.renderWhatsAppIcon()}
+          ${l}
+        </a>
+        ${m}
+      </span>
+    `;
+  }
+  renderSaudiHelpText() {
+    if (!this.isSaudiFormMode() || this.validationError || this.errors && this.errors.length > 0)
+      return "";
+    const t = "لا تعرف العنوان الوطني؟ احصل عليه بسهولة", e = "Don't know your national address? Get it easily", i = "عبر الواتساب (اضغط هنا)", r = "via WhatsApp (click here)", s = "أو ابحث أعلاه", o = "or search above", a = this.language === "ar" ? t : e, n = this.language === "ar" ? i : r, l = this.language === "ar" ? s : o;
+    return g`
+      <div class="help-text" part="help-text">
+        <span>
+          ${a}
+          <a
+            href="${this.getWhatsAppLink()}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="whatsapp-link-inline"
+            part="whatsapp-link"
+          >
+            ${this.renderWhatsAppIcon()}
+            ${n}
+          </a>
+          ${l}
+        </span>
+      </div>
+    `;
+  }
   async fetchPredictions(t) {
     if (!t.trim()) {
       this.predictions = [], this.isOpen = !1, this.isLoading = !1;
@@ -991,6 +1056,11 @@ let d = class extends C {
       this.isLoading = !1;
     }
   }
+  /**
+   * Validates the selected address using the provided callback
+   * @param place - The place details to validate
+   * @returns Promise resolving to validation result
+   */
   async validateAddress(t) {
     try {
       if (!t || !t.formatted_address)
@@ -1007,74 +1077,14 @@ let d = class extends C {
       return console.error("Error validating address:", e), this.terminateSession(), null;
     }
   }
+  /**
+   * Gets validation support information for a place
+   * @param place - The place details to check
+   * @returns ValidationSupport object indicating what validation is supported
+   */
   getValidationSupport(t) {
     return ne(t, this.country);
   }
-  isSaudiFormMode() {
-    return this.mode === "form" && this.country !== null && this.country.length === 1 && this.country[0].toLowerCase() === "sa";
-  }
-  getWhatsAppLink() {
-    const t = "966112898888", e = encodeURIComponent("العنوان الوطني");
-    return `https://wa.me/${t}?text=${e}`;
-  }
-  renderWhatsAppIcon() {
-    return g`
-      <svg class="whatsapp-icon" viewBox="0 0 24 24" fill="currentColor" part="whatsapp-icon">
-        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
-      </svg>
-    `;
-  }
-  getSaudiHelpTextContent() {
-    return {
-      helpText: this.language === "ar" ? "لا تعرف العنوان الوطني؟" : "Don't know your national address?",
-      linkText: this.language === "ar" ? "احصل على العنوان الوطني عبر الواتساب" : "Get your national address via WhatsApp"
-    };
-  }
-  renderSaudiFriendlyError() {
-    const t = this.inputValue && this.inputValue.trim().length > 0;
-    let e, i;
-    t ? (e = "العنوان الوطني المختصر غير صحيح (الصيغة: AAAA1234). يمكنك الحصول عليه بسهولة", i = "The short national address format is incorrect (format: AAAA1234). You can easily get it") : (e = "العنوان الوطني المختصر مطلوب. يمكنك الحصول عليه بسهولة", i = "The short national address is required. You can easily get it");
-    const r = "عبر الواتساب (اضغط هنا)", s = "via WhatsApp (click here)", o = "أو ابحث أعلاه", a = "or search above", n = this.language === "ar" ? e : i, l = this.language === "ar" ? r : s, m = this.language === "ar" ? o : a;
-    return g`
-      <span>
-        ${n}
-        <a
-          href="${this.getWhatsAppLink()}"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="whatsapp-link-inline"
-          part="whatsapp-link"
-        >
-          ${this.renderWhatsAppIcon()}
-          ${l}
-        </a>
-        ${m}
-      </span>
-    `;
-  }
-  renderSaudiHelpText() {
-    if (!this.isSaudiFormMode() || this.validationError || this.errors && this.errors.length > 0)
-      return "";
-    const t = "لا تعرف العنوان الوطني؟ احصل عليه بسهولة", e = "Don't know your national address? Get it easily", i = "عبر الواتساب (اضغط هنا)", r = "via WhatsApp (click here)", s = "أو ابحث أعلاه", o = "or search above", a = this.language === "ar" ? t : e, n = this.language === "ar" ? i : r, l = this.language === "ar" ? s : o;
-    return g`
-      <div class="help-text" part="help-text">
-        <span>
-          ${a}
-          <a
-            href="${this.getWhatsAppLink()}"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="whatsapp-link-inline"
-            part="whatsapp-link"
-          >
-            ${this.renderWhatsAppIcon()}
-            ${n}
-          </a>
-          ${l}
-        </span>
-      </div>
-    `;
-  }
   checkValidity() {
     return this.validate();
   }
@@ -1087,6 +1097,9 @@ let d = class extends C {
       composed: !0
     })), t;
   }
+  /**
+   * Resets the component to its initial state
+   */
   reset() {
     this.inputValue = "", this.selectedId = null, this.validationError = null, this.errors = [], this.touched = !1, this.predictions = [], this.isOpen = !1, this.error = null, this.showNationalAddressIcon = !1, this.mode === "form" && (this._internals.setFormValue(null), this._internals.setValidity({}));
   }

package/package.json

@@ -28,14 +28,19 @@
     "lit": "^3.3.2"
   },
   "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@types/node": "^25.0.10",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   },
-  "version": "1.1.3",
+  "customElements": "custom-elements.json",
+  "version": "1.2.1",
   "scripts": {
     "dev": "vite",
-    "build": "tsc --emitDeclarationOnly && vite build",
-    "preview": "vite preview"
+    "build": "tsc --emitDeclarationOnly && vite build --config vite.config.ts",
+    "build:scoped": "tsc --emitDeclarationOnly && vite build --config vite.config.ts",
+    "preview": "vite preview",
+    "analyze": "cem analyze --litelement",
+    "docs": "cem analyze --litelement"
   }
 }