{"version":3,"file":"FormInquiryDeliverySetup-BmTvHd2i.js","sources":["../../../../../../frontend/src/components/Translation.vue","../../../../../../frontend/src/components/FormattedAddress.vue","../../../../../../frontend/src/components/SelectItem.vue","../../../../../../frontend/src/pages/inquiries/forms/FormInquiryDeliverySetup.vue"],"sourcesContent":["<template lang=\"pug\">\ndiv(v-html='$t(id, hint, placeholders)')\n</template>\n\n<script lang=\"ts\">\nimport { type PropType, defineComponent } from 'vue'\n\nconst Translation = defineComponent({\n  props: {\n    id: { type: String, required: true },\n    hint: { type: String, default: '' },\n    placeholders: { type: Array as PropType<string[]> },\n  },\n})\n\nexport default Translation\n</script>\n","<template lang=\"pug\">\ndiv(class='font-bold') {{ texts.title }}\n  slot\ndiv {{ texts.other }}\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  address: { type: String, required: true },\n})\n\nconst texts = computed(() => {\n  const [title, ...other] = props.address.split(' | ')\n  return { title, other: other.join(', ') }\n})\n</script>\n","<template lang=\"pug\">\ndiv(plain :loading='false' :class='{ \"select-item--selected\": selected, \"select-item--focused\": focused }' class='select-item')\n  div(class='select-item__content')\n    slot\n  div(class='select-item__checkIcon')\n    icon(v-if='selected' name='check')\n  div(class='select-item__actions')\n    slot(name='actions')\n</template>\n\n<script lang=\"ts\">\nimport Icon from '@/components/Icon.vue'\nimport { defineComponent } from 'vue'\n\nconst SelectItem = defineComponent({\n  components: { Icon },\n  props: {\n    focused: Boolean,\n    selected: Boolean,\n  },\n})\n\nexport default SelectItem\n</script>\n\n<style lang=\"stylus\">\n@import '../styles/variables.styl'\n:root\n  --select-item-padding-y: 18px\n  --select-item-padding-x: 14px\n.select-item\n  padding-right: 30px\n  display: flex!important\n  align-items: center\n  transition: none\n  max-width: 100%\n  padding: var(--select-item-padding-y) var(--select-item-padding-x)\n  cursor: pointer\n  margin: 3px 6px\n  &:hover,\n  &--focused,\n  &--selected\n    border-radius: 6px\n    background-color: var(--blue-400-10)!important\n  &--selected\n    background-color: var(--blue-400-10)!important\n  &__actions\n    ~/:hover &\n      opacity: 1\n  &__content\n    flex: 1\n    min-width: 0\n    line-height: 1.5\n    -webkit-font-smoothing: antialiased\n    ~/[nowrap] &\n      white-space: nowrap\n      overflow: hidden\n      text-overflow: ellipsis\n  &__checkIcon\n    .icon\n      background: var(--color-accent)\n      color: #fff\n      padding: 5px\n      border-radius: 20px\n      font-size: 26px\n      aspect-ratio: 1\n      transform: translateY(2px)\n      width: 30px\n      height: 30px\n</style>\n","<template lang=\"pug\">\nmodal(size='base' @close='$emit(\"close\")' )\n  generic-form(\n    id='FormEditDeliverySetup'\n    v-model='formDataModel'\n    :endpoint='`/_/EditDeliverySetup?inquiryId=${inquiryId}`'\n    updateOnSubmitSuccess=\"AddAddress,SaveAddresses\"\n    @submitSuccess='(e: IFormResponseInfo) => (e.action === \"SaveDeliverySetup\" && $emit(\"close\"))'\n    @beforeSubmit='beforeSubmit'\n    @onReady='onFormReady'\n  )\n    template(#default='{loading, formData}')\n      modal-header(icon='truck') {{ $t('Delivery Information') }}: !{' '} <em>{{ inquiryId }}</em>\n      div(v-if='hasFormChanges' class='flex gap-1 items-center text-text-light' data-test='form-persist-message')\n        span {{$t(\"The form has unsaved changes\")}}\n        btn(link data-test-btn='reset-form' data-test='btn-reset-form' @click='resetChanges') {{$t('Reset form')}}\n\n      form-select(v-model:option='invoiceAddress' name='InvoiceAddress' :controlProps='{searchable: false}' class='pt-4')\n        template(#item='{value,  label, selected, focused, focus, toggle}')\n          select-item(:selected='selected'  :focused='focused' @click.prevent.stop='toggle()' @mousedown.prevent='focus')\n            formatted-address(:address='label')\n              pill(v-if='isDifferentCustomer(customerId)' class='ml-2')  {{ customerName }}\n            template(#actions)\n              btn(v-if=\"!isDifferentCustomer(customerId)\" icon='custom-edit' data-test='btn-edit-address-from-dropdown'  faded @click.prevent.stop=\"editAddress(value, 'InvoiceAddress', label)\")\n        template(#footer)\n          btn(class='my-3' data-test='btn-add-address-from-dropdown' link icon='plus' @mousedown=\"$utils.routeQueryAdd({ 'form-inquiry-address-add': { id: inquiryId, title: inquiryId, context: 'Inquiry', type: 'InvoiceAddress' } })\")\n            | {{$t('Add address')}}\n\n      form-select(v-show='!isSameAddress'  v-model:option='deliveryAddress' name='DeliveryAddress' :controlProps='{searchable: false}')\n        template(#item='{value, label, selected, focused, focus, toggle}')\n          select-item(:selected='selected' :focused='focused' @click.prevent.stop='toggle()' @mousedown.prevent='focus')\n            formatted-address(:address='label')\n              pill(v-if='isDifferentCustomer(customerId)')  {{ customerName }}\n            template(#actions)\n              btn(v-if=\"!isDifferentCustomer(customerId)\" icon='custom-edit' data-test='btn-edit-address-from-dropdown'  faded @click.prevent.stop=\"editAddress(value, 'DeliveryAddress', label)\")\n        template(#footer)\n          btn(class='my-3' link icon='plus' data-test='btn-add-address-from-dropdown'  @mousedown=\"$utils.routeQueryAdd({ 'form-inquiry-address-add': { id: inquiryId, title: inquiryId, context: 'Inquiry', type: 'DeliveryAddress' } })\")\n            | {{$t('Add address')}}\n      div(class='mb-2 ml-1')\n        form-checkbox(name='DeliveryAddressIsInvoiceAddress')\n          | {{ $t('Use invoice address as delivery address') }}\n      div(class='mt-0')\n        p(class='mb-2 font-bold text-[15px]') {{ $t('contactPerson') }}\n        div(class='grid grid-cols-2 gap-2 mb-3')\n          form-input(v-model='contactPerson' name='ContactPerson' :label='$t(\"Name \")')\n          form-input(v-model='contactPersonPhone' name='ContactPersonPhone' :label='$t(\"contactPersonPhone\")')\n        p(class='mb-2 font-bold   text-[15px]') {{ $t('deliverySetupType') }}\n        form-radio-group(name='DeliverySetupTypes' class='mb-4' modelValue='standardDelivery')\n          control-radio-item(id=\"DeliverySetupTypes_standardDelivery\" key='standardDelivery' value='standardDelivery' :bordered='true' :centered='true' size='large' )\n            div(v-html='$t(\"standardDelivery\")')\n            div(class='prose  !max-w-none text-sm text-text-light' v-html=\"$t('deliverySetupTypes.standardDelivery.description')\")\n          control-radio-item(id=\"DeliverySetupTypes_extendedService\" key='extendedService' value='extendedService' :bordered='true' :centered='true' size='large' )\n            div(v-html='$t(\"extendedService\")')\n            div(class='prose  !max-w-none text-sm text-text-light' v-html=\"$t('deliverySetupTypes.extendedService.description')\")\n\n        //- form-select-native(name='DeliverySetupTypes' :label='$t(\"deliverySetupType\")')\n        //- transition-expand\n        //-   notification(v-if='formData.DeliverySetupTypes === \"standardDelivery\"' :showIcon='true' :message=\"$t('deliverySetupTypes.standardDelivery.description')\")\n        div(class='pl-8' style='border-left: 10px solid #f5f5f5')\n          transition-expand\n            div(v-if='formData.DeliverySetupTypes === \"extendedService\"'  )\n              //- notification(class='mb-4 !pt-0' :showIcon='true' :message='$t(\"deliverySetupTypes.extendedService.description\")')\n              form-input-date(name='DesiredDeliveryDate' :label='$t(\"desiredDeliveryDate\")'  :markOptional='true'  class='-mb-4')\n              notification(class='mb-4' :showIcon='false')\n                translation(id='desiredDeliveryDate.description')\n              form-select-native(name='ServiceLevels' :label='$t(\"serviceLevel\")' class='-mb-4')\n          transition-expand\n            div(v-if='formData.ServiceLevels')\n              notification(class='mb-4' :showIcon='false')\n                translation(v-if='formData.ServiceLevels === \"combinedDeliveryFreeCurb\"' id='combinedDeliveryFreeCurb.description')\n                translation(v-else-if='formData.ServiceLevels === \"combinedDeliveryWithCarrying\"' id='combinedDeliveryWithCarrying.description')\n                translation(v-else-if='formData.ServiceLevels === \"pickupFromWarehouse\"' id='pickupFromWarehouse.description')\n                translation(v-else id='combinedDeliveryWithInstallation.description')\n              form-radio(v-if='formData.ServiceLevels != \"pickupFromWarehouse\"' name='TruckParkingPossible' :label='$t(\"truckParkingPossible\")' class='pt-2' :controlProps='{options: [{value: \"true\", label: $t(\"yes\")}, {value: \"false\", label: $t(\"no\")}]}')\n              transition-expand\n                div(v-if='formData.TruckParkingPossible === \"false\"')\n                  form-input(name='TruckParkingInfo' :label='$t(\"truckParkingInfo\")')\n              form-radio(v-if='formData.ServiceLevels != \"pickupFromWarehouse\"' name='NoStoppingZone' :label='$t(\"noStoppingZone\")' class='pt-2' :controlProps='{options: [{value: \"true\", label: $t(\"yes\")}, {value: \"false\", label: $t(\"no\")}]}')\n              transition-expand\n                div(v-if='formData.ServiceLevels === \"combinedDeliveryWithCarrying\" || formData.ServiceLevels === \"combinedDeliveryWithInstallation\"')\n                  form-input(name='Floor' :label='$t(\"floor\")')\n                  form-radio(name='Elevator' :label='$t(\"elevator\")' class='pt-2' :controlProps='{options: [{value: \"true\", label: $t(\"yes\")}, {value: \"false\", label: $t(\"no\")}]}')\n                  transition-expand\n                    div(v-if='formData.Elevator === \"true\"')\n                      form-input(name='ElevatorDimensions' :markOptional='true' :label='$t(\"elevatorDimensions\")')\n              form-textarea(name='Description' :markOptional='true' :label='$t(\"description.label\")')\n              notification(class='-mt-3' :showIcon='false' :message='$t(\"description.description\")')\n\n      form-footer(class='pt-8')\n        template(#secondary)\n          btn(v-if='$flags.ENABLE_HELPCENTER' icon='help-circle' link  @click=\"$helpcenter.open('inquiries-delivery-costs')\" )\n            translation(id='link.helpcenter.deliveryPricingInfo')\n        form-action(name='SaveDeliverySetup' :label='$t(\"saveDeliverySetup\")' :primary='true' medium formActionName='EditDeliverySetupForm/SaveDeliverySetup' :loading='loading' class='font-bold')\n</template>\n\n<script setup lang=\"ts\">\nimport GenericForm from '@/components/GenericForm/GenericForm.vue'\nimport { useFormDataPersist } from '@/components/GenericForm/composables'\nimport { type IFormResponseInfo } from '@/components/GenericForm/types'\nimport Notification from '@/components/Notification/Notification.vue'\nimport SelectItem from '@/components/SelectItem.vue'\nimport { useOnSuccess, thorFormPostPromise } from '@/composables/'\nimport { useCustomer } from '@/pages/customer/components/index'\nimport { useModals } from '@/plugins/Modals'\nimport { type IAddress, useUser } from '@/plugins/User'\nimport { type IOption } from '@/types'\nimport { computed, watch, ref } from 'vue'\n\nconst props = defineProps({\n  inquiryId: { required: true, type: String },\n  customerId: { required: true, type: String },\n  customerName: { required: true, type: String },\n})\ndefineOptions({\n  inheritAttrs: false,\n})\nconst { resetChanges, onFormReady, hasFormChanges, formDataModel } = useFormDataPersist(props.inquiryId, true, [\n  'DeliveryAddressIsInvoiceAddress',\n])\n\nconst $user = useUser()\nconst $modals = useModals()\n\nconst { customer, load: loadCustomer } = useCustomer(computed(() => $user.myCustomer!))\nloadCustomer()\n\nuseOnSuccess(['AddAddress', 'UpdateAddress'], loadCustomer)\nuseOnSuccess(['UpdateAddress'], (data) => {\n  thorFormPostPromise(`/_/EditInquiryAddress/EditInquiryAddressForm/SaveAddresses?inquiryId=${props.inquiryId}`, {\n    [data.formData.Type]: data.formData.AddressIdentifier,\n  })\n})\n\nconst contactPerson = ref('')\nconst contactPersonPhone = ref('')\nconst deliveryAddress = ref<IOption<IAddress> | null>(null)\nconst invoiceAddress = ref<IOption<IAddress> | null>(null)\nconst isSameAddress = computed(() => formDataModel.value.DeliveryAddressIsInvoiceAddress === 'true')\n\nconst updateContactPersonIfNotAlreadySet = (address: IAddress) => {\n  if (!contactPerson.value && address?.contactPerson) {\n    contactPerson.value = `${address!.contactPerson}`\n  }\n  if (!contactPersonPhone.value && address?.phone) {\n    contactPersonPhone.value = `${address!.phone}`\n  }\n}\n\nwatch(\n  () => deliveryAddress.value,\n  (address) => address?.data && updateContactPersonIfNotAlreadySet(address!.data!),\n  { deep: true },\n)\n\nwatch(\n  () => invoiceAddress.value,\n  (address) => isSameAddress.value && address?.data && updateContactPersonIfNotAlreadySet(address!.data!),\n  { deep: true },\n)\n\nwatch(\n  () => isSameAddress.value,\n  (value) => value && invoiceAddress.value?.data && updateContactPersonIfNotAlreadySet(invoiceAddress.value!.data!),\n  { deep: true },\n)\n\nconst isCustomerAddress = (addressId: string) => !!customer.value?.addresses?.some((a) => a.id === addressId)\nconst isDifferentCustomer = (customerId?: string) => customerId && customerId !== customer.value?.id\n\nconst editAddress = (addressId: string, type: 'InvoiceAddress' | 'DeliveryAddress', label = '') =>\n  isCustomerAddress(addressId)\n    ? $modals.open('form-customer-address-edit', { id: addressId, customerId: $user.myCustomer, type })\n    : $modals.open('form-inquiry-address-update', { id: props.inquiryId, title: label, context: 'Inquiry', type })\n\n// if same address checkbox set delivery address to invoice address before submit\nconst beforeSubmit = () =>\n  isSameAddress.value && (formDataModel.value['DeliveryAddress'] = formDataModel.value.InvoiceAddress)\n</script>\n"],"names":["Translation","defineComponent","props","__props","texts","computed","title","other","SelectItem","Icon","resetChanges","onFormReady","hasFormChanges","formDataModel","useFormDataPersist","$user","useUser","$modals","useModals","customer","loadCustomer","useCustomer","useOnSuccess","data","thorFormPostPromise","contactPerson","ref","contactPersonPhone","deliveryAddress","invoiceAddress","isSameAddress","updateContactPersonIfNotAlreadySet","address","watch","value","_a","isCustomerAddress","addressId","_b","a","isDifferentCustomer","customerId","editAddress","type","label","beforeSubmit"],"mappings":"owBAOA,MAAMA,GAAcC,EAAgB,CAClC,MAAO,CACL,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAK,EACnC,KAAM,CAAE,KAAM,OAAQ,QAAS,EAAG,EAClC,aAAc,CAAE,KAAM,KAA4B,CACpD,CACF,CAAC,iQCJD,MAAMC,EAAQC,EAIRC,EAAQC,EAAS,IAAM,CACrB,KAAA,CAACC,EAAO,GAAGC,CAAK,EAAIL,EAAM,QAAQ,MAAM,KAAK,EACnD,MAAO,CAAE,MAAAI,EAAO,MAAOC,EAAM,KAAK,IAAI,EAAE,CACzC,mICFKC,GAAaP,EAAgB,CACjC,WAAY,CAAEQ,KAAAA,EAAK,EACnB,MAAO,CACL,QAAS,QACT,SAAU,OACZ,CACF,CAAC,ujCCwFD,MAAMP,EAAQC,EAQR,CAAE,aAAAO,EAAc,YAAAC,EAAa,eAAAC,EAAgB,cAAAC,CAAkB,EAAAC,GAAmBZ,EAAM,UAAW,GAAM,CAC7G,iCAAA,CACD,EAEKa,EAAQC,KACRC,EAAUC,KAEV,CAAE,SAAAC,EAAU,KAAMC,CAAa,EAAIC,GAAYhB,EAAS,IAAMU,EAAM,UAAW,CAAC,EACzEK,IAEbE,GAAa,CAAC,aAAc,eAAe,EAAGF,CAAY,EAC1DE,GAAa,CAAC,eAAe,EAAIC,GAAS,CACpBC,GAAA,wEAAwEtB,EAAM,SAAS,GAAI,CAC7G,CAACqB,EAAK,SAAS,IAAI,EAAGA,EAAK,SAAS,iBAAA,CACrC,CAAA,CACF,EAEK,MAAAE,EAAgBC,EAAI,EAAE,EACtBC,EAAqBD,EAAI,EAAE,EAC3BE,EAAkBF,EAA8B,IAAI,EACpDG,EAAiBH,EAA8B,IAAI,EACnDI,EAAgBzB,EAAS,IAAMQ,EAAc,MAAM,kCAAoC,MAAM,EAE7FkB,EAAsCC,GAAsB,CAC5D,CAACP,EAAc,QAASO,GAAA,MAAAA,EAAS,iBACrBP,EAAA,MAAQ,GAAGO,EAAS,aAAa,IAE7C,CAACL,EAAmB,QAASK,GAAA,MAAAA,EAAS,SACrBL,EAAA,MAAQ,GAAGK,EAAS,KAAK,GAC9C,EAGFC,EACE,IAAML,EAAgB,MACrBI,IAAYA,GAAA,YAAAA,EAAS,OAAQD,EAAmCC,EAAS,IAAK,EAC/E,CAAE,KAAM,EAAK,CAAA,EAGfC,EACE,IAAMJ,EAAe,MACpBG,GAAYF,EAAc,QAASE,GAAA,YAAAA,EAAS,OAAQD,EAAmCC,EAAS,IAAK,EACtG,CAAE,KAAM,EAAK,CAAA,EAGfC,EACE,IAAMH,EAAc,MACnBI,UAAU,OAAAA,KAASC,EAAAN,EAAe,QAAf,YAAAM,EAAsB,OAAQJ,EAAmCF,EAAe,MAAO,IAAK,GAChH,CAAE,KAAM,EAAK,CAAA,EAGf,MAAMO,GAAqBC,YAAsB,OAAC,GAACC,GAAAH,EAAAhB,EAAS,QAAT,YAAAgB,EAAgB,YAAhB,MAAAG,EAA2B,KAAMC,GAAMA,EAAE,KAAOF,KAC7FG,EAAuBC,GAAwB,OAAA,OAAAA,GAAcA,MAAeN,EAAAhB,EAAS,QAAT,YAAAgB,EAAgB,KAE5FO,EAAc,CAACL,EAAmBM,EAA4CC,EAAQ,KAC1FR,GAAkBC,CAAS,EACvBpB,EAAQ,KAAK,6BAA8B,CAAE,GAAIoB,EAAW,WAAYtB,EAAM,WAAY,KAAA4B,CAAM,CAAA,EAChG1B,EAAQ,KAAK,8BAA+B,CAAE,GAAIf,EAAM,UAAW,MAAO0C,EAAO,QAAS,UAAW,KAAAD,EAAM,EAG3GE,GAAe,IACnBf,EAAc,QAAUjB,EAAc,MAAM,gBAAqBA,EAAc,MAAM"}