{"version":3,"file":"UpdateYourABNDetails-f11dc448.js","sources":["../../../resources/js/components/UpdateABNDetailsForm.vue","../../../resources/js/pages/UpdateYourABNDetails.vue"],"sourcesContent":["<script setup>\nimport Input from '@components/Input.vue'\nimport { useABNUpdateDetailsStore } from '@stores/ABNUpdateDetailsStore.js'\nimport Subtitle from '@components/Subtitle.vue'\nimport { useABNExtrasStore } from '@stores/ABNExtrasStore.js'\nimport MainBusinessSelector from '@components/MainBusinessSelector.vue'\nimport GAddress from '@components/GAddress.vue'\n\nconst storeExtras = useABNExtrasStore()\nconst abnUpdateDetailsStore = useABNUpdateDetailsStore()\n\nconst props = defineProps({\n  errors: {\n    type: Object,\n    default: () => ({})\n  }\n})\n\n</script>\n\n<template>\n    <div class=\"max-w-xl mx-auto flex flex-col\">\n      <Subtitle>Update the following information</Subtitle>\n      <p class=\"my-3 text-sm leading-6 text-gray-600\">Please fill out only the fields that require updates on your ABN registration form.</p>\n      <p class=\"my-3 text-sm leading-6 text-gray-600\">Leave any fields that do not need changes blank. This will ensure that only the necessary information is updated.</p>\n\n      <div class=\"flex flex-col gap-4\">\n        <p class=\"my-2 text-md font-bold tracking-tight text-gray-900\">I need to update the following information: *</p>\n\n        <!-- Personal Address -->\n        <div class=\"flex flex-col gap-1 w-full\">\n          <div class=\"flex items-center h-6 mb-2\">\n            <input\n              v-model=\"abnUpdateDetailsStore.request_personal_address\"\n              id=\"request_personal_address\"\n              aria-describedby=\"request_personal_address-description\"\n              name=\"request_personal_address\"\n              type=\"checkbox\"\n              class=\"w-4 h-4 text-stone-600 border-gray-300 rounded focus:ring-stone-600\"\n            >\n            <div class=\"ml-3 text-sm leading-6\">\n              <label for=\"request_personal_address\" class=\"font-medium text-gray-900\">Personal Address</label>\n              <p id=\"request-personal-address-description\" class=\"text-gray-500\"></p>\n              <p v-for=\"(error, keyError) in errors?.request_personal_address\" class=\"mt-2 text-sm text-red-600\" :id=\"request-personal-address-error\" :key=\"keyError\">\n                {{ error }}\n              </p>\n            </div>\n          </div>\n\n          <GAddress  v-if=\"abnUpdateDetailsStore.request_personal_address\"\n              :key=\"abnUpdateDetailsStore.personal_address?.length ?? 0\"\n              :errors=\"errors\"\n              v-model:address=\"abnUpdateDetailsStore.personal_address\"\n              v-model:unit_number=\"abnUpdateDetailsStore.personal_address_unit_number\"\n              v-model:street_number=\"abnUpdateDetailsStore.personal_address_street_number\"\n              v-model:route=\"abnUpdateDetailsStore.personal_address_route\"\n              v-model:locality=\"abnUpdateDetailsStore.personal_address_locality\"\n              v-model:state=\"abnUpdateDetailsStore.personal_address_state\"\n              v-model:postal_code=\"abnUpdateDetailsStore.personal_address_postal_code\"\n              v-model:gaddressConfirmationBox=\"abnUpdateDetailsStore.gPersonalAddressConfirmationBox\"\n              autocompleteId=\"autocomplete_personal_address\"\n              label=''>\n          </GAddress>\n          <p v-for=\"(error, keyError) in errors?.personal_address\" class=\"mt-2 text-sm text-red-600\" :id=\"personal_address-error\" :key=\"keyError\">\n            {{ error }}\n          </p>\n        </div>\n\n        <!-- Business Address -->\n        <div class=\"flex flex-col gap-1 w-full\">\n          <div class=\"flex items-center h-6 mb-2\">\n            <input\n              v-model=\"abnUpdateDetailsStore.request_business_address\"\n              id=\"request_business_address\"\n              aria-describedby=\"request-business-address-description\"\n              name=\"request_business_address\"\n              type=\"checkbox\"\n              class=\"w-4 h-4 text-stone-600 border-gray-300 rounded focus:ring-stone-600\"\n            >\n            <div class=\"ml-3 text-sm leading-6\">\n              <label for=\"request_business_address\" class=\"font-medium text-gray-900\">Business Address</label>\n              <p id=\"request-business-address-description\" class=\"text-gray-500\"></p>\n              <p v-for=\"(error, keyError) in errors?.request_business_address\" class=\"mt-2 text-sm text-red-600\" :id=\"request-business-address-error\" :key=\"keyError\">\n                {{ error }}\n              </p>\n            </div>\n          </div>\n\n          <GAddress  v-if=\"abnUpdateDetailsStore.request_business_address\"\n              :key=\"abnUpdateDetailsStore.business_address?.length ?? 0\"\n              :errors=\"errors\"\n              v-model:address=\"abnUpdateDetailsStore.business_address\"\n              v-model:unit_number=\"abnUpdateDetailsStore.business_address_unit_number\"\n              v-model:street_number=\"abnUpdateDetailsStore.business_address_street_number\"\n              v-model:route=\"abnUpdateDetailsStore.business_address_route\"\n              v-model:locality=\"abnUpdateDetailsStore.business_address_locality\"\n              v-model:state=\"abnUpdateDetailsStore.business_address_state\"\n              v-model:postal_code=\"abnUpdateDetailsStore.business_address_postal_code\"\n              v-model:gaddressConfirmationBox=\"abnUpdateDetailsStore.gBusinessAddressConfirmationBox\"\n              autocompleteId=\"autocomplete_business_address\"\n              label=''>\n          </GAddress>\n          <p v-for=\"(error, keyError) in errors?.business_address\" class=\"mt-2 text-sm text-red-600\" :id=\"business_address-error\" :key=\"keyError\">\n            {{ error }}\n          </p>\n        </div>\n\n        <!-- Phone Number -->\n        <div class=\"flex flex-col gap-1 w-full\">\n          <div class=\"flex items-center h-6\">\n            <input\n              v-model=\"abnUpdateDetailsStore.request_phone_number\"\n              id=\"request_phone_number\"\n              aria-describedby=\"request-phone-number-description\"\n              name=\"request_phone_number\"\n              type=\"checkbox\"\n              class=\"w-4 h-4 text-stone-600 border-gray-300 rounded focus:ring-stone-600\"\n            >\n            <div class=\"ml-3 text-sm leading-6\">\n              <label for=\"request_phone_number\" class=\"font-medium text-gray-900\">Phone Number</label>\n              <p id=\"request-phone-number-description\" class=\"text-gray-500\"></p>\n              <p v-for=\"(error, keyError) in errors?.request_phone_number\" class=\"mt-2 text-sm text-red-600\" :id=\"request-phone-number-error\" :key=\"keyError\">\n                {{ error }}\n              </p>\n            </div>\n          </div>\n          <Input\n            v-if=\"abnUpdateDetailsStore.request_phone_number\"\n            v-model=\"abnUpdateDetailsStore.phone_number\"\n            :errors=\"errors.phone_number\"\n            type=\"text\"\n            name=\"phone_number\"\n          />\n        </div>\n\n        <!-- Email address -->\n        <div class=\"flex flex-col gap-1 w-full\">\n          <div class=\"flex items-center h-6\">\n            <input\n              v-model=\"abnUpdateDetailsStore.request_email_address\"\n              id=\"request_email_address\"\n              aria-describedby=\"request-email-address-description\"\n              name=\"request_email_address\"\n              type=\"checkbox\"\n              class=\"w-4 h-4 text-stone-600 border-gray-300 rounded focus:ring-stone-600\"\n            >\n            <div class=\"ml-3 text-sm leading-6\">\n              <label for=\"request_email_address\" class=\"font-medium text-gray-900\">Email Address</label>\n              <p id=\"request-email-address-description\" class=\"text-gray-500\"></p>\n              <p v-for=\"(error, keyError) in errors?.request_email_address\" class=\"mt-2 text-sm text-red-600\" :id=\"request-email-address-error\" :key=\"keyError\">\n                {{ error }}\n              </p>\n            </div>\n          </div>\n          <Input\n            v-if=\"abnUpdateDetailsStore.request_email_address\"\n            v-model=\"abnUpdateDetailsStore.email_address\"\n            :errors=\"errors.email_address\"\n            type=\"text\"\n            name=\"email_address\"\n          />\n        </div>\n\n        <!-- Business activity -->\n        <div class=\"flex flex-col gap-2 w-full\">\n          <div class=\"flex items-center\">\n            <input\n              v-model=\"abnUpdateDetailsStore.request_main_business_activity\"\n              id=\"request_main_business_activity\"\n              aria-describedby=\"request_main_business_activity-description\"\n              name=\"request_main_business_activity\"\n              type=\"checkbox\"\n              class=\"w-4 h-4 text-stone-600 border-gray-300 rounded focus:ring-stone-600\"\n            >\n            <div class=\"ml-3 text-sm leading-6\">\n              <label for=\"request_main_business_activity\" class=\"font-medium text-gray-900\">Business activity:</label>\n              <p id=\"request-main-business-activity-description\" class=\"text-gray-600\">Example: driver, cleaner, beauty, plumber, baby sitting services ...</p>\n              <p v-for=\"(error, keyError) in errors?.request_main_business_activity\" class=\"mt-2 text-sm text-red-600\" :id=\"request-main-business-activity-error\" :key=\"keyError\">\n                {{ error }}\n              </p>\n            </div>\n          </div>\n          <MainBusinessSelector v-if=\"abnUpdateDetailsStore.request_main_business_activity\"\n              :key=\"abnUpdateDetailsStore.main_business_activity?.length\"\n              :errors=\"errors.main_business_activity\"\n              v-model=\"abnUpdateDetailsStore.main_business_activity\"\n              label=''\n              >\n          </MainBusinessSelector>\n          <p v-for=\"(error, keyError) in errors?.main_business_activity\" class=\"mt-2 text-sm text-red-600\" :id=\"main-business-activity-error\" :key=\"keyError\">\n            {{ error }}\n          </p>\n        </div>\n      </div>\n    </div>\n</template>\n","<script setup>\nimport UpdateABNDetailsFeatureSection from '@components/UpdateABNDetailsFeatureSection.vue'\nimport AppLayout from '@/layouts/AppLayout.vue';\nimport FAQRegister from '@components/FAQRegister.vue'\nimport FindForm from '@components/FindForm.vue'\nimport FormErrorAlert from '@components/FormErrorAlert.vue'\nimport Input from '@components/Input.vue'\nimport SendButton from '@components/SendButton.vue'\nimport SeparatorBorder from '@components/SeparatorBorder.vue'\nimport Swal from 'sweetalert2'\nimport TermsCheckboxes from '@components/TermsCheckboxes.vue'\nimport { ref, computed, onMounted } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useABNExtrasStore } from '@stores/ABNExtrasStore.js'\nimport { useErrorsStore } from '@stores/ErrorsStore.js'\nimport { useFindStore } from '@stores/FindStore.js'\nimport { useLoadingStore } from '@stores/LoadingStore.js'\nimport { usePaymentStore } from '@stores/PaymentStore.js'\nimport { useRouterStore } from '@stores/RouterStore.js'\nimport { useABNUpdateDetailsStore } from '@stores/ABNUpdateDetailsStore.js'\nimport { useABNStore } from '@stores/ABNStore.js'\nimport UpdateABNDetailsForm from '@components/UpdateABNDetailsForm.vue'\nimport ExtraServicesContainer from '@components/ExtraServicesContainer.vue'\nimport { useExtraServicesStore } from '@stores/ExtraServicesStore.js'\n\nconst abnStore = useABNStore()\nconst paymentStore = usePaymentStore()\nconst findStore = useFindStore()\nconst storeErrors = useErrorsStore()\nconst storeExtras = useABNExtrasStore()\nconst abnUpdateDetailsStore = useABNUpdateDetailsStore()\nconst storeExtraServices = useExtraServicesStore()\n\nconst storeLoading = useLoadingStore()\nconst routerStore = useRouterStore()\nconst { errors } = storeToRefs(storeErrors)\n\nonMounted(async () => {\n  storeExtras.setCancelABN(true);\n  storeExtras.setCancelGST(false);\n  storeExtras.setCancelBN(false);\n})\n\nconst disabledDates = computed(\n  () => new Date(new Date().setFullYear(new Date().getFullYear()-16))\n)\n\nconst terms = ref(false)\nconst info = ref(false)\nconst urlParams = new URLSearchParams(window.location.search)\nconst token = urlParams.get('token')\n\nconst formatDate = (date) => {\n  const [day, month, year] = date.split('-');\n\n  return `${year}-${month}-${day}`;\n};\n\nconst onSubmit = () => {\n\n  storeLoading.setLoading(true)\n\n  const values = {\n    ...abnUpdateDetailsStore.$state,\n    ...storeExtraServices.$state,\n    birthdate: formatDate(findStore.birthdate),\n    confirmationemail: findStore.confirmationemail,\n    email: findStore.email,\n    firstname: findStore.firstname,\n    lastname: findStore.lastname,\n    middlename: findStore.middlename,\n    phone: findStore.phone,\n    tfn: findStore.tfn,\n    number: findStore.number,\n    tfnNow: findStore.tfnNow,\n    info: info.value,\n    terms: terms.value,\n    petition_origin: import.meta.env.VITE_PETITION_ORIGIN,\n    google_gclid: abnStore.google_gclid,\n\n  }\n\n  if(storeExtras.first_time) {\n    delete values.prev_abn\n  }\n\n  const url = '/api/abn-update-details';\n\n  if (token) {\n    axios.put(`${url}/${token}`, values)\n      .then((response) => {\n        storeLoading.setLoading(false)\n        paymentStore.id = response.data.id\n        paymentStore.client_secret = response.data.client_secret\n        routerStore.visit('/payment')\n      })\n      .catch((error) => {\n        storeLoading.setLoading(false)\n        if (error.response.status === 422) {\n          storeErrors.setErrors(error.response.data.errors)\n        } else {\n          Swal.fire({\n            title: error.response.data.message,\n            icon: 'error',\n          })\n        }\n      })\n  } else {\n    axios.post(url, values)\n      .then((response) => {\n        storeLoading.setLoading(false)\n        paymentStore.id = response.data.id\n        paymentStore.client_secret = response.data.client_secret\n        routerStore.visit('/payment')\n      })\n      .catch((error) => {\n        storeLoading.setLoading(false)\n        if (error.response.status === 422) {\n\n        const parseErrors = error.response?.data?.errors || {\n          message: [\n            error.response?.data?.message || 'An unknown error occurred'\n          ]\n        }\n          storeErrors.setErrors(parseErrors)\n        } else {\n          Swal.fire({\n            title: error.response.data.message,\n            icon: 'error',\n          })\n        }\n      })\n  }\n}\n</script>\n\n<template>\n  <Suspense>\n    <AppLayout title=\"Update Your ABN Details Form\">\n    <div class=\"px-6 py-12 bg-white sm:py-32 lg:px-8 isolate bg-white rounded-lg shadow\">\n      <form @submit.prevent=\"onSubmit\" class=\"flex flex-col space-y-6 sm:space-y-8 lg:space-y-12\">\n        <UpdateABNDetailsFeatureSection/>\n\n        <SeparatorBorder />\n\n        <div class=\"max-w-xl mx-auto flex flex-col space-y-8\">\n          <FindForm :errors=\"errors\" :tfn-nullable=true></FindForm>\n          <Input\n            required\n            v-model=\"findStore.number\"\n            :errors=\"errors.number\"\n            type=\"text\"\n            name=\"number\"\n            label=\"ABN (Australian Business Number): \"\n            />\n        </div>\n\n        <!--Update details form -->\n        <SeparatorBorder />\n        <UpdateABNDetailsForm :errors=\"errors\"/>\n\n        <SeparatorBorder />\n\n        <ExtraServicesContainer />\n\n        <SeparatorBorder />\n\n        <FAQRegister />\n        <SeparatorBorder />\n        <div class=\"max-w-xl mx-auto flex flex-col space-y-8\">\n          <TermsCheckboxes\n              v-model:terms=\"terms\"\n              v-model:info=\"info\"\n              />\n          <SendButton text=\"Update Your ABN Details\" />\n          <FormErrorAlert :errors=\"errors\" />\n        </div>\n      </form>\n    </div>\n    </AppLayout>\n  </Suspense>\n</template>\n"],"names":["useABNExtrasStore","abnUpdateDetailsStore","useABNUpdateDetailsStore","abnStore","useABNStore","paymentStore","usePaymentStore","findStore","useFindStore","storeErrors","useErrorsStore","storeExtras","storeExtraServices","useExtraServicesStore","storeLoading","useLoadingStore","routerStore","useRouterStore","errors","storeToRefs","onMounted","computed","terms","ref","info","token","formatDate","date","day","month","year","onSubmit","values","url","response","error","Swal","parseErrors","_b","_a","_d","_c"],"mappings":"4+GAQoBA,EAAkB,EACtC,MAAMC,EAAwBC,EAAyB,g6QCgBvD,MAAMC,EAAWC,EAAY,EACvBC,EAAeC,GAAgB,EAC/BC,EAAYC,GAAa,EACzBC,EAAcC,GAAe,EAC7BC,EAAcX,EAAkB,EAChCC,EAAwBC,EAAyB,EACjDU,EAAqBC,GAAsB,EAE3CC,EAAeC,GAAgB,EAC/BC,EAAcC,GAAe,EAC7B,CAAE,OAAAC,CAAM,EAAKC,EAAYV,CAAW,EAE1CW,EAAU,SAAY,CACpBT,EAAY,aAAa,EAAI,EAC7BA,EAAY,aAAa,EAAK,EAC9BA,EAAY,YAAY,EAAK,CAC/B,CAAC,EAEqBU,EACpB,IAAM,IAAI,KAAK,IAAI,OAAO,YAAY,IAAI,OAAO,cAAc,EAAE,CAAC,CACpE,EAEA,MAAMC,EAAQC,EAAI,EAAK,EACjBC,EAAOD,EAAI,EAAK,EAEhBE,EADY,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACpC,IAAI,OAAO,EAE7BC,EAAcC,GAAS,CAC3B,KAAM,CAACC,EAAKC,EAAOC,CAAI,EAAIH,EAAK,MAAM,GAAG,EAEzC,MAAO,GAAGG,CAAI,IAAID,CAAK,IAAID,CAAG,EAChC,EAEMG,EAAW,IAAM,CAErBjB,EAAa,WAAW,EAAI,EAE5B,MAAMkB,EAAS,CACb,GAAG/B,EAAsB,OACzB,GAAGW,EAAmB,OACtB,UAAWc,EAAWnB,EAAU,SAAS,EACzC,kBAAmBA,EAAU,kBAC7B,MAAOA,EAAU,MACjB,UAAWA,EAAU,UACrB,SAAUA,EAAU,SACpB,WAAYA,EAAU,WACtB,MAAOA,EAAU,MACjB,IAAKA,EAAU,IACf,OAAQA,EAAU,OAClB,OAAQA,EAAU,OAClB,KAAMiB,EAAK,MACX,MAAOF,EAAM,MACb,gBAAiB,sBACjB,aAAcnB,EAAS,YAEzB,EAEGQ,EAAY,YACb,OAAOqB,EAAO,SAGhB,MAAMC,EAAM,0BAERR,EACF,MAAM,IAAI,GAAGQ,CAAG,IAAIR,CAAK,GAAIO,CAAM,EAChC,KAAME,GAAa,CAClBpB,EAAa,WAAW,EAAK,EAC7BT,EAAa,GAAK6B,EAAS,KAAK,GAChC7B,EAAa,cAAgB6B,EAAS,KAAK,cAC3ClB,EAAY,MAAM,UAAU,CACpC,CAAO,EACA,MAAOmB,GAAU,CAChBrB,EAAa,WAAW,EAAK,EACzBqB,EAAM,SAAS,SAAW,IAC5B1B,EAAY,UAAU0B,EAAM,SAAS,KAAK,MAAM,EAEhDC,EAAK,KAAK,CACR,MAAOD,EAAM,SAAS,KAAK,QAC3B,KAAM,OAClB,CAAW,CAEX,CAAO,EAEH,MAAM,KAAKF,EAAKD,CAAM,EACnB,KAAME,GAAa,CAClBpB,EAAa,WAAW,EAAK,EAC7BT,EAAa,GAAK6B,EAAS,KAAK,GAChC7B,EAAa,cAAgB6B,EAAS,KAAK,cAC3ClB,EAAY,MAAM,UAAU,CACpC,CAAO,EACA,MAAOmB,GAAU,aAEhB,GADArB,EAAa,WAAW,EAAK,EACzBqB,EAAM,SAAS,SAAW,IAAK,CAEnC,MAAME,IAAcC,GAAAC,EAAAJ,EAAM,WAAN,YAAAI,EAAgB,OAAhB,YAAAD,EAAsB,SAAU,CAClD,QAAS,GACPE,GAAAC,EAAAN,EAAM,WAAN,YAAAM,EAAgB,OAAhB,YAAAD,EAAsB,UAAW,2BACnC,CACF,EACE/B,EAAY,UAAU4B,CAAW,CAC3C,MACUD,EAAK,KAAK,CACR,MAAOD,EAAM,SAAS,KAAK,QAC3B,KAAM,OAClB,CAAW,CAEX,CAAO,CAEP"}