@energysage/es-ds-components 4.0.3 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [4.1.0](https://github.com/EnergySage/es-ds/compare/es-ds-components-v4.0.3...es-ds-components-v4.1.0) (2026-01-12)
+
+
+### Features
+
+* add prop to allow replacements in zip code form URL ([#1695](https://github.com/EnergySage/es-ds/issues/1695)) ([001feb5](https://github.com/EnergySage/es-ds/commit/001feb52b9bbfd84c31390449c0810517c726a6f))
+
+
+### Bug Fixes
+
+* fix dependency vulnerabilities reported by jit ([#1697](https://github.com/EnergySage/es-ds/issues/1697)) ([db13818](https://github.com/EnergySage/es-ds/commit/db13818d9e83593f06c49d774fd219e96f6702dd))
+
 ## [4.0.3](https://github.com/EnergySage/es-ds/compare/es-ds-components-v4.0.2...es-ds-components-v4.0.3) (2025-10-30)
 
 

package/app/components/es-zip-code-form.vue

@@ -4,6 +4,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    contextMessage: {
+        type: String,
+        default: '',
+    },
     dark: {
         type: Boolean,
         default: false,
@@ -24,10 +28,6 @@ const props = defineProps({
         type: String,
         default: 'ZIP code',
     },
-    showPrivacySection: {
-        type: Boolean,
-        default: true,
-    },
     privacyPolicyLink: {
         type: String,
         default: '',
@@ -36,23 +36,27 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
-    stackUntil: {
+    replaceFieldNameInUrl: {
+        type: Boolean,
+        default: false,
+    },
+    selectedProduct: {
         type: String,
         default: '',
     },
-    url: {
-        type: String,
-        required: true,
+    showPrivacySection: {
+        type: Boolean,
+        default: true,
     },
-    zipCodeValue: {
+    stackUntil: {
         type: String,
         default: '',
     },
-    selectedProduct: {
+    url: {
         type: String,
-        default: '',
+        required: true,
     },
-    contextMessage: {
+    zipCodeValue: {
         type: String,
         default: '',
     },
@@ -87,6 +91,10 @@ const rules = {
     },
 };
 
+const replacementUrl = computed(() => {
+    return props.url.replace(`{${props.fieldName}}`, state.zipCode);
+});
+
 const { v$, validateState } = useEsForms(rules, state);
 
 const ctaForm = useTemplateRef<HTMLFormElement>('ctaForm');
@@ -95,7 +103,16 @@ const handleSubmit = () => {
     if (v$.value.$invalid) {
         v$.value.$touch();
     } else {
-        ctaForm.value?.submit();
+        if (props.replaceFieldNameInUrl) {
+            navigateTo(replacementUrl.value, {
+                external: true,
+                open: {
+                    target: props.newTab ? '_blank' : '_self',
+                },
+            });
+        } else {
+            ctaForm.value?.submit();
+        }
     }
 };
 </script>
@@ -121,7 +138,7 @@ const handleSubmit = () => {
                     [`d-${stackBreak}flex`]: stackUntil,
                     'mb-100': showPrivacySection,
                 }"
-                :action="url"
+                :action="replaceFieldNameInUrl ? replacementUrl : url"
                 method="get"
                 novalidate
                 :target="newTab ? '_blank' : '_self'"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@energysage/es-ds-components",
-    "version": "4.0.3",
+    "version": "4.1.0",
     "private": false,
     "type": "module",
     "description": "An EnergySage Vue component library",