sprintify-ui 0.0.168 → 0.0.170

package/dist/sprintify-ui.es.js

@@ -1055,40 +1055,40 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
       if (!h)
         return;
       const d = h.getPlace();
-      let w = "", b = "";
-      const v = St(e.modelValue);
+      let w = "", b = "", v = "";
+      const g = St(e.modelValue);
       if (d.address_components) {
-        for (const g of d.address_components)
-          switch (g.types[0]) {
+        for (const n of d.address_components)
+          switch (n.types[0]) {
             case "street_number": {
-              w = `${g.long_name} ${w}`;
+              w = `${n.long_name} ${w}`;
               break;
             }
             case "route": {
-              w += g.long_name;
+              w += n.long_name;
               break;
             }
             case "postal_code": {
-              b = `${g.long_name}${b}`;
+              b = `${n.long_name}${b}`;
               break;
             }
             case "postal_code_suffix": {
-              b = `${b}-${g.long_name}`;
+              b = `${b}-${n.long_name}`;
               break;
             }
             case "locality":
-              v.city = g.long_name;
+              g.city = n.long_name;
               break;
             case "administrative_area_level_1": {
-              v.region = g.short_name.toLowerCase();
+              v = n.short_name.toLowerCase();
               break;
             }
             case "country":
-              v.country = g.short_name.toLowerCase();
+              g.country = n.short_name.toLowerCase();
               break;
           }
-        u("country", v.country + ""), ct(() => {
-          v.address_1 = w, v.postal_code = b, i("update:model-value", v);
+        g.region = g.country + "-" + v, g.address_1 = w, g.postal_code = b, ct(() => {
+          i("update:model-value", g);
         });
       }
     }
@@ -1107,6 +1107,7 @@ const Ra = /* @__PURE__ */ new WeakMap(), Fa = (t) => {
             placeholder: d.$t("sui.address_1_placeholder"),
             class: "w-full",
             "prevent-submit": "",
+            name: "address_search_field",
             autocomplete: !1,
             required: !1,
             "onUpdate:modelValue": w[0] || (w[0] = (b) => u("address_1", b))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.168",
+  "version": "0.0.170",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAddressForm.stories.js

@@ -12,18 +12,18 @@ export default {
       { name: 'Mexico', id: 'mx' },
     ],
     regions: [
-      { name: 'Alabama', id: 'al', country_id: 'us' },
-      { name: 'Alaska', id: 'ak', country_id: 'us' },
-      { name: 'Arizona', id: 'az', country_id: 'us' },
-      { name: 'Alberta', id: 'ab', country_id: 'ca' },
-      { name: 'British Columbia', id: 'bc', country_id: 'ca' },
-      { name: 'Manitoba', id: 'mb', country_id: 'ca' },
-      { name: 'Nova Scotia', id: 'ns', country_id: 'ca' },
-      { name: 'Ontario', id: 'on', country_id: 'ca' },
-      { name: 'Prince Edward Island', id: 'pe', country_id: 'ca' },
-      { name: 'Quebec', id: 'qc', country_id: 'ca' },
-      { name: 'Saskatchewan', id: 'sk', country_id: 'ca' },
-      { name: 'Northwest Territories', id: 'nt', country_id: 'ca' },
+      { name: 'Alabama', id: 'us-al', country_id: 'us' },
+      { name: 'Alaska', id: 'us-ak', country_id: 'us' },
+      { name: 'Arizona', id: 'us-az', country_id: 'us' },
+      { name: 'Alberta', id: 'ca-ab', country_id: 'ca' },
+      { name: 'British Columbia', id: 'ca-bc', country_id: 'ca' },
+      { name: 'Manitoba', id: 'ca-mb', country_id: 'ca' },
+      { name: 'Nova Scotia', id: 'ca-ns', country_id: 'ca' },
+      { name: 'Ontario', id: 'ca-on', country_id: 'ca' },
+      { name: 'Prince Edward Island', id: 'ca-pe', country_id: 'ca' },
+      { name: 'Quebec', id: 'ca-qc', country_id: 'ca' },
+      { name: 'Saskatchewan', id: 'ca-sk', country_id: 'ca' },
+      { name: 'Northwest Territories', id: 'ca-nt', country_id: 'ca' },
     ],
   },
 };

package/src/components/BaseAddressForm.vue

@@ -11,6 +11,7 @@
       :placeholder="$t('sui.address_1_placeholder')"
       class="w-full"
       prevent-submit
+      name="address_search_field"
       :autocomplete="false"
       :required="false"
       @update:model-value="update('address_1', $event)"
@@ -210,6 +211,7 @@ function fillAddress() {
   const place = autocomplete.getPlace();
   let address1 = '';
   let postcode = '';
+  let region = '';
 
   const newForm = cloneDeep(props.modelValue);
 
@@ -245,7 +247,7 @@ function fillAddress() {
         newForm.city = component.long_name;
         break;
       case 'administrative_area_level_1': {
-        newForm.region = component.short_name.toLowerCase();
+        region = component.short_name.toLowerCase();
         break;
       }
       case 'country':
@@ -254,20 +256,16 @@ function fillAddress() {
     }
   }
 
-  update('country', newForm.country + '');
-
-  // Wait until country updates...
+  newForm.region = newForm.country + '-' + region;
+  newForm.address_1 = address1;
+  newForm.postal_code = postcode;
 
   nextTick(() => {
-    newForm.address_1 = address1;
-
     // Force value change
     /* if (address1Input.value) {
       address1Input.value.value = address1;
     } */
 
-    newForm.postal_code = postcode;
-
     emit('update:model-value', newForm);
   });
 }