{"version":3,"file":"AGq-Hf90.js","sources":["../../../../src/hooks/useOverbooking.ts","../../../../src/components/events/Pill.vue","../../../../src/components/settings/sections/orphanNights/ModifiedStayCard.vue","../../../../src/components/common/CollapsableCard.vue","../../../../src/components/price/Recap.vue","../../../../src/components/price/StrategyConfrontation.vue","../../../../src/components/comparison/Badge.vue","../../../../src/components/price/Occupancy/Meter.vue","../../../../src/components/modifiers/DerivedEditor.vue","../../../../src/tracking/priceDetailTracking.ts","../../../../src/constants/IdMobileSheets.ts","../../../../src/store/mobileSheets.ts"],"sourcesContent":["export const useOverbooking = (currentPercentage: Ref<number>) => {\n\tconst isOverbooked = computed(() => currentPercentage.value > 1)\n\tconst bookingPercentage = computed(() => Math.min(1, currentPercentage.value) * 100)\n\tconst overbookingPercentage = computed(() => Math.max(currentPercentage.value - 1, 0) * 100)\n\n\treturn { isOverbooked, bookingPercentage, overbookingPercentage }\n}\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue';\nimport { SpSvg } from '~/autogen/SpSvg';\nimport { IconSizes } from '~/constants/iconSizes';\nimport { Event, EventType } from '~/submodules/sharedTypes/common/Event';\n\nconst props = defineProps({\n    customEvent: {\n        type: Object as PropType<Omit<Event, 'eventPeriod' | 'eventDetails'>>, required: true\n    }\n})\nconst { customEvent } = toRefs(props)\nconst text = computed(() => {\n    const currentLang = useLocale().currentLocale\n\n    // @ts-ignore\n    return customEvent.value.label[currentLang.value] || customEvent.value.label.it || customEvent.value.label.en || customEvent.value.label.de\n})\n</script>\n\n<template>\n    <div class=\"w-full rounded py-1 px-2 flex gap-2\"\n        :class=\"customEvent.eventType === EventType.Event ? 'bg-events-300' : 'bg-festivities-300'\">\n        <CommonIcon v-if=\"customEvent.isUserGenerated || customEvent.isUserModified\"\n            :icon-name=\"customEvent.isUserGenerated ? SpSvg.CalendarUser : SpSvg.CalendarUserAlt\"\n            :icon-size=\"IconSizes.XS\" />\n        <CommonText :text=\"({ key: text, replacements: () => [] })\" />\n    </div>\n</template>","<script setup lang=\"ts\">\nimport { SpCommonIcon, SpIconSize } from '@dev.smartpricing/sp-vue-components'\nimport { TranslationKeys } from '~/i18n/TranslationKeys'\n\nconst props = defineProps<{\n\tisOrphanNightFixed: boolean | undefined\n}>()\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"props.isOrphanNightFixed\"\n\t\tclass=\"mb-3 mt-2 flex shrink-0 items-center gap-2 self-stretch rounded-md bg-warm-grey-100 p-4\"\n\t>\n\t\t<SpIcon :name=\"SpCommonIcon.HalfMoonEmpty\" :size=\"SpIconSize.Small\" />\n\t\t<SpText\n\t\t\t:text=\"useLocale().translate(TranslationKeys.ORPHAN_NIGHTS_CALENDAR_PRICE_DETAIL)\"\n\t\t\t:size=\"SpTextSize.BodyRegular01\"\n\t\t/>\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nconst props = defineProps({\n\tsecondCardColor: { type: String, required: true },\n\tcustomY: { type: Number },\n\tcustomYAction: { type: Number },\n})\nconst { secondCardColor, customY } = toRefs(props)\n\nconst slots = useSlots()\nconst padding = computed(() => (slots.default == undefined ? '' : 'pt-3'))\n</script>\n\n<template>\n\t<div class=\"flex flex-col-reverse truncate\">\n\t\t<div\n\t\t\tclass=\"rounded-md transition-all duration-300 ease-out\"\n\t\t\t:style=\"`transform: translateY(${customYAction || -22}px)`\"\n\t\t>\n\t\t\t<slot name=\"action\"></slot>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"rounded-md transition-all duration-300 ease-out\"\n\t\t\t:class=\"secondCardColor + ' ' + padding\"\n\t\t\t:style=\"`transform: translateY(${customY || -12}px)`\"\n\t\t>\n\t\t\t<AnimationCollapse>\n\t\t\t\t<slot></slot>\n\t\t\t</AnimationCollapse>\n\t\t</div>\n\t\t<div class=\"z-10 truncate rounded-md\">\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue'\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { ButtonSizes } from '~~/src/constants/buttonSizes'\nimport { ButtonTypes } from '~~/src/constants/buttonTypes'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { IdModal } from '~~/src/constants/IdModal'\nimport { TextSizes } from '~~/src/constants/textSizes'\nimport { useToggle } from '~~/src/hooks/useToggle'\nimport { useModalStore } from '~~/src/store/modals'\nimport { Price } from '~~/src/submodules/sharedTypes/common/Price'\nimport { utilModifiers } from '~~/src/utils/utilModifiers'\nimport { utilNumber } from '~~/src/utils/UtilNumber'\nimport { utilJustifiers } from '~~/src/utils/utilJustifiers'\nimport { UserflowId } from '~~/src/constants/UserflowId'\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency'\nimport { useMobileInfos } from '~~/src/hooks/useMobileInfos'\nimport { EmitsEnum } from '~~/src/constants/emits'\nimport { TranslationKey, TranslationKeys } from '~/i18n/TranslationKeys'\n\nconst props = defineProps({\n\tprice: { type: Object as PropType<Price> },\n\tcurrency: { type: Object as PropType<Currency>, required: true },\n\tisHardLink: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\texpand: { type: Boolean, default: false },\n\taccommodationId: { type: String, required: false },\n})\nconst emit = defineEmits([EmitsEnum.Toggle])\n\nconst { price, currency, isHardLink, expand, accommodationId } = toRefs(props)\nconst formattedPrice = computed(() => utilNumber.toCurrency(price!.value!.publishedPrice!, currency.value))\n\nconst modalsStore = useModalStore()\nconst { isMobile } = useMobileInfos()\n\nconst { toggle, setToggle, toggleValue } = useToggle(expand.value)\nwatch(expand, () => setToggle(expand.value))\nconst onToggle = () => {\n\ttoggle()\n\temit(EmitsEnum.Toggle, toggleValue.value)\n}\n\nconst channelManager = computed(() =>\n\taccommodationId?.value\n\t\t? useAccommodationsStore().getAccommodationById(accommodationId.value)?.cm\n\t\t: useI18n().t(TranslationKeys.CHANNEL_MANAGER)\n)\n\nconst basePrice = computed(() => price?.value?.priceDetails?.pricePrediction.basePrice)\nconst getTextColor = (val: number) => {\n\tif (val == undefined) {\n\t\treturn 'text-white'\n\t}\n\treturn val < 0 ? 'text-error-400' : 'text-success-400'\n}\n\nconst displayableJustifiers = computed(() =>\n\t(price?.value?.priceDetails?.justifiers || []).filter(\n\t\t(el) => el.label != undefined && el.label != '' && el.value != 0\n\t)\n)\nconst displayableModifiers = computed(() => {\n\tconst modifiers = price?.value?.customerParams?.modifiers\n\tconst activeModifiers = price?.value?.customerParams?.activeModifiers\n\tif (modifiers == undefined || activeModifiers == undefined) {\n\t\treturn []\n\t}\n\n\treturn utilModifiers.toReadableArray(modifiers, activeModifiers, currency.value)\n})\n\nconst isAccommodationPaused = computed(() => {\n\treturn !useAccommodationsStore().getAccommodationById(accommodationId?.value)?.purchases.smartpricing.priceSendEnabled\n})\n\nconst computedColors = computed(() => {\n\tif (isAccommodationPaused.value)\n\t\treturn {\n\t\t\tbackground: 'bg-error-400',\n\t\t\ttext: 'text-error-400',\n\t\t}\n\n\treturn price?.value?.isSent\n\t\t? {\n\t\t\t\tbackground: 'bg-gem-success-800',\n\t\t\t\ttext: 'text-gem-success-800',\n\t\t\t}\n\t\t: {\n\t\t\t\tbackground: 'bg-warning-400',\n\t\t\t\ttext: 'text-warning-400',\n\t\t\t}\n})\n\nconst onJustifiersHelp = () => modalsStore.addModal(IdModal.PriceJustifiersHelp)\nconst priceDerivedText = useLocale().translate(TranslationKeys.PRICE_DERIVED_FROM, [''])\n</script>\n\n<template>\n\t<CommonCollapsableCard second-card-color=\"bg-petrol-blue-900 hover:bg-petrol-blue-950\">\n\t\t<template v-slot:header>\n\t\t\t<div\n\t\t\t\tclass=\"flex cursor-pointer items-center justify-between rounded-md bg-petrol-blue-800 px-4 py-3\"\n\t\t\t\t@click=\"onToggle\"\n\t\t\t\t:data-id=\"UserflowId.PublishedPriceRecap\"\n\t\t\t>\n\t\t\t\t<CommonText :text=\"TranslationKeys.PUBLISHED\" :text-size=\"TextSizes.BODY_REGULAR\" class=\"text-white\" />\n\t\t\t\t<SpTooltip\n\t\t\t\t\t:hide-tooltip=\"isAccommodationPaused\"\n\t\t\t\t\thide-cursor\n\t\t\t\t\t:text=\"\n\t\t\t\t\t\tprice?.isSent\n\t\t\t\t\t\t\t? $t(TranslationKeys['calendar.how-doest-it-work.PRICE_SENT_SUCCESS'], [channelManager])\n\t\t\t\t\t\t\t: $t(TranslationKeys['calendar.how-doest-it-work.PRICE_PENDING_INTG_LIMIT'], [channelManager])\n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3\">\n\t\t\t\t\t\t<span class=\"text-lg font-semibold text-white\">{{ formattedPrice }}</span>\n\t\t\t\t\t\t<div class=\"relative h-2 w-2\">\n\t\t\t\t\t\t\t<div class=\"absolute h-full w-full rounded-full\" :class=\"computedColors.background\"></div>\n\t\t\t\t\t\t\t<div class=\"relative h-full w-full rounded-full\" :class=\"computedColors.background\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<div>\n\t\t\t<div\n\t\t\t\tclass=\"flex cursor-pointer items-center justify-between px-4 py-3\"\n\t\t\t\t@click=\"onToggle\"\n\t\t\t\t:data-id=\"UserflowId.JustifiersPriceRecap\"\n\t\t\t>\n\t\t\t\t<div class=\"flex items-center gap-1\">\n\t\t\t\t\t<CommonText :text=\"TranslationKeys.PRICES_JUSTIFIER\" :text-size=\"TextSizes.BODY_REGULAR\" class=\"text-white\" />\n\t\t\t\t\t<CommonButton v-if=\"!isMobile\" :type=\"ButtonTypes.GHOST\" :size=\"ButtonSizes.ICON_S\" @click=\"onJustifiersHelp\">\n\t\t\t\t\t\t<CommonIcon :icon-name=\"SpSvg.BasicHelp\" :icon-size=\"IconSizes.XS\" fill=\"fill-white\" />\n\t\t\t\t\t</CommonButton>\n\t\t\t\t</div>\n\t\t\t\t<CommonIcon\n\t\t\t\t\t:icon-name=\"SpSvg.BasicCarretDown\"\n\t\t\t\t\tfill=\"fill-white\"\n\t\t\t\t\tclass=\"transition-all duration-300\"\n\t\t\t\t\t:class=\"toggleValue ? 'rotate-180' : ''\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<AnimationCollapse>\n\t\t\t\t<div v-if=\"toggleValue && price?.isRoomTypeIndexed\">\n\t\t\t\t\t<div class=\"flex flex-row\">\n\t\t\t\t\t\t<!-- link icon -->\n\t\t\t\t\t\t<div class=\"border-t border-t-petrol-blue-600 py-3 pl-4\">\n\t\t\t\t\t\t\t<CommonIcon\n\t\t\t\t\t\t\t\t:icon-size=\"IconSizes.XS\"\n\t\t\t\t\t\t\t\t:icon-name=\"isHardLink ? SpSvg.CalendarModLink : SpSvg.CalendarModSemiLink\"\n\t\t\t\t\t\t\t\tfill=\"fill-white\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"flex grow flex-col gap-2 border-t border-t-petrol-blue-600 py-3\">\n\t\t\t\t\t\t\t<!-- price title -->\n\t\t\t\t\t\t\t<div class=\"flex items-center justify-between px-4\">\n\t\t\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\t\t\t:text=\"priceDerivedText as TranslationKey\"\n\t\t\t\t\t\t\t\t\t:text-size=\"TextSizes.BODY_SEMIBOLD\"\n\t\t\t\t\t\t\t\t\tclass=\"text-white\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- derivation info -->\n\t\t\t\t\t\t\t<div class=\"flex items-center justify-between px-4\">\n\t\t\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\t\t\t:text=\"price.indexedPrice?.linkedRoomType.name as TranslationKey\"\n\t\t\t\t\t\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\t\t\t\t\t\tclass=\"text-petrol-blue-200\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span class=\"text-sm text-petrol-blue-200\">\n\t\t\t\t\t\t\t\t\t{{ utilNumber.toCurrency(price.indexedPrice?.linkedRoomTypePredictedPrice, currency) }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- derivation modifier -->\n\t\t\t\t\t\t\t<div class=\"flex items-center justify-between px-4\">\n\t\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t\t<span class=\"text-sm text-petrol-blue-200\">\n\t\t\t\t\t\t\t\t\t{{ utilJustifiers.readableLinkedRoomModifier(price.indexedPrice!.linkedRoomType, currency) }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"displayableModifiers.length > 0\" class=\"flex flex-col border-t border-t-petrol-blue-600 py-2\">\n\t\t\t\t\t\t<div v-for=\"modifier in displayableModifiers\" class=\"flex items-center justify-between px-4 py-0.5\">\n\t\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\t\t:text=\"modifier.key as TranslationKey\"\n\t\t\t\t\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\t\t\t\t\tclass=\"text-warning-300\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span class=\"text-sm text-warning-300\">{{ modifier.val }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-else-if=\"toggleValue\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"flex items-center justify-between border-t border-t-petrol-blue-600 px-4 py-3\"\n\t\t\t\t\t\t:data-id=\"UserflowId.BasePriceRecap\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommonText :text=\"TranslationKeys.BASE_PRICE\" :text-size=\"TextSizes.BODY_SEMIBOLD\" class=\"text-white\" />\n\t\t\t\t\t\t<span :class=\"TextSizes.BODY_SEMIBOLD\" class=\"text-white\">\n\t\t\t\t\t\t\t{{ utilNumber.toCurrency(basePrice, currency) }}</span\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"price?.priceDetails != undefined && displayableJustifiers.length > 0\"\n\t\t\t\t\t\tclass=\"flex flex-col border-t border-t-petrol-blue-600 py-2\"\n\t\t\t\t\t\t:data-id=\"UserflowId.JustifiersDetailPriceRecap\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div v-for=\"justifier in displayableJustifiers\" class=\"flex items-center justify-between px-4 py-0.5\">\n\t\t\t\t\t\t\t<span class=\"text-sm\" :class=\"getTextColor(justifier.value)\">\n\t\t\t\t\t\t\t\t{{ utilJustifiers.translateJustifier(justifier) }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class=\"text-sm\" :class=\"getTextColor(justifier.value)\">\n\t\t\t\t\t\t\t\t{{ utilJustifiers.readableJustifierValue(justifier, currency) }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div v-if=\"displayableModifiers.length > 0\" class=\"flex flex-col border-t border-t-petrol-blue-600 py-2\">\n\t\t\t\t\t\t<div v-for=\"modifier in displayableModifiers\" class=\"flex items-center justify-between px-4 py-0.5\">\n\t\t\t\t\t\t\t<CommonText\n\t\t\t\t\t\t\t\t:text=\"modifier.key as TranslationKey\"\n\t\t\t\t\t\t\t\t:text-size=\"TextSizes.BODY_REGULAR\"\n\t\t\t\t\t\t\t\tclass=\"text-warning-300\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span class=\"text-sm text-warning-300\">{{ modifier.val }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</AnimationCollapse>\n\t\t</div>\n\t</CommonCollapsableCard>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue';\nimport { TranslationKeys } from '~/i18n/TranslationKeys';\nimport { TextSizes } from '~~/src/constants/textSizes';\nimport { Currency } from '~~/src/submodules/sharedTypes/common/Currency';\nimport { utilNumber } from '~~/src/utils/UtilNumber';\n\nconst props = defineProps({\n    smartPricingPrice: { type: Number, required: true },\n    userPrice: { type: Number, required: false },\n    currency: { type: Object as PropType<Currency>, required: true }\n})\nconst { smartPricingPrice, userPrice, currency } = toRefs(props)\n\nconst isCustomized = computed(() => userPrice?.value != undefined\n    && userPrice.value != 0\n    && smartPricingPrice.value != userPrice.value)\n\nconst headerText = computed(() => isCustomized.value ? TranslationKeys.USER_STRATEGY : TranslationKeys.SMARTPRICING_STRATEGY)\nconst headerPrice = computed(() => isCustomized.value ? userPrice!.value! : smartPricingPrice.value)\n</script>\n\n<template>\n    <CommonCollapsableCard second-card-color=\"bg-alert-400\">\n        <template v-slot:header>\n            <div class=\"px-4 py-3 justify-between items-center flex bg-alert-200\">\n                <CommonText :text=\"headerText\" :text-size=\"TextSizes.BODY_REGULAR\" />\n                <span class=\"text-lg font-semibold\">\n                    {{ utilNumber.toCurrency(headerPrice, currency) }}\n                </span>\n            </div>\n        </template>\n\n        <div v-if=\"isCustomized\">\n            <div class=\"px-4 py-3 justify-between items-center flex\">\n                <CommonText :text=\"TranslationKeys.SMARTPRICING_STRATEGY\" :text-size=\"TextSizes.BODY_REGULAR\" />\n                <span class=\"text-lg font-semibold\">{{ utilNumber.toCurrency(smartPricingPrice, currency) }}</span>\n            </div>\n        </div>\n    </CommonCollapsableCard>\n</template>","<script lang=\"ts\" setup>\nimport { SpSvg } from '~~/src/autogen/SpSvg'\nimport { IconSizes } from '~~/src/constants/iconSizes'\nimport { utilNumber } from '~~/src/utils/UtilNumber'\n\nconst props = defineProps({\n\tfirstNumber: { type: Number, required: true },\n\tsecondNumber: { type: Number, required: true },\n})\nconst { firstNumber, secondNumber } = toRefs(props)\n\nconst percentage = computed(() => utilNumber.comparisonPercentage(firstNumber.value, secondNumber.value))\n\nconst textColor = computed(() => (percentage.value < 0 ? 'text-error-900' : 'text-success-900'))\nconst fillColor = computed(() => (percentage.value < 0 ? 'fill-error-900' : 'fill-success-900'))\nconst backgroundColor = computed(() =>\n\tpercentage.value < 0 ? 'bg-error-200 border-error-400' : 'bg-success-200 border-success-400'\n)\nconst icon = computed(() => (percentage.value < 0 ? SpSvg.BasicArrowDown : SpSvg.BasicArrowTop))\nconst text = computed(() =>\n\tpercentage.value > 0\n\t\t? `+ ${utilNumber.toPercentage(percentage.value / 100)}`\n\t\t: utilNumber.toPercentage(percentage.value / 100)\n)\nconst showText = computed(() => firstNumber.value > 0)\nconst iconClasses = computed(() => (showText.value ? '' : 'mx-2'))\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"firstNumber != 0 && percentage != 0\"\n\t\tclass=\"flex h-5 min-w-[32px] items-center gap-1 rounded border px-1\"\n\t\t:class=\"backgroundColor\"\n\t>\n\t\t<span class=\"text-xs\" :class=\"textColor\" v-if=\"showText\">{{ text }}</span>\n\t\t<CommonIcon :fill=\"fillColor\" :icon-name=\"icon\" :icon-size=\"IconSizes.XS\" :class=\"iconClasses\" />\n\t</div>\n</template>\n","<script setup lang=\"ts\">\nimport { useOverbooking } from '~/hooks/useOverbooking'\n\nconst props = defineProps({\n\tcurrentOccupancy: { type: Number, required: true },\n})\nconst { currentOccupancy } = toRefs(props)\n\nconst { bookingPercentage, isOverbooked, overbookingPercentage } = useOverbooking(currentOccupancy)\n</script>\n\n<template>\n\t<div class=\"flex h-full w-3 flex-col-reverse truncate rounded bg-white\">\n\t\t<div\n\t\t\tclass=\"max-h-full w-3 bg-warm-grey-600\"\n\t\t\t:class=\"isOverbooked ? 'rounded-bl rounded-br' : 'rounded'\"\n\t\t\t:style=\"`height: ${bookingPercentage}%;`\"\n\t\t/>\n\t\t<div class=\"max-h-full w-3 rounded-tl rounded-tr bg-warning-400\" :style=\"`height: ${overbookingPercentage}%;`\" />\n\t</div>\n</template>\n","<script lang=\"ts\" setup>\nimport { PropType } from 'vue';\nimport { TranslationKeys } from '~/i18n/TranslationKeys';\nimport { SpSvg } from '~~/src/autogen/SpSvg';\nimport { IconSizes } from '~~/src/constants/iconSizes';\nimport { LinkedRoomType } from '~~/src/submodules/sharedTypes/common/RoomType';\n\nconst props = defineProps({\n    derivedRoom: { type: Object as PropType<LinkedRoomType>, required: true }\n})\nconst { derivedRoom } = toRefs(props)\n\nconst priceText = computed(() => {\n    const sign = derivedRoom.value.variationValue < 0 ? '-' : '+'\n\n    return `${sign} ${derivedRoom.value.variationValue} ${sign}`\n})\n</script>\n\n<template>\n    <div class=\"flex rounded-md truncate bg-dark-blue-100 border border-dark-blue-200\">\n        <div class=\"w-52 px-3 py-2 gap-2 bg-dark-blue-200 items-center grid\"\n            :style=\"'grid-template-columns: repeat(2, auto);'\">\n            <CommonIcon :icon-name=\"SpSvg.CalendarModLink\" :icon-size=\"IconSizes.S\" fill=\"fill-dark-blue-500\" />\n            <CommonText :text=\"TranslationKeys.ADDED_ROOM_CLOSING_PERIOD_TEXT\" class=\"truncate text-dark-blue-500\" />\n        </div>\n        <div class=\"w-full flex justify-end items-center py-2 px-3\">\n            <span class=\"text-sm text-dark-blue-500\">{{ priceText }}</span>\n        </div>\n\n    </div>\n</template>","import { lightFormat } from 'date-fns'\nimport { trackingConfig } from '../config/TrackingConfig'\nimport { TrackingMessages } from '../constants/trackingMessages'\nimport { useAccommodationsStore } from '../store/accommodations'\nimport { utilDate } from '../utils/utilDate'\nimport { utilModifiers } from '../utils/utilModifiers'\nimport { Modifiers } from './../submodules/sharedTypes/common/Modifiers'\nimport { utilTracking } from './../utils/utilTracking'\n\nconst localeToUse = utilDate.toLocale('enUs')\n\nexport const trackPriceDetailSheetOpen = (day: Date) => {\n\tconst day_of_the_week = utilDate.getShortDayName(day, localeToUse)\n\n\tutilTracking.track(TrackingMessages.PRICE_DETAIL_SHEET_OPEN, {\n\t\tday_of_the_week,\n\t})\n}\n\nexport const trackPriceDetailShowMore = (day: Date) => {\n\tconst day_of_the_week = utilDate.getShortDayName(day, localeToUse)\n\n\tutilTracking.track(TrackingMessages.PRICE_DEATIL_SHOW_MORE, {\n\t\tday_of_the_week,\n\t})\n}\n\nexport const trackPriceDetailChartTabOpen = (day: Date) => {\n\tconst day_of_the_week = utilDate.getShortDayName(day, localeToUse)\n\n\tutilTracking.track(TrackingMessages.PRICE_DETAIL_CHART_TAB_OPEN, {\n\t\tday_of_the_week,\n\t})\n}\n\nexport const trackPriceDetailSave = (roomTypeId: number, date: Date, modifiers: Modifiers) => {\n\tconst accommodationsStore = useAccommodationsStore()\n\tconst roomType = accommodationsStore.getRoomTypeById(roomTypeId)\n\tconst accommodation = useAccommodationsStore().getAccommodationById(roomType.accommodationId)\n\tconst tweak_type = modifiers.tweak != undefined ? utilModifiers.tweakToTrackingType(modifiers.tweak) : ''\n\n\tutilTracking.track(TrackingMessages.SINGLE_PRICE_CUSTOMIZATION, {\n\t\tchanged_date: lightFormat(date, 'yyyy-MM-dd'),\n\t\tsingle_price_change_acc_country: accommodation?.location?.country,\n\t\tdays_date_interval_num: 1,\n\t\tdays_selected_num: 1,\n\t\tdays_of_the_week: [utilDate.getDayOfWeek(date, trackingConfig.trackingLanguage)],\n\t\tselected_rooms: roomTypeId,\n\t\tcustomization_source: 'Sheet',\n\t\tcustomization_type: 'single_room',\n\t\tis_frozen_price: modifiers.frozen != undefined,\n\t\tis_max_price: modifiers.max != undefined,\n\t\tis_min_price: modifiers.min != undefined,\n\t\tis_tweak_price: modifiers.tweak != undefined,\n\t\ttweak_type,\n\t})\n}\n","export const enum IdMobileSheets {\n    PriceCalculator = 'PriceCalculator',\n    CalendarBulkUpdate = 'CalendarBulkUpdate',\n    CalendarPriceDetails = 'CalendarPriceDetails',\n    CalendarAccommodationDetails = 'CalendarAccommodationDetails',\n}\n","import { defineStore } from 'pinia'\nimport { IdMobileSheets } from '../constants/IdMobileSheets'\n\ntype MobileSheetsState = {\n    mobileSheet: IdMobileSheets | undefined\n    footerHeight: number\n}\n\nexport const useMobileSheetsStore = defineStore('🚀 mobile sheets store', {\n    state: (): MobileSheetsState => ({\n        mobileSheet: undefined,\n        footerHeight: 0,\n    }),\n    actions: {\n        addMobileSheet(mobileSheet: IdMobileSheets): void {\n            this.mobileSheet = mobileSheet\n        },\n        closeMobileSheet(): void {\n            this.mobileSheet = undefined\n        },\n    },\n})\n"],"names":["useOverbooking","currentPercentage","isOverbooked","computed","bookingPercentage","overbookingPercentage","props","__props","customEvent","toRefs","text","currentLang","useLocale","secondCardColor","customY","slots","useSlots","padding","emit","__emit","price","currency","isHardLink","expand","accommodationId","formattedPrice","utilNumber","modalsStore","useModalStore","isMobile","useMobileInfos","toggle","setToggle","toggleValue","useToggle","watch","onToggle","EmitsEnum","channelManager","_a","useAccommodationsStore","useI18n","TranslationKeys","basePrice","_b","getTextColor","val","displayableJustifiers","el","displayableModifiers","modifiers","activeModifiers","_d","_c","utilModifiers","isAccommodationPaused","computedColors","onJustifiersHelp","IdModal","priceDerivedText","smartPricingPrice","userPrice","isCustomized","headerText","headerPrice","firstNumber","secondNumber","percentage","textColor","fillColor","backgroundColor","icon","SpSvg","showText","iconClasses","currentOccupancy","derivedRoom","priceText","sign","localeToUse","utilDate","trackPriceDetailSheetOpen","day","day_of_the_week","utilTracking","TrackingMessages","trackPriceDetailShowMore","trackPriceDetailChartTabOpen","trackPriceDetailSave","roomTypeId","date","roomType","accommodation","tweak_type","lightFormat","trackingConfig","IdMobileSheets","useMobileSheetsStore","defineStore","mobileSheet"],"mappings":"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"}