{"version":3,"file":"BmAddress-82f2cb97.js","sources":["../../src/components/controls/address/loqateService.ts","../../src/components/controls/address/BmAddressLookup.vue","../../src/components/controls/address/BmAddressCaptureDialog.vue","../../src/components/controls/address/BmAddress.vue"],"sourcesContent":["import errorLoggerService from \"@/app/errors/errorLoggerService\";\nimport environment from \"@/environment\";\nimport messages from \"@/plugins/i18n\";\nimport userStore from \"@/store/modules/userStore\";\nimport type { Address } from \"@/components/controls/address/addresses\";\nimport { dutySchemeType } from \"@/components/pages/duty/composables/dutyConfiguration\";\nimport { EnumDutyScheme } from \"@/app/services/generated/enums/enumDutyScheme.generated\";\n\nexport function mapLoqateRetrieveToAddress(\n  retrievedAddress: LoqateRetrieveResponse\n): Address {\n  const address: Address = {\n    addressLine1: retrievedAddress.Line1,\n    addressLine2: retrievedAddress.Line2,\n    addressLine3: retrievedAddress.Line3,\n    addressLine4: retrievedAddress.City,\n    addressLine5: retrievedAddress.ProvinceName,\n    addressLine6: retrievedAddress.CountryName,\n    addressPostcode: retrievedAddress.PostalCode,\n    addressBusinessName: retrievedAddress.Company, // Not sure what to bind this to\n  };\n\n  /**\n   *  For the US:\n   *  - addressLine3 = city\n   *  - addressLine4 = US county\n   *  - addressLine5 = state (province)\n   *\n   *  For everywhere else:\n   *  - addressLine4 = city\n   *  - addressLine5 = county (province)\n   *\n   *  The Loqate API does not appear to return a US county field, so\n   *  leave addressLine4 blank.\n   */\n  if (dutySchemeType.value === EnumDutyScheme.us) {\n    address.addressLine2 = [retrievedAddress.Line2, retrievedAddress.Line3]\n      .filter((line) => !!line)\n      .join(\", \");\n    address.addressLine3 = retrievedAddress.City;\n    address.addressLine4 = \"\";\n  }\n\n  return address;\n}\n\n// https://www.loqate.com/resources/support/apis/Capture/Interactive/Find/1.1/\ntype LoqateSearchParams = {\n  Text: string; // Text to find\n  IsMiddleware?: boolean; // Is called from middleware\n  Container?: string; // Id from another search, used for refinement\n  Origin?: string; // Starting location for search ISO 2/3 country character codes, csv, or IP address\n  Countries?: string; // Limit location for search ISO 2/3 country character codes, csv\n  Limit?: number; // Number of results\n  Language?: string; // Language codes 2/4 char (en, en-gb)\n  Bias?: boolean; // Used with origin, better narrows search to local places\n  // Skipped filters for now\n};\n\nexport type LoqateSearchResponse = {\n  Id: string; // Id of result\n  Type: \"Address\" | \"Container\"; // Address or group of addresses\n  Text: string; // Display text\n  Highlight: string; // Matching character groups\n  Description: string; // Other info\n};\n\n// Options object as you can specify formats as additional params, omitted as not used\ntype LoqateRetrieveParams = {\n  Id: string;\n};\n\n// https://www.loqate.com/resources/support/apis/Capture/Interactive/Retrieve/1.2/\nexport type LoqateRetrieveResponse = {\n  Id: string;\n  DomesticId: string;\n  Language: string;\n  LanguageAlternatives: string;\n  Department: string;\n  Company: string;\n  SubBuilding: string;\n  BuildingNumber: string;\n  BuildingName: string;\n  SecondaryStreet: string;\n  Street: string;\n  Block: string;\n  Neighbourhood: string;\n  District: string;\n  City: string;\n  Line1: string;\n  Line2: string;\n  Line3: string;\n  Line4: string;\n  Line5: string;\n  AdminAreaName: string;\n  AdminAreaCode: string;\n  Province: string;\n  ProvinceName: string;\n  ProvinceCode: string;\n  PostalCode: string;\n  CountryName: string;\n  CountryIso2: string;\n  CountryIso3: string;\n  CountryIsoNumber: string;\n  SortingNumber1: string;\n  SortingNumber2: string;\n  Barcode: string;\n  POBoxNumber: string;\n  Label: string;\n  Type: string;\n  DataLevel: string;\n};\n\nexport class LoqateService {\n  private readonly findUrl =\n    \"https://api.addressy.com/Capture/Interactive/Find/v1.10/json3.ws\" as const;\n\n  private readonly retrieveUrl =\n    \"https://api.addressy.com/Capture/Interactive/Retrieve/v1.2/json3.ws\" as const;\n\n  private readonly key = environment.loqateApiKey;\n\n  private applyDefaultSearchParams(\n    params: LoqateSearchParams\n  ): Required<LoqateSearchParams> {\n    return {\n      Text: params.Text,\n      IsMiddleware: params.IsMiddleware ?? false,\n      Container: params.Container ?? \"\",\n      Origin: params.Origin ?? userStore.state.userLanguageLocale,\n      Countries: params.Countries ?? \"\",\n      Limit: params.Limit ?? 200,\n      Language: params.Language ?? userStore.state.userLanguageLocale,\n      Bias: params.Bias ?? true,\n    };\n  }\n\n  public async searchForAddress(params: LoqateSearchParams) {\n    const paramsWithDefaults = this.applyDefaultSearchParams(params);\n\n    const searchParams = new URLSearchParams(\n      Object.entries(paramsWithDefaults).map(([key, value]) => {\n        return [key, value.toString()];\n      })\n    );\n\n    searchParams.set(\"Key\", this.key);\n\n    const response = await fetch(this.findUrl, {\n      method: \"POST\",\n      headers: { Accept: \"application/json\" },\n      mode: \"cors\",\n      body: searchParams,\n    });\n\n    if (!response.ok) {\n      errorLoggerService.logError(messages.smart_address_error_in_response);\n      return;\n    }\n\n    const responseObject = await response.json();\n\n    if (\n      responseObject.Items.length == 1 &&\n      responseObject.Items[0].Error !== undefined\n    ) {\n      errorLoggerService.logError(messages.smart_address_error_in_search);\n      return;\n    }\n\n    return responseObject.Items as LoqateSearchResponse[];\n  }\n\n  public async resolveLoqateId(\n    params: LoqateRetrieveParams\n  ): Promise<Address | undefined> {\n    const searchParams = new URLSearchParams(\n      Object.entries(params).map(([key, value]) => {\n        return [key, value.toString()];\n      })\n    );\n\n    searchParams.set(\"Key\", this.key);\n\n    const response = await fetch(this.retrieveUrl, {\n      method: \"POST\",\n      headers: { Accept: \"application/json\" },\n      mode: \"cors\",\n      body: searchParams,\n    });\n\n    if (!response.ok) {\n      errorLoggerService.logError(messages.smart_address_error_in_response);\n      return;\n    }\n\n    const responseObject = await response.json();\n\n    if (\n      responseObject.Items.length === 1 &&\n      responseObject.Items[0].Error !== undefined\n    ) {\n      errorLoggerService.logError(messages.smart_address_error_in_retrieve);\n      return;\n    }\n\n    if (responseObject.Items === undefined) {\n      errorLoggerService.logError(messages.smart_address_no_retrieve_item);\n      return;\n    }\n\n    return mapLoqateRetrieveToAddress(\n      responseObject.Items[0] as LoqateRetrieveResponse\n    );\n  }\n}\n\nexport const loqateService = new LoqateService();\n","<script setup lang=\"ts\">\nimport type { Address } from \"@/components/controls/address/addresses\";\nimport { ref, watch } from \"vue\";\nimport { makeRef } from \"@/components/composables/componentTools\";\nimport debounce from \"lodash-es/debounce\";\nimport type { LoqateSearchResponse } from \"@/components/controls/address/loqateService\";\nimport { loqateService } from \"@/components/controls/address/loqateService\";\nimport BmControl from \"@/components/controls/input/BmControl.vue\";\n\n/**\n * A control that encapsulates address entry - and an optional business name.\n *\n * Gives the user an edit option that invokes a dialog to capture new address\n * information.\n */\n\nconst emit = defineEmits<{\n  (event: \"failed-to-retrieve-address\"): void;\n  (event: \"address-retrieved\", address: Address): void;\n  (event: \"retrieving-address\"): void;\n}>();\n\nconst addressInput = ref<HTMLElement | null>(null);\nconst isLoading = ref(false);\nconst isRetrieving = ref(false);\n\n// Search term input by user, what is used to refine address results\n// These are pulled out separately so we can clear them as we search to prevent double searches\nconst userSearchTerm = ref(\"\");\nconst currentSearchContainerId = ref(\"\");\n\nconst selectedAddressSearchResult = ref<LoqateSearchResponse>();\nconst addressSearchResults = makeRef<readonly LoqateSearchResponse[]>([]);\n\nconst searchForAddresses = debounce(async () => {\n  try {\n    if (!userSearchTerm.value) {\n      return;\n    }\n\n    const results = await loqateService.searchForAddress({\n      Text: userSearchTerm.value,\n      Container: currentSearchContainerId.value,\n    });\n\n    if (!results) {\n      userSearchTerm.value = \"\";\n      emit(\"failed-to-retrieve-address\");\n      return;\n    }\n\n    addressSearchResults.value = results ?? [];\n    selectedAddressSearchResult.value = undefined;\n  } finally {\n    currentSearchContainerId.value = \"\";\n    isLoading.value = false;\n  }\n}, 750);\n\nconst retrieveAddress = async () => {\n  try {\n    emit(\"retrieving-address\");\n    isRetrieving.value = true;\n    let result = await loqateService.resolveLoqateId({\n      Id: currentSearchContainerId.value,\n    });\n\n    // Couldn't find the result, so open the dialog and clear the term so it doesn't look like it worked\n    if (!result) {\n      userSearchTerm.value = \"\";\n      emit(\"failed-to-retrieve-address\");\n      return;\n    }\n\n    emit(\"address-retrieved\", result);\n  } finally {\n    currentSearchContainerId.value = \"\";\n    isLoading.value = false;\n    isRetrieving.value = false;\n  }\n};\n\nconst updateSearchParams = (result: LoqateSearchResponse) => {\n  if (result.Id === currentSearchContainerId.value) {\n    return;\n  }\n\n  isLoading.value = true;\n  currentSearchContainerId.value = result.Id;\n  userSearchTerm.value = result.Text;\n  selectedAddressSearchResult.value = result;\n\n  if (result.Type === \"Container\") {\n    searchForAddresses();\n  } else {\n    retrieveAddress();\n    addressInput.value?.blur();\n  }\n};\n\n// Clicking an item in the dropdown will update the search term\nwatch(userSearchTerm, (newVal, oldVal) => {\n  // If they're the same, or the first setup of our watcher\n  if (newVal === oldVal || !newVal) {\n    return;\n  }\n\n  // If we have a container, we've clicked an item so let the update method handle\n  if (currentSearchContainerId.value) {\n    return;\n  }\n\n  isLoading.value = true;\n  searchForAddresses();\n});\n</script>\n\n<template>\n  <bm-control v-bind=\"$attrs\" is-beta>\n    <template #default=\"{ dataQa }\">\n      <v-autocomplete\n        ref=\"addressInput\"\n        :placeholder=\"$m.smart_address_start_typing\"\n        :value=\"selectedAddressSearchResult\"\n        :search-input.sync=\"userSearchTerm\"\n        :items=\"addressSearchResults\"\n        :loading=\"isLoading\"\n        :data-qa=\"dataQa\"\n        :disabled=\"isRetrieving\"\n        item-value=\"Id\"\n        item-text=\"Text\"\n        return-object\n        autocomplete=\"none\"\n        no-filter\n        hide-no-data\n        v-bind=\"$attrs\"\n      >\n        <template #item=\"data\">\n          <v-list-item\n            v-bind=\"data.attrs\"\n            @click=\"updateSearchParams(data.item)\"\n          >\n            <v-list-item-content>\n              <v-list-item-title>\n                {{ data.item.Text }}\n                <v-chip\n                  v-if=\"data.item.Description\"\n                  color=\"infoLight\"\n                  class=\"ml-2\"\n                  >{{ data.item.Description.replace(\" - \", \"\") }}\n                </v-chip>\n              </v-list-item-title>\n            </v-list-item-content>\n          </v-list-item>\n        </template>\n        <template #append-outer>\n          <slot name=\"append-outer\" />\n        </template>\n      </v-autocomplete>\n    </template>\n  </bm-control>\n</template>\n","<template>\n  <bm-dialog\n    :visible=\"value\"\n    :label=\"label\"\n    @accept=\"accept(addressObj)\"\n    @cancel=\"cancel\"\n  >\n    <bm-alert v-if=\"addressLookupFailed\" type=\"warning\">\n      {{ $m.smart_address_failed_to_resolve_banner }}\n    </bm-alert>\n    <bm-address-lookup\n      :t=\"$m.keys.smart_address_search\"\n      @address-retrieved=\"updateAddressFromRetrieve\"\n      @failed-to-retrieve-address=\"failedToRetrieveAddress\"\n      @retrieving-address=\"updateRetrievingAddress\"\n    />\n    <div v-for=\"control in controlList\" :key=\"control.part\">\n      <component\n        :is=\"control.component\"\n        v-bind=\"control.props\"\n        :disabled=\"retrievingAddress\"\n        :loading=\"retrievingAddress\"\n        v-on=\"control.on\"\n      />\n    </div>\n  </bm-dialog>\n</template>\n\n<script lang=\"ts\">\nimport { useReactiveDialogSetup } from \"@/components/mixins/dialogs\";\nimport type { PropType } from \"vue\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport messages, { useI18n } from \"@/plugins/i18n\";\nimport BmDialog from \"@/components/dialogs/BmDialog.vue\";\nimport type { Address } from \"@/components/controls/address/addresses\";\nimport {\n  AddressParts,\n  getAddressPartDisplayOrder,\n} from \"@/components/controls/address/addresses\";\nimport cloneDeep from \"lodash-es/cloneDeep\";\nimport BmText from \"@/components/controls/input/BmText.vue\";\nimport BmCountry from \"@/components/controls/input/specialised/BmCountry.vue\";\nimport { isNotNullOrUndefined } from \"@/app/apiutils\";\nimport BmAlert from \"@/components/controls/BmAlert.vue\";\nimport BmAddressLookup from \"@/components/controls/address/BmAddressLookup.vue\";\n\nexport default defineComponent({\n  name: \"BmAddressCaptureDialog\",\n  components: { BmDialog, BmAlert, BmAddressLookup },\n  props: {\n    label: {\n      type: String,\n      default: messages.address_capture,\n    },\n    value: {\n      type: Boolean,\n      required: true,\n    },\n    address: {\n      type: Object as PropType<Address>,\n      required: true,\n    },\n    failedToRetrieve: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n  setup(props, context) {\n    const { accept, cancel } = useReactiveDialogSetup(\n      ref(props.value),\n      context\n    );\n    const { $m } = useI18n();\n    const addressObj = ref<Address>(cloneDeep(props.address));\n    const addressLookupFailed = ref(props.failedToRetrieve);\n    const retrievingAddress = ref(false);\n    const controlList = computed(() =>\n      getAddressPartDisplayOrder()\n        .map((part) => {\n          if (\n            addressObj.value.addressBusinessName !== undefined &&\n            part === AddressParts.AddressBusinessName\n          ) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressBusinessName,\n                t: $m.keys.address_business,\n                autofocus: true, // Should focus whoever comes first\n              },\n              on: {\n                input: (val: string) =>\n                  (addressObj.value.addressBusinessName = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine1) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressLine1,\n                t: $m.keys.address_line_1,\n                autofocus: true, // Should focus whoever comes first\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine1 = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine2) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressLine2,\n                t: $m.keys.address_line_2,\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine2 = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine3) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressLine3,\n                t: $m.keys.address_line_3,\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine3 = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine4) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressLine4,\n                t: $m.keys.address_line_4,\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine4 = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine5) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressLine5,\n                t: $m.keys.address_line_5,\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine5 = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressPostcode) {\n            return {\n              part,\n              component: BmText,\n              props: {\n                value: addressObj.value.addressPostcode,\n                t: $m.keys.address_postcode,\n              },\n              on: {\n                input: (val: string) =>\n                  (addressObj.value.addressPostcode = val),\n              },\n            };\n          }\n\n          if (part === AddressParts.AddressLine6) {\n            return {\n              part,\n              component: BmCountry,\n              props: {\n                value: addressObj.value.addressLine6,\n                t: $m.keys.address_line_6,\n                clearable: true,\n              },\n              on: {\n                input: (val: string) => (addressObj.value.addressLine6 = val),\n              },\n            };\n          }\n        })\n        .filter(isNotNullOrUndefined)\n    );\n\n    const updateAddressFromRetrieve = (retrievedAddress: Address) => {\n      addressObj.value = retrievedAddress;\n      retrievingAddress.value = false;\n    };\n\n    const failedToRetrieveAddress = () => {\n      addressLookupFailed.value = true;\n      retrievingAddress.value = false;\n    };\n\n    const updateRetrievingAddress = () => {\n      retrievingAddress.value = true;\n      addressLookupFailed.value = false;\n    };\n\n    return {\n      accept,\n      cancel,\n      updateAddressFromRetrieve,\n      updateRetrievingAddress,\n      failedToRetrieveAddress,\n      addressLookupFailed,\n      retrievingAddress,\n      controlList,\n      addressObj,\n    };\n  },\n});\n</script>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { showModalDialog } from \"@/components/platform/common/showModalDialog\";\nimport type { Address } from \"@/components/controls/address/addresses\";\nimport { formatAddressForDisplay } from \"@/components/controls/address/addresses\";\nimport BmAddressCaptureDialog from \"@/components/controls/address/BmAddressCaptureDialog.vue\";\nimport BmControl from \"@/components/controls/input/BmControl.vue\";\nimport BmAddressLookup from \"@/components/controls/address/BmAddressLookup.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport dataComponentAttrs from \"@/components/controls/DataComponentAttrs\";\n\n/**\n * A control that encapsulates address entry - and an optional business name.\n *\n * Gives the user an edit option that invokes a dialog to capture new address\n * information.\n */\n\nconst emit = defineEmits<{\n  (\n    event: \"update:address-business-name\",\n    businessName: string | undefined\n  ): void;\n  (event: \"update:address-line1\", addressLine1: string): void;\n  (event: \"update:address-line2\", addressLine2: string): void;\n  (event: \"update:address-line3\", addressLine3: string): void;\n  (event: \"update:address-line4\", addressLine4: string): void;\n  (event: \"update:address-line5\", addressLine5: string): void;\n  (event: \"update:address-line6\", addressLine6: string): void;\n  (event: \"update:address-postcode\", addressPostcode: string): void;\n}>();\n\ninterface Props {\n  addressBusinessName?: string;\n  addressLine1?: string;\n  addressLine2?: string;\n  addressLine3?: string;\n  addressLine4?: string;\n  addressLine5?: string;\n  addressLine6?: string;\n  addressPostcode?: string;\n  allowManualInput?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), { allowManualInput: true });\n\nconst showAddressCard = ref(true);\n\nconst address = computed<Address>(() => {\n  return {\n    addressBusinessName: props.addressBusinessName ?? undefined,\n    addressLine1: props.addressLine1 ?? \"\",\n    addressLine2: props.addressLine2 ?? \"\",\n    addressLine3: props.addressLine3 ?? \"\",\n    addressLine4: props.addressLine4 ?? \"\",\n    addressLine5: props.addressLine5 ?? \"\",\n    addressPostcode: props.addressPostcode ?? \"\",\n    addressLine6: props.addressLine6 ?? \"\",\n  };\n});\n\nconst emitChangedFields = (newValue: Address) => {\n  if (newValue.addressBusinessName !== props.addressBusinessName) {\n    emit(\"update:address-business-name\", newValue.addressBusinessName);\n  }\n\n  if (newValue.addressLine1 !== props.addressLine1) {\n    emit(\"update:address-line1\", newValue.addressLine1);\n  }\n\n  if (newValue.addressLine2 !== props.addressLine2) {\n    emit(\"update:address-line2\", newValue.addressLine2);\n  }\n\n  if (newValue.addressLine3 !== props.addressLine3) {\n    emit(\"update:address-line3\", newValue.addressLine3);\n  }\n\n  if (newValue.addressLine4 !== props.addressLine4) {\n    emit(\"update:address-line4\", newValue.addressLine4);\n  }\n\n  if (newValue.addressLine5 !== props.addressLine5) {\n    emit(\"update:address-line5\", newValue.addressLine5);\n  }\n\n  if (newValue.addressPostcode !== props.addressPostcode) {\n    emit(\"update:address-postcode\", newValue.addressPostcode);\n  }\n\n  if (newValue.addressLine6 !== props.addressLine6) {\n    emit(\"update:address-line6\", newValue.addressLine6);\n  }\n\n  showAddressCard.value = true;\n};\n\nconst startAddressCapture = async (failedToRetrieve?: boolean) => {\n  const result = await showModalDialog<Address, typeof BmAddressCaptureDialog>(\n    BmAddressCaptureDialog,\n    {\n      props: {\n        address: address.value,\n        failedToRetrieve,\n      },\n    }\n  );\n\n  if (result.wasSuccessful && result.value) {\n    emitChangedFields(result.value);\n  }\n};\n\nconst shouldShowAddressCard = computed(() => {\n  if (!props.allowManualInput) {\n    return false;\n  }\n\n  return showAddressCard.value;\n});\n\nconst updateAddressFromRetrieve = (retrievedAddress: Address) => {\n  emitChangedFields(retrievedAddress);\n};\n\nconst clearAddress = () => {\n  emitChangedFields({\n    addressBusinessName: undefined,\n    addressLine1: \"\",\n    addressLine2: \"\",\n    addressLine3: \"\",\n    addressLine4: \"\",\n    addressLine5: \"\",\n    addressPostcode: \"\",\n    addressLine6: \"\",\n  });\n};\n\nwatch(\n  address,\n  () => {\n    // If we have an address at all, show the full address card\n    if (formatAddressForDisplay(address.value, \"\")) {\n      showAddressCard.value = true;\n    } else {\n      showAddressCard.value = false;\n    }\n  },\n  { immediate: true }\n);\n\nconst addressIsEmpty = computed(() => {\n  return formatAddressForDisplay(address.value) === \"\";\n});\n\nconst dataComponent = dataComponentAttrs.bmAddress;\n</script>\n\n<template>\n  <bm-address-lookup\n    v-if=\"!shouldShowAddressCard\"\n    v-bind=\"$attrs\"\n    @address-retrieved=\"updateAddressFromRetrieve\"\n    @failed-to-retrieve-address=\"startAddressCapture(true)\"\n  >\n    <template #append-outer>\n      <bm-btn\n        icon\n        button-type=\"ghost\"\n        :data-component=\"dataComponent\"\n        @click=\"startAddressCapture()\"\n      >\n        <v-icon>edit</v-icon>\n      </bm-btn>\n    </template>\n  </bm-address-lookup>\n  <bm-control\n    v-else\n    v-bind=\"$attrs\"\n    :read-only-value=\"formatAddressForDisplay(address)\"\n  >\n    <template #default=\"{ dataQa }\">\n      <div :style=\"{ cursor: 'pointer' }\" @click=\"startAddressCapture()\">\n        <v-container fluid pa-0>\n          <v-row align=\"center\" dense>\n            <v-col :data-qa=\"dataQa\">\n              {{\n                formatAddressForDisplay(address) ||\n                $m.smart_address_click_to_add\n              }}\n            </v-col>\n            <v-col cols=\"auto\">\n              <bm-btn\n                small\n                icon\n                button-type=\"ghost\"\n                :data-component=\"dataComponent\"\n              >\n                <v-icon>edit</v-icon>\n              </bm-btn>\n            </v-col>\n            <v-col v-if=\"!addressIsEmpty\" cols=\"auto\">\n              <bm-btn small icon button-type=\"ghost\" @click.stop=\"clearAddress\">\n                <v-icon>close</v-icon>\n              </bm-btn>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n    </template>\n  </bm-control>\n</template>\n"],"names":["ref"],"mappings":"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"}