axitech-widget 1.0.0-dev.1 → 1.0.0-dev.2

package/dist/{index-0e0d8bc0.mjs → index-f32c92df.mjs}

@@ -11153,7 +11153,7 @@ function getDefaultConfig() {
   };
 }
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     type: {},
@@ -11227,7 +11227,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "title3-bold font-medium mb-4"
 };
@@ -11238,10 +11238,10 @@ const _hoisted_4$k = {
   class: "flex flex-col gap-y-4"
 };
 const _hoisted_5$h = { class: "flex h-12 w-12 items-center justify-center rounded-full" };
-const _hoisted_6$c = { class: "ml-4" };
+const _hoisted_6$d = { class: "ml-4" };
 const _hoisted_7$a = { class: "body1-bold text-start" };
 const _hoisted_8$7 = { class: "body3 text-start text-fontSecondary-500" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "StepSelector",
   props: {
     title: {},
@@ -11262,7 +11262,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createBaseVNode("div", null, [
-            !_ctx.isBackButtonVisible ? (openBlock(), createElementBlock("h2", _hoisted_1$E, toDisplayString(_ctx.title), 1)) : (openBlock(), createBlock(_sfc_main$m, {
+            !_ctx.isBackButtonVisible ? (openBlock(), createElementBlock("h2", _hoisted_1$F, toDisplayString(_ctx.title), 1)) : (openBlock(), createBlock(_sfc_main$n, {
               key: 1,
               type: "ghost",
               class: "group mb-4 hover:bg-white",
@@ -11284,7 +11284,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   key: card.name,
                   class: "flex"
                 }, [
-                  createVNode(_sfc_main$m, {
+                  createVNode(_sfc_main$n, {
                     type: "ghost",
                     class: "items-start p-4 border border-gray-200 rounded-custom w-full",
                     onClick: ($event) => emit2("onSelect", index2)
@@ -11297,7 +11297,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                           class: "h-24 w-24 text-primary"
                         }, null, 8, ["icon", "alt"])
                       ]),
-                      createBaseVNode("div", _hoisted_6$c, [
+                      createBaseVNode("div", _hoisted_6$d, [
                         createBaseVNode("h2", _hoisted_7$a, toDisplayString(card.name), 1),
                         createBaseVNode("p", _hoisted_8$7, toDisplayString(card.description), 1)
                       ])
@@ -24039,7 +24039,7 @@ var baseMerge = _baseMerge, createAssigner = _createAssigner;
 createAssigner(function(object, source, srcIndex, customizer) {
   baseMerge(object, source, srcIndex, customizer);
 });
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ControlWrapper",
   props: {
     id: {
@@ -24069,7 +24069,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$D = ["id"];
+const _hoisted_1$E = ["id"];
 const _hoisted_2$t = {
   key: 0,
   class: "body1-bold text-negative-500"
@@ -24082,9 +24082,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     renderSlot(_ctx.$slots, "default"),
     _ctx.error ? (openBlock(), createElementBlock("p", _hoisted_2$t, toDisplayString(_ctx.error), 1)) : createCommentVNode("", true)
-  ], 10, _hoisted_1$D)) : createCommentVNode("", true);
+  ], 10, _hoisted_1$E)) : createCommentVNode("", true);
 }
-const ControlWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$d]]);
+const ControlWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$d]]);
 var root$2 = _root;
 var now$3 = function() {
   return root$2.Date.now();
@@ -24656,18 +24656,19 @@ var utc$1 = { exports: {} };
 })(utc$1);
 var utcExports = utc$1.exports;
 const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
-const _hoisted_1$C = ["for"];
-const _hoisted_2$s = {
+const _hoisted_1$D = { class: "w-full" };
+const _hoisted_2$s = ["for"];
+const _hoisted_3$k = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"
 };
-const _hoisted_3$k = ["placeholder", "name", "type", "autofocus", "data-error"];
-const _hoisted_4$j = {
+const _hoisted_4$j = ["placeholder", "name", "type", "autofocus", "data-error"];
+const _hoisted_5$g = {
   key: 1,
   class: "grid grid-flow-col gap-2 mt-1 justify-start"
 };
-const _hoisted_5$g = { class: "text-negative font-normal" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_6$c = { class: "text-negative font-normal" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -24684,7 +24685,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     error: { default: "" },
     variant: { default: config.value.clientTheme }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "clear"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const inputVariants = cva("", {
@@ -24703,17 +24704,21 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       set: (val) => emit2("update:modelValue", val)
     });
     const error2 = computed(() => props.error);
+    function clearInput() {
+      input.value = "";
+      emit2("clear");
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
         _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: _ctx.name,
           class: normalizeClass({ "text-negative": error2.value, "font-semibold": unref(config).clientTheme === "jaguar" })
-        }, toDisplayString(_ctx.label), 11, _hoisted_1$C)) : createCommentVNode("", true),
+        }, toDisplayString(_ctx.label), 11, _hoisted_2$s)) : createCommentVNode("", true),
         createBaseVNode("div", {
           class: normalizeClass(["relative", [{ "mt-1": _ctx.label }, "h-full"]])
         }, [
-          _ctx.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
+          _ctx.prefix ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
             createVNode(unref(Icon), {
               icon: _ctx.prefix,
               height: "20"
@@ -24731,13 +24736,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             type: _ctx.type,
             autofocus: _ctx.autofocus,
             "data-error": !!error2.value
-          }, _ctx.$attrs), null, 16, _hoisted_3$k), [
+          }, _ctx.$attrs), null, 16, _hoisted_4$j), [
             [vModelDynamic, input.value]
           ]),
           _ctx.clearable && input.value ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "absolute inset-y-0 right-0 flex items-center my-auto pr-3 cursor-pointer",
-            onClick: _cache[1] || (_cache[1] = ($event) => input.value = "")
+            onClick: clearInput
           }, [
             createVNode(unref(Icon), {
               icon: "mdi:close-circle",
@@ -24746,14 +24751,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             })
           ])) : createCommentVNode("", true)
         ], 2),
-        error2.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
+        error2.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
           createVNode(unref(Icon), {
             icon: "mdi:close-circle",
             height: "20px",
             width: "20px",
             class: "text-negative mt-0.5"
           }),
-          createBaseVNode("p", _hoisted_5$g, toDisplayString(error2.value), 1)
+          createBaseVNode("p", _hoisted_6$c, toDisplayString(error2.value), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -24763,7 +24768,7 @@ const controlRenderer$i = defineComponent({
   name: "Location",
   components: {
     ControlWrapper,
-    WInput: _sfc_main$j
+    WInput: _sfc_main$k
   },
   props: {
     ...rendererProps()
@@ -24789,7 +24794,7 @@ const controlRenderer$i = defineComponent({
     return { min, max, ...control, setFocus, selectedDate };
   }
 });
-const _hoisted_1$B = { class: "title4-bold mb-4" };
+const _hoisted_1$C = { class: "title4-bold mb-4" };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_WInput = resolveComponent("WInput");
   const _component_ControlWrapper = resolveComponent("ControlWrapper");
@@ -24800,7 +24805,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     error: _ctx.control.errors
   }), {
     default: withCtx(() => [
-      createBaseVNode("h3", _hoisted_1$B, toDisplayString(_ctx.computedLabel), 1),
+      createBaseVNode("h3", _hoisted_1$C, toDisplayString(_ctx.computedLabel), 1),
       createVNode(_component_WInput, {
         id: _ctx.control.id + "-input",
         type: "datetime-local",
@@ -25113,23 +25118,24 @@ async function getLocationInfo(location2) {
   const address = {
     latitude: location2.lat(),
     longitude: location2.lng(),
-    formatted_address: "",
-    address_line: "",
+    formattedAddress: "",
+    addressLine1: "",
+    addressLine2: "",
     city: "",
     state: "",
     country: "",
-    postal_code: ""
+    postalCode: ""
   };
   const resp = (_b = (_a = await geoCoder.geocode({
     location: { lat: location2.lat(), lng: location2.lng() }
   })) == null ? void 0 : _a.results) == null ? void 0 : _b[0];
   if (!!resp && ["ROOFTOP", "RANGE_INTERPOLATED", "GEOMETRIC_CENTER"].includes(resp.geometry.location_type)) {
-    address.formatted_address = resp.formatted_address;
-    address.address_line = `${((_d2 = (_c = resp.address_components) == null ? void 0 : _c.find(({ types: types2 }) => types2.includes("route"))) == null ? void 0 : _d2.long_name) || ""}, ${((_f = (_e2 = resp.address_components) == null ? void 0 : _e2.find(({ types: types2 }) => types2.includes("street_number"))) == null ? void 0 : _f.long_name) || ""}`;
+    address.formattedAddress = resp.formatted_address;
+    address.addressLine1 = `${((_d2 = (_c = resp.address_components) == null ? void 0 : _c.find(({ types: types2 }) => types2.includes("route"))) == null ? void 0 : _d2.long_name) || ""}, ${((_f = (_e2 = resp.address_components) == null ? void 0 : _e2.find(({ types: types2 }) => types2.includes("street_number"))) == null ? void 0 : _f.long_name) || ""}`;
     address.city = ((_h = (_g = resp.address_components) == null ? void 0 : _g.find(({ types: types2 }) => types2.includes("locality"))) == null ? void 0 : _h.long_name) || "";
     address.state = ((_j = (_i = resp.address_components) == null ? void 0 : _i.find(({ types: types2 }) => types2.includes("administrative_area_level_1"))) == null ? void 0 : _j.long_name) || "";
     address.country = ((_l = (_k = resp.address_components) == null ? void 0 : _k.find(({ types: types2 }) => types2.includes("country"))) == null ? void 0 : _l.long_name) || "";
-    address.postal_code = ((_n = (_m = resp.address_components) == null ? void 0 : _m.find(({ types: types2 }) => types2.includes("postal_code"))) == null ? void 0 : _n.long_name) || "";
+    address.postalCode = ((_n = (_m = resp.address_components) == null ? void 0 : _m.find(({ types: types2 }) => types2.includes("postal_code"))) == null ? void 0 : _n.long_name) || "";
   }
   return address;
 }
@@ -25359,7 +25365,7 @@ function useGoogleMaps(componentOrSelector, onPlaceChanged) {
     placeChanged
   };
 }
-const _hoisted_1$A = { role: "status" };
+const _hoisted_1$B = { role: "status" };
 const _hoisted_2$r = /* @__PURE__ */ createBaseVNode("path", {
   d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
   fill: "currentColor"
@@ -25373,7 +25379,7 @@ const _hoisted_4$i = [
   _hoisted_3$j
 ];
 const _hoisted_5$f = /* @__PURE__ */ createBaseVNode("span", { class: "sr-only" }, "Loading...", -1);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Spinner",
   props: {
     color: { default: "primary" },
@@ -25381,7 +25387,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         (openBlock(), createElementBlock("svg", {
           "aria-hidden": "true",
           class: normalizeClass([
@@ -25397,7 +25403,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "GoogleAutocomplete",
   props: {
     address: { default: "" },
@@ -25435,33 +25441,48 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const returnData = {
         latitude: 0,
         longitude: 0,
-        formatted_address: "",
-        address_line: "",
+        formattedAddress: "",
+        addressLine1: "",
+        addressLine2: "",
         city: "",
         state: "",
         country: "",
-        postal_code: ""
+        postalCode: ""
       };
       if (!place.address_components) {
         return returnData;
       }
-      returnData.address_line = `${getFormatValue(place, "street_number", "short_name")} ${getFormatValue(
+      returnData.addressLine1 = `${getFormatValue(place, "street_number", "short_name")} ${getFormatValue(
         place,
         "route",
         "long_name"
       )}`;
-      returnData.city = getFormatValue(place, "postal_town", "long_name");
+      returnData.city = getFormatValue(place, "postal_town", "long_name") || getFormatValue(place, "locality", "long_name") || getFormatValue(place, "administrative_area_level_1", "long_name");
       returnData.state = getFormatValue(place, "administrative_area_level_1", "short_name");
       returnData.country = getFormatValue(place, "country", "long_name");
-      returnData.postal_code = getFormatValue(place, "postal_code", "short_name");
+      returnData.postalCode = getFormatValue(place, "postalCode", "short_name");
       if (!((_a = place == null ? void 0 : place.geometry) == null ? void 0 : _a.location)) {
         return returnData;
       }
       returnData.latitude = place.geometry.location.lat();
       returnData.longitude = place.geometry.location.lng();
-      returnData.formatted_address = place.formatted_address ?? "";
+      returnData.formattedAddress = place.formatted_address ?? "";
       return returnData;
     }
+    function clearLocation() {
+      const returnData = {
+        latitude: 0,
+        longitude: 0,
+        formattedAddress: "",
+        addressLine1: "",
+        addressLine2: "",
+        city: "",
+        state: "",
+        country: "",
+        postalCode: ""
+      };
+      emit2("placeChanged", returnData, null);
+    }
     watch(inputDiv, () => {
       var _a;
       const inputElement = (_a = inputDiv.value) == null ? void 0 : _a.getElementsByTagName("input")[0];
@@ -25496,7 +25517,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ref: inputDiv,
         class: "w-full h-full"
       }, [
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: autocompleteText.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => autocompleteText.value = $event),
           id: "google-autocomplete",
@@ -25504,14 +25525,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           prefix: _ctx.searchIcon,
           class: "md:min-w-[320px] min-h-[2.75rem]",
-          clearable: ""
+          clearable: "",
+          onClear: clearLocation
         }, null, 8, ["modelValue", "label", "placeholder", "prefix"])
       ], 512);
     };
   }
 });
-const _sfc_main$g = {};
-const _hoisted_1$z = {
+const _sfc_main$h = {};
+const _hoisted_1$A = {
   width: "121",
   height: "120",
   viewBox: "0 0 121 120",
@@ -25523,14 +25545,14 @@ const _hoisted_4$h = [
   _hoisted_2$q
 ];
 function _sfc_render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_4$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_4$h);
 }
-const Location$1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$b]]);
+const Location$1 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b]]);
 const Location$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Location$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   key: 0,
   class: "w-0 h-0 absolute"
 };
@@ -25543,7 +25565,7 @@ const _hoisted_4$g = {
   key: 1,
   class: "p-6 rounded-b-custom border-gray-200 border-t"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -25593,7 +25615,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     }
     return (_ctx, _cache) => {
-      return isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
         _hoisted_2$p,
         createBaseVNode("div", _hoisted_3$i, [
           createVNode(Transition, {
@@ -25614,7 +25636,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["p-4 rounded-t-custom flex justify-between items-center", _ctx.$slots.header ? "border-b border-gray-200" : ""])
                   }, [
                     renderSlot(_ctx.$slots, "header"),
-                    createVNode(_sfc_main$m, {
+                    createVNode(_sfc_main$n, {
                       onClick: closeModal,
                       type: "ghost"
                     }, {
@@ -25886,8 +25908,8 @@ function useBreakpoints() {
     isDesktop
   };
 }
-const _withScopeId = (n2) => (pushScopeId("data-v-1d6d2bb6"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$x = {
+const _withScopeId = (n2) => (pushScopeId("data-v-a663537d"), n2 = n2(), popScopeId(), n2);
+const _hoisted_1$y = {
   class: "w-full",
   id: "axitech-google-map"
 };
@@ -25913,7 +25935,7 @@ const _hoisted_8$6 = { class: "rounded-t-custom flex justify-between items-cente
 const _hoisted_9$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("h3", { class: "title2-bold" }, "Submit collision location", -1));
 const _hoisted_10$2 = { class: "flex w-full justify-between gap-4 items-center" };
 const _hoisted_11$2 = { class: "w-full h-full" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "GoogleMap",
   props: {
     modelValue: {},
@@ -25982,11 +26004,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         !((_a = location2.value) == null ? void 0 : _a.latitude) ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
           createVNode(Location$1),
           createBaseVNode("div", _hoisted_3$h, [
-            createVNode(_sfc_main$m, {
+            createVNode(_sfc_main$n, {
               onClick: _cache[0] || (_cache[0] = ($event) => isMapOpen.value = true)
             }, {
               default: withCtx(() => [
@@ -26002,7 +26024,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             id: "axitech-preview-map"
           }, null, 512)
         ])),
-        createVNode(_sfc_main$f, {
+        createVNode(_sfc_main$g, {
           modelValue: isMapOpen.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isMapOpen.value = $event),
           size: "full",
@@ -26012,15 +26034,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             var _a2, _b;
             return [
               isMapLoading.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
-                createVNode(_sfc_main$i, { size: 12 })
+                createVNode(_sfc_main$j, { size: 12 })
               ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 !unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
-                  !isMapLoading.value ? (openBlock(), createBlock(_sfc_main$h, {
+                  !isMapLoading.value ? (openBlock(), createBlock(_sfc_main$i, {
                     key: 0,
-                    address: (_a2 = location2.value) == null ? void 0 : _a2.formatted_address,
+                    address: (_a2 = location2.value) == null ? void 0 : _a2.formattedAddress,
                     onPlaceChanged: locationChange
                   }, null, 8, ["address"])) : createCommentVNode("", true),
-                  createVNode(_sfc_main$m, {
+                  createVNode(_sfc_main$n, {
                     class: "p-2",
                     onClick: confirm,
                     disabled: !location2.value
@@ -26030,7 +26052,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["disabled"]),
-                  createVNode(_sfc_main$m, {
+                  createVNode(_sfc_main$n, {
                     class: "p-2 text-fontPrimary bg-secondary border-transparent hover:border-primary",
                     onClick: cancelLocationSelect
                   }, {
@@ -26042,7 +26064,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 ])) : (openBlock(), createElementBlock("div", _hoisted_7$9, [
                   createBaseVNode("div", _hoisted_8$6, [
                     _hoisted_9$4,
-                    createVNode(_sfc_main$m, {
+                    createVNode(_sfc_main$n, {
                       onClick: cancelLocationSelect,
                       type: "ghost"
                     }, {
@@ -26058,12 +26080,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   createBaseVNode("div", _hoisted_10$2, [
-                    !isMapLoading.value ? (openBlock(), createBlock(_sfc_main$h, {
+                    !isMapLoading.value ? (openBlock(), createBlock(_sfc_main$i, {
                       key: 0,
-                      address: (_b = location2.value) == null ? void 0 : _b.formatted_address,
+                      address: (_b = location2.value) == null ? void 0 : _b.formattedAddress,
                       onPlaceChanged: locationChange
                     }, null, 8, ["address"])) : createCommentVNode("", true),
-                    createVNode(_sfc_main$m, {
+                    createVNode(_sfc_main$n, {
                       class: "p-2",
                       onClick: confirm,
                       disabled: !location2.value
@@ -26093,15 +26115,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GoogleMap_vue_vue_type_style_index_0_scoped_1d6d2bb6_lang = "";
-const GoogleMap = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1d6d2bb6"]]);
+const GoogleMap_vue_vue_type_style_index_0_scoped_a663537d_lang = "";
+const GoogleMap = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a663537d"]]);
 const controlRenderer$h = defineComponent({
   name: "Location",
   components: {
-    WButton: _sfc_main$m,
+    WButton: _sfc_main$n,
     Icon,
     GoogleMap,
-    Modal: _sfc_main$f,
+    Modal: _sfc_main$g,
     ControlWrapper
   },
   props: {
@@ -26130,7 +26152,7 @@ const controlRenderer$h = defineComponent({
     };
   }
 });
-const _hoisted_1$w = { class: "flex flex-col items-start w-full gap-3" };
+const _hoisted_1$x = { class: "flex flex-col items-start w-full gap-3" };
 const _hoisted_2$n = { class: "w-full flex justify-between items-center" };
 const _hoisted_3$g = { class: "title4-bold" };
 const _hoisted_4$e = {
@@ -26159,7 +26181,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     error: _ctx.control.errors
   }), {
     default: withCtx(() => [
-      createBaseVNode("section", _hoisted_1$w, [
+      createBaseVNode("section", _hoisted_1$x, [
         renderSlot(_ctx.$slots, "header", {}, () => {
           var _a, _b;
           return [
@@ -26263,7 +26285,7 @@ const renderer$3 = defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "accordion w-full" };
+const _hoisted_1$w = { class: "accordion w-full" };
 const _hoisted_2$m = { class: "flex flex-row gap-2 items-center justify-start" };
 const _hoisted_3$f = { class: "body1-bold" };
 const _hoisted_4$d = { class: "inner" };
@@ -26281,7 +26303,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     "applied-options": _ctx.appliedOptions
   }), {
     default: withCtx(() => [
-      createBaseVNode("div", _hoisted_1$v, [
+      createBaseVNode("div", _hoisted_1$w, [
         createBaseVNode("div", {
           class: "w-full flex flex-row justify-between flex-nowrap items-center",
           onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.toggleAccordion && _ctx.toggleAccordion(...args), ["prevent"]))
@@ -26332,8 +26354,8 @@ const __variableDynamicImportRuntimeHelper = (glob, path) => {
     (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
   });
 };
-const _hoisted_1$u = ["innerHTML"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = ["innerHTML"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "WidgetIcon",
   props: {
     icon: {}
@@ -26349,7 +26371,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         return {
           type: "component",
           icon: markRaw(
-            defineAsyncComponent(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../claims-widget/components/illustration/Accident.vue": () => import("./Accident-d176e708.mjs"), "../claims-widget/components/illustration/Location.vue": () => Promise.resolve().then(() => Location$2), "../claims-widget/components/illustration/SubmittedSuccessfully.vue": () => import("./SubmittedSuccessfully-6dc10727.mjs"), "../claims-widget/components/illustration/Unsupported.vue": () => import("./Unsupported-b22e2595.mjs") }), `../claims-widget/components/illustration/${icon.replace(".vue", "")}.vue`))
+            defineAsyncComponent(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../claims-widget/components/illustration/Accident.vue": () => import("./Accident-5754adae.mjs"), "../claims-widget/components/illustration/Location.vue": () => Promise.resolve().then(() => Location$2), "../claims-widget/components/illustration/SubmittedSuccessfully.vue": () => import("./SubmittedSuccessfully-d7e7aee4.mjs"), "../claims-widget/components/illustration/Unsupported.vue": () => import("./Unsupported-43b71131.mjs") }), `../claims-widget/components/illustration/${icon.replace(".vue", "")}.vue`))
           )
         };
       }
@@ -26369,7 +26391,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         resolvedIcon.value.type === "component" ? (openBlock(), createBlock(resolveDynamicComponent(resolvedIcon.value.icon), { key: 0 })) : resolvedIcon.value.type === "svg" ? (openBlock(), createElementBlock("div", {
           key: 1,
           innerHTML: resolvedIcon.value.icon
-        }, null, 8, _hoisted_1$u)) : resolvedIcon.value.type === "iconify" ? (openBlock(), createBlock(unref(Icon), {
+        }, null, 8, _hoisted_1$v)) : resolvedIcon.value.type === "iconify" ? (openBlock(), createBlock(unref(Icon), {
           key: 2,
           icon: resolvedIcon.value.icon,
           height: "150"
@@ -26381,7 +26403,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const renderer$2 = defineComponent({
   components: {
     ControlWrapper,
-    WidgetIcon: _sfc_main$d
+    WidgetIcon: _sfc_main$e
   },
   props: {
     ...rendererProps()
@@ -26403,7 +26425,7 @@ const renderer$2 = defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "flex flex-col items-center w-full gap-6" };
+const _hoisted_1$u = { class: "flex flex-col items-center w-full gap-6" };
 const _hoisted_2$l = { class: "title4-bold" };
 const _hoisted_3$e = { class: "body1 text-fontSecondary-500" };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
@@ -26415,7 +26437,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     "applied-options": _ctx.appliedOptions
   }), {
     default: withCtx(() => [
-      createBaseVNode("section", _hoisted_1$t, [
+      createBaseVNode("section", _hoisted_1$u, [
         createVNode(_component_WidgetIcon, {
           icon: _ctx.config.icon
         }, null, 8, ["icon"]),
@@ -26430,7 +26452,7 @@ const HeroRenderer = /* @__PURE__ */ _export_sfc(renderer$2, [["render", _sfc_re
 const controlRenderer$g = defineComponent({
   components: {
     ControlWrapper,
-    WButton: _sfc_main$m
+    WButton: _sfc_main$n
   },
   props: {
     ...rendererProps()
@@ -26472,7 +26494,7 @@ const controlRenderer$g = defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "title4-bold mb-4" };
+const _hoisted_1$t = { class: "title4-bold mb-4" };
 const _hoisted_2$k = {
   id: "widget-select-button",
   class: "w-full flex flex-row items-center justify-center flex-wrap gap-6"
@@ -26487,7 +26509,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     error: _ctx.control.errors
   }), {
     default: withCtx(() => [
-      createBaseVNode("h3", _hoisted_1$s, toDisplayString(_ctx.computedLabel), 1),
+      createBaseVNode("h3", _hoisted_1$t, toDisplayString(_ctx.computedLabel), 1),
       createBaseVNode("div", _hoisted_2$k, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels, (label, index2) => {
           return openBlock(), createBlock(_component_WButton, {
@@ -26511,7 +26533,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, 16, ["styles", "is-focused", "applied-options", "error"]);
 }
 const TupleRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$g, [["render", _sfc_render$7]]);
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   id: "widget-action-card",
   class: "bg-gray-100 rounded-custom w-full h-full p-4 flex flex-col gap-3"
 };
@@ -26523,7 +26545,7 @@ const _hoisted_3$d = {
 const _hoisted_4$c = { class: "content body1 text-fontSecondary-500" };
 const _hoisted_5$b = { class: "action" };
 const _hoisted_6$8 = ["disabled"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "ActionCard",
   props: {
     icon: {},
@@ -26535,7 +26557,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   emits: ["action"],
   setup(__props, { emit: emit2 }) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
         createBaseVNode("div", _hoisted_2$j, [
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
             _ctx.icon ? (openBlock(), createBlock(unref(Icon), {
@@ -41946,9 +41968,9 @@ class Compressor extends BasePlugin {
     this.uppy.removePreProcessor(this.prepareUpload);
   }
 }
-const _hoisted_1$q = { class: "title2-bold" };
+const _hoisted_1$r = { class: "title2-bold" };
 const _hoisted_2$i = { class: "w-full h-full" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ImageUpload",
   props: {
     title: {},
@@ -41996,12 +42018,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       emit2("imagesAdded", [...previews.value.values()]);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$g, {
         size: unref(isMobile) ? "full" : "lg",
         title: _ctx.title
       }, {
         header: withCtx(() => [
-          createBaseVNode("h2", _hoisted_1$q, toDisplayString(_ctx.title), 1)
+          createBaseVNode("h2", _hoisted_1$r, toDisplayString(_ctx.title), 1)
         ]),
         default: withCtx(() => [
           createBaseVNode("div", _hoisted_2$i, [
@@ -42017,17 +42039,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = { class: "flex flex-col items-start w-full" };
+const _hoisted_1$q = { class: "flex flex-col items-start w-full" };
 const _hoisted_2$h = { class: "title4-bold mb-3" };
 const _hoisted_3$c = { class: "flex flex-row flex-nowrap w-full justify-start gap-5" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SectionWrapper",
   props: {
     title: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$p, [
+      return openBlock(), createElementBlock("section", _hoisted_1$q, [
         renderSlot(_ctx.$slots, "header", {}, () => [
           createBaseVNode("h3", _hoisted_2$h, toDisplayString(_ctx.title), 1)
         ]),
@@ -42040,10 +42062,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 });
 const controlRenderer$f = defineComponent({
   components: {
-    WButton: _sfc_main$m,
-    ActionCard: _sfc_main$c,
-    ImageUpload: _sfc_main$b,
-    SectionWrapper: _sfc_main$a,
+    WButton: _sfc_main$n,
+    ActionCard: _sfc_main$d,
+    ImageUpload: _sfc_main$c,
+    SectionWrapper: _sfc_main$b,
     ControlWrapper,
     Icon
   },
@@ -42075,7 +42097,7 @@ const controlRenderer$f = defineComponent({
     };
   }
 });
-const _hoisted_1$o = { class: "w-full flex justify-between items-center" };
+const _hoisted_1$p = { class: "w-full flex justify-between items-center" };
 const _hoisted_2$g = { class: "title4-bold mb-4" };
 const _hoisted_3$b = {
   key: 1,
@@ -42099,7 +42121,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         header: withCtx(() => {
           var _a;
           return [
-            createBaseVNode("div", _hoisted_1$o, [
+            createBaseVNode("div", _hoisted_1$p, [
               createBaseVNode("h3", _hoisted_2$g, toDisplayString(_ctx.imageSectionData.title), 1),
               ((_a = _ctx.previewImages) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_WButton, {
                 key: 0,
@@ -42164,9 +42186,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
 const ImageSectionRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$f, [["render", _sfc_render$6]]);
 const controlRenderer$e = defineComponent({
   components: {
-    WButton: _sfc_main$m,
-    ActionCard: _sfc_main$c,
-    SectionWrapper: _sfc_main$a,
+    WButton: _sfc_main$n,
+    ActionCard: _sfc_main$d,
+    SectionWrapper: _sfc_main$b,
     ControlWrapper,
     Icon
   },
@@ -42207,7 +42229,7 @@ const controlRenderer$e = defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "w-full flex justify-between items-center" };
+const _hoisted_1$o = { class: "w-full flex justify-between items-center" };
 const _hoisted_2$f = { class: "title4-bold mb-4" };
 const _hoisted_3$a = { class: "flex flex-row gap-3" };
 const _hoisted_4$a = { class: "flex flex-row flex-nowrap w-full justify-start gap-5" };
@@ -42237,7 +42259,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         class: "!mb-0"
       }, {
         header: withCtx(() => [
-          createBaseVNode("div", _hoisted_1$n, [
+          createBaseVNode("div", _hoisted_1$o, [
             createBaseVNode("h3", _hoisted_2$f, toDisplayString(_ctx.computedLabel), 1),
             createVNode(Transition, { name: "slide-up" }, {
               default: withCtx(() => [
@@ -42335,7 +42357,7 @@ const controlRenderer$d = defineComponent({
   name: "RadioGroupControlRenderer",
   components: {
     ControlWrapper,
-    WInput: _sfc_main$j
+    WInput: _sfc_main$k
   },
   props: {
     ...rendererProps()
@@ -42354,7 +42376,7 @@ const controlRenderer$d = defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "title4-bold" };
+const _hoisted_1$n = { class: "title4-bold" };
 const _hoisted_2$e = { class: "body1 text-fontSecondary500" };
 const _hoisted_3$9 = { class: "mt-5" };
 const _hoisted_4$9 = { class: "sr-only" };
@@ -42372,7 +42394,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }), {
     default: withCtx(() => [
       createBaseVNode("div", null, [
-        createBaseVNode("label", _hoisted_1$m, toDisplayString(_ctx.computedLabel), 1),
+        createBaseVNode("label", _hoisted_1$n, toDisplayString(_ctx.computedLabel), 1),
         createBaseVNode("p", _hoisted_2$e, toDisplayString(_ctx.control.description), 1),
         createBaseVNode("fieldset", _hoisted_3$9, [
           createBaseVNode("legend", _hoisted_4$9, toDisplayString(_ctx.computedLabel), 1),
@@ -42418,8 +42440,8 @@ const controlRenderer$c = defineComponent({
   name: "BooleanControlRenderer",
   components: {
     ControlWrapper,
-    SectionWrapper: _sfc_main$a,
-    WInput: _sfc_main$j
+    SectionWrapper: _sfc_main$b,
+    WInput: _sfc_main$k
   },
   props: {
     ...rendererProps()
@@ -42434,7 +42456,7 @@ const controlRenderer$c = defineComponent({
     return { ...control, isChecked, onChange };
   }
 });
-const _hoisted_1$l = { class: "sr-only" };
+const _hoisted_1$m = { class: "sr-only" };
 const _hoisted_2$d = { class: "space-y-5" };
 const _hoisted_3$8 = { class: "relative flex items-start" };
 const _hoisted_4$8 = { class: "flex h-6 items-center" };
@@ -42461,7 +42483,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         }),
         default: withCtx(() => [
           createBaseVNode("fieldset", null, [
-            createBaseVNode("legend", _hoisted_1$l, toDisplayString(_ctx.computedLabel), 1),
+            createBaseVNode("legend", _hoisted_1$m, toDisplayString(_ctx.computedLabel), 1),
             createBaseVNode("div", _hoisted_2$d, [
               createBaseVNode("div", _hoisted_3$8, [
                 createBaseVNode("div", _hoisted_4$8, [
@@ -42585,6 +42607,84 @@ function useOverlays(contact) {
     capitaliseName
   };
 }
+const _hoisted_1$l = { class: "inner flex flex-col gap-4" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Address",
+  emits: ["place-changed"],
+  setup(__props, { emit: emit2 }) {
+    const address = ref$3({
+      addressLine1: "",
+      addressLine2: "",
+      city: "",
+      state: "",
+      country: "",
+      postalCode: "",
+      latitude: 0,
+      longitude: 0,
+      formattedAddress: ""
+    });
+    function locationChange(place) {
+      address.value = place;
+    }
+    watch(address, (val) => {
+      emit2("place-changed", val);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$i, {
+          address: address.value.formattedAddress,
+          label: "Address",
+          placeholder: "",
+          "search-icon": "",
+          class: normalizeClass({ "mb-4": !!address.value.formattedAddress }),
+          onPlaceChanged: locationChange
+        }, null, 8, ["address", "class"]),
+        createBaseVNode("div", {
+          class: normalizeClass(["wrapper", { "is-open": !!address.value.formattedAddress }])
+        }, [
+          createBaseVNode("div", _hoisted_1$l, [
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.addressLine1,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => address.value.addressLine1 = $event),
+              name: "address_line1",
+              label: "Address line 1 (street address, P.O. box)"
+            }, null, 8, ["modelValue"]),
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.addressLine2,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => address.value.addressLine2 = $event),
+              name: "address_line2",
+              label: "Address line 2 (apartment, suite, unit, building, floor)"
+            }, null, 8, ["modelValue"]),
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.city,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => address.value.city = $event),
+              name: "City",
+              label: "Town/City"
+            }, null, 8, ["modelValue"]),
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.postalCode,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => address.value.postalCode = $event),
+              name: "postal_code",
+              label: "Post code"
+            }, null, 8, ["modelValue"]),
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.state,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => address.value.state = $event),
+              name: "state",
+              label: "County/Region"
+            }, null, 8, ["modelValue"]),
+            createVNode(_sfc_main$k, {
+              modelValue: address.value.country,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => address.value.country = $event),
+              name: "country",
+              label: "Country"
+            }, null, 8, ["modelValue"])
+          ])
+        ], 2)
+      ]);
+    };
+  }
+});
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -42656,7 +42756,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$k, {
         modelValue: date.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event),
         type: "date",
@@ -46414,7 +46514,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$j, [
         _hoisted_2$b,
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).vehicle.licensePlate,
           "onUpdate:modelValue": [
             _cache[0] || (_cache[0] = ($event) => unref(contactDetails).vehicle.licensePlate = $event),
@@ -46428,7 +46528,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           error: unref(licensePlateError)
         }, null, 8, ["modelValue", "error", "onUpdate:modelValue"]),
         _hoisted_3$7,
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).firstName,
           "onUpdate:modelValue": [
             _cache[1] || (_cache[1] = ($event) => unref(contactDetails).firstName = $event),
@@ -46438,7 +46538,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           name: "firstName",
           label: "First name"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).lastName,
           "onUpdate:modelValue": [
             _cache[2] || (_cache[2] = ($event) => unref(contactDetails).lastName = $event),
@@ -46448,7 +46548,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           name: "lastName",
           label: "Last name"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).email,
           "onUpdate:modelValue": [
             _cache[3] || (_cache[3] = ($event) => unref(contactDetails).email = $event),
@@ -46467,22 +46567,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           onError: unref(setError)
         }, null, 8, ["phone", "onPhoneChanged", "onError"]),
         _hoisted_4$7,
-        createVNode(_sfc_main$h, {
-          address: unref(contactDetails).address.formatted_address,
-          label: "Address",
-          placeholder: "",
-          "search-icon": "",
-          onPlaceChanged: unref(locationChange)
-        }, null, 8, ["address", "onPlaceChanged"]),
+        createVNode(_sfc_main$a, { onPlaceChanged: unref(locationChange) }, null, 8, ["onPlaceChanged"]),
         _hoisted_5$7,
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).insurance.provider,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(contactDetails).insurance.provider = $event),
           type: "text",
           name: "insurance",
           label: "Insurance Provider"
         }, null, 8, ["modelValue"]),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).insurance.policy,
           "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(contactDetails).insurance.policy = $event),
           type: "text",
@@ -46543,7 +46637,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).firstName,
           "onUpdate:modelValue": [
             _cache[0] || (_cache[0] = ($event) => unref(contactDetails).firstName = $event),
@@ -46553,7 +46647,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           name: "firstName",
           label: "First name"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).lastName,
           "onUpdate:modelValue": [
             _cache[1] || (_cache[1] = ($event) => unref(contactDetails).lastName = $event),
@@ -46563,7 +46657,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           name: "lastName",
           label: "Last name"
         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           modelValue: unref(contactDetails).email,
           "onUpdate:modelValue": [
             _cache[2] || (_cache[2] = ($event) => unref(contactDetails).email = $event),
@@ -46582,13 +46676,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onError: unref(setError)
         }, null, 8, ["phone", "onPhoneChanged", "onError"]),
         _hoisted_2$a,
-        createVNode(_sfc_main$h, {
-          address: unref(contactDetails).address.formatted_address,
-          label: "Address",
-          placeholder: "",
-          "search-icon": "",
-          onPlaceChanged: unref(locationChange)
-        }, null, 8, ["address", "onPlaceChanged"])
+        createVNode(_sfc_main$a, { onPlaceChanged: unref(locationChange) }, null, 8, ["onPlaceChanged"])
       ]);
     };
   }
@@ -46640,12 +46728,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       address: {
         latitude: 0,
         longitude: 0,
-        formatted_address: "",
-        address_line: "",
+        formattedAddress: "",
+        addressLine1: "",
+        addressLine2: "",
         city: "",
         state: "",
         country: "",
-        postal_code: ""
+        postalCode: ""
       },
       type: "witness"
     };
@@ -46721,14 +46810,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       emit2("close");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$g, {
         id: "person-modal",
         size: unref(isMobile) ? "full" : "lg",
         title: _ctx.title
       }, createSlots({
         header: withCtx(() => [
           createBaseVNode("div", null, [
-            !isTypeSelected.value || !!_ctx.person ? (openBlock(), createElementBlock("h2", _hoisted_1$h, toDisplayString(!!_ctx.person ? `Edit ${thirdParty.value.type} details` : _ctx.title), 1)) : (openBlock(), createBlock(_sfc_main$m, {
+            !isTypeSelected.value || !!_ctx.person ? (openBlock(), createElementBlock("h2", _hoisted_1$h, toDisplayString(!!_ctx.person ? `Edit ${thirdParty.value.type} details` : _ctx.title), 1)) : (openBlock(), createBlock(_sfc_main$n, {
               key: 1,
               type: "ghost",
               class: "items-center",
@@ -46750,7 +46839,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           _ctx.type === "third party" ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
             !isTypeSelected.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(thirdPartyOptions.value.filter(({ disabled }) => !disabled), (option, index2) => {
-                return openBlock(), createBlock(_sfc_main$m, {
+                return openBlock(), createBlock(_sfc_main$n, {
                   key: index2,
                   type: "ghost",
                   class: "w-full border border-gray-200 rounded-custom p-4 gap-4",
@@ -46797,7 +46886,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             createBaseVNode("div", _hoisted_8$4, [
-              createVNode(_sfc_main$m, {
+              createVNode(_sfc_main$n, {
                 class: "bg-primary text-white action2-bold px-12 flex flex-nowrap gap-2 justify-center items-center",
                 disabled: isError2.value,
                 onClick: submit
@@ -46847,7 +46936,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   emits: ["edit", "delete"],
   setup(__props, { emit: emit2 }) {
-    const Modal = defineAsyncComponent(() => import("./Modal-99ecf514.mjs"));
+    const Modal = defineAsyncComponent(() => import("./Modal-7d8352ec.mjs"));
     const isOpenDeleteModal = ref$3(false);
     const isShowMore = ref$3(false);
     const icons = {
@@ -46884,7 +46973,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createBaseVNode("div", _hoisted_5$5, [
-            createVNode(_sfc_main$m, { type: "ghost" }, {
+            createVNode(_sfc_main$n, { type: "ghost" }, {
               default: withCtx(() => [
                 createVNode(unref(Icon), {
                   icon: "ci:edit-pencil-line-02",
@@ -46895,7 +46984,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$m, { type: "ghost" }, {
+            createVNode(_sfc_main$n, { type: "ghost" }, {
               default: withCtx(() => [
                 createVNode(unref(Icon), {
                   icon: "mdi:trash-can-outline",
@@ -46934,7 +47023,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 class: "text-primary",
                 height: "24px"
               }),
-              createBaseVNode("p", _hoisted_12$1, toDisplayString(((_b = _ctx.person.address) == null ? void 0 : _b.formatted_address) || "Unknown"), 1)
+              createBaseVNode("p", _hoisted_12$1, toDisplayString(((_b = _ctx.person.address) == null ? void 0 : _b.formattedAddress) || "Unknown"), 1)
             ]),
             !!_ctx.person.vehicle ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
               createVNode(unref(Icon), {
@@ -46956,7 +47045,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           footer: withCtx(() => [
             createBaseVNode("div", _hoisted_17$1, [
-              createVNode(_sfc_main$m, {
+              createVNode(_sfc_main$n, {
                 class: "bg-primary text-white px-12",
                 onClick: deletePerson
               }, {
@@ -46979,12 +47068,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const controlRenderer$b = defineComponent({
   components: {
     PersonCard: _sfc_main$4,
-    ActionCard: _sfc_main$c,
+    ActionCard: _sfc_main$d,
     ThirdPartyOverlay: _sfc_main$5,
-    SectionWrapper: _sfc_main$a,
+    SectionWrapper: _sfc_main$b,
     ControlWrapper,
     Icon,
-    WButton: _sfc_main$m
+    WButton: _sfc_main$n
   },
   props: {
     ...rendererProps()
@@ -47223,7 +47312,7 @@ const InvolvedPersonsRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$b, [
 const renderer$1 = defineComponent({
   components: {
     ControlWrapper,
-    WidgetIcon: _sfc_main$d,
+    WidgetIcon: _sfc_main$e,
     Icon
   },
   props: {
@@ -47296,7 +47385,7 @@ const UnsupportedStepRenderer = /* @__PURE__ */ _export_sfc(renderer$1, [["rende
 const renderer = defineComponent({
   components: {
     ControlWrapper,
-    WidgetIcon: _sfc_main$d,
+    WidgetIcon: _sfc_main$e,
     Icon
   },
   props: {
@@ -48832,7 +48921,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d2, _e2;
       return openBlock(), createElementBlock("section", _hoisted_1$2, [
-        _ctx.isBackButtonVisible ? (openBlock(), createBlock(_sfc_main$m, {
+        _ctx.isBackButtonVisible ? (openBlock(), createBlock(_sfc_main$n, {
           key: 0,
           disabled: _ctx.disabled,
           class: "group mb-10 ml-0 self-start hover:bg-white",
@@ -48856,7 +48945,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           onError,
           "validation-mode": validationMode.value
         }, null, 8, ["data", "schema", "uischema", "validation-mode"]),
-        ((_a = _ctx.options) == null ? void 0 : _a.submit) ? (openBlock(), createBlock(_sfc_main$m, {
+        ((_a = _ctx.options) == null ? void 0 : _a.submit) ? (openBlock(), createBlock(_sfc_main$n, {
           key: 1,
           class: "bg-primary title2-bold text-white w-full flex justify-center flex-nowrap gap-2 items-center",
           loading: isLoading.value,
@@ -48999,7 +49088,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2, _b, _c, _d2, _e2, _f, _g, _h, _i;
             return [
-              selectedStep.value === 0 ? (openBlock(), createBlock(_sfc_main$l, {
+              selectedStep.value === 0 ? (openBlock(), createBlock(_sfc_main$m, {
                 key: `${selectedStep.value}-${selectedCard.value.title}`,
                 cards: selectedCard.value.components,
                 title: selectedCard.value.title,
@@ -49381,7 +49470,7 @@ export {
   CLAIMS_WIDGET_ID as C,
   _export_sfc as _,
   createStaticVNode as a,
-  _sfc_main$f as b,
+  _sfc_main$g as b,
   createElementBlock as c,
   applyConfig as d,
   install as i,