{"version":3,"file":"BpYTL8K5.js","sources":["../../../../src/types/Feedback.ts","../../../../src/components/feedback/FirstPhase.vue","../../../../src/components/feedback/SecondPhase.vue","../../../../src/components/feedback/ThirdPhase.vue","../../../../src/components/feedback/Modal.vue","../../../../src/hooks/useFeedbackTracker.ts"],"sourcesContent":["export type FeedbackModalOptions = {\n\tmodalTitle: string\n\tmodalHeader: string\n\timprovementsList: string[]\n}\n\nexport type FeedbackModalStatus = {\n\tchosenFeedback: Feedback | undefined\n\tchosenImprovements: string[] | undefined\n\tchosenImprovementsOther: string | undefined\n}\n\nexport type FeedbackModalImprovement = {\n\tisSelected: boolean\n\tlabel: string\n}\n\nexport enum Feedback {\n\tSUPER_SAD = 'SUPER_SAD',\n\tSAD = 'SAD',\n\tNEUTRAL = 'NEUTRAL',\n\tHAPPY = 'HAPPY',\n\tSUPER_HAPPY = 'SUPER_HAPPY',\n}\n\nexport enum FeedbackModalPhase {\n\tFeedback = 'Feedback',\n\tImprovements = 'Improvements',\n\tThankYou = 'ThankYou',\n}\n\nexport enum FeedbackTransitionDirection {\n\tForward = 'Forward',\n\tBackward = 'Backward',\n}\n\nexport enum FeedbackType {\n\tSTRATEGY_CHANGE = 'Strategy change',\n\tBULK_PRICE_CUSTOMIZATION = 'Bulk price customization',\n\tSINGLE_PRICE_CUSTOMIZATION_CELL = 'Single price customization cell',\n\tSINGLE_PRICE_CUSTOMIZATION_SHEET = 'Single price customization sheet',\n\tEVENT_CONFIRMATION = 'Event confirm',\n\tADD_3_OR_MORE_COMPETITORS = 'Add 3 or more competitors',\n\tCOMPETITORS_CHART_INTERACTION = 'Competitors chart interaction',\n\tCOMPETITORS_MAP_ZOOM_IN_OR_OUT = 'Competitors map zoom in or out',\n\tPRICE_LIST_SAVE = 'Price list save',\n\tDASHBOARD_KPIS_COMPARED = 'Dashboard KPIS compared',\n\tCHARTS_HOVER = 'Charts hover',\n\tADVANCED_STRATEGY_CHANGE = 'Advanced strategy change',\n\tMINIMUM_STAY_CHANGE = 'Min stay change',\n\tDROP_PICKUP_RULE_CONFIRMED = 'Drop and pickup rules confirmed',\n\tMARKET_CORRECTION_SETTINGS_EDITED = 'Market correction settings edited',\n\tSTRATEGY_COMPSET_SAVE = 'Strategy compset save',\n}\n","<script setup lang=\"ts\">\nimport { UserFeedback } from '../../../submodules/feedback/types/UserFeedback'\nimport { Feedback, FeedbackModalOptions, FeedbackModalPhase, FeedbackModalStatus } from '../../types/Feedback'\nimport FeedbackService from '../../services/feedbackService'\n\nconst props = defineProps<{\n\tmodalOptions: FeedbackModalOptions\n\tmodalStatus: FeedbackModalStatus\n\tonUpdateModalPhase: (phase: FeedbackModalPhase) => void\n\tonUpdateModalStatus: (status: FeedbackModalStatus) => void\n\tonModalClose: (feedbackToGive?: UserFeedback) => void\n}>()\n\nconst feedbackMap = {\n\t[Feedback.SUPER_SAD]: 1,\n\t[Feedback.SAD]: 3,\n\t[Feedback.NEUTRAL]: 5,\n\t[Feedback.HAPPY]: 7,\n\t[Feedback.SUPER_HAPPY]: 10,\n}\n\nconst i18n = useI18n()\nconst { isMobile } = useMobileViewport()\n\nconst onFeedbackClick = (feedback: Feedback) => {\n\tconst newFeedbackStatus: FeedbackModalStatus = {\n\t\t...props.modalStatus,\n\t\tchosenFeedback: feedback,\n\t}\n\n\tprops.onUpdateModalStatus(newFeedbackStatus)\n\tprops.onUpdateModalPhase(FeedbackModalPhase.Improvements)\n\n\tFeedbackService.trackScore(\n\t\tuseFeedbackStore().activeFeedback!.eventKey,\n\t\tfeedbackMap[feedback],\n\t\tuseFeedbackStore().feedbackSessionId!\n\t)\n}\n\nconst titleFormatted = computed(() => {\n\tconst modalHeader = i18n.t(props.modalOptions.modalHeader)\n\n\t// Extract highlighted text from modal header, identified in the format ==highlighted text==.\n\tconst titleBeforeHighlight = modalHeader.substring(0, modalHeader.indexOf('=='))\n\tconst titleAfterHighlight = modalHeader.substring(modalHeader.lastIndexOf('==') + 2)\n\tconst titleHighlighted = modalHeader.substring(modalHeader.indexOf('==') + 2, modalHeader.lastIndexOf('=='))\n\n\treturn [titleBeforeHighlight, titleHighlighted, titleAfterHighlight]\n})\n</script>\n\n<template>\n\t<div class=\"flex w-full flex-col gap-3\">\n\t\t<div class=\"flex w-full items-center justify-between\">\n\t\t\t<SpText class=\"text-warm-grey-800\" :size=\"SpTextSize.BodyMd03\" :text=\"i18n.t(props.modalOptions.modalTitle)\" />\n\t\t\t<SpButton\n\t\t\t\t:icon-name=\"SpCommonIcon.Times\"\n\t\t\t\t:size=\"isMobile ? SpButtonSize.DefaultIconOnly : SpButtonSize.SmallIconOnly\"\n\t\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t\t@click=\"onModalClose()\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"h-[1px] w-full bg-warm-grey-200\" />\n\t\t<div class=\"flex flex-col gap-3\">\n\t\t\t<div class=\"mt-9 flex flex-col gap-9\">\n\t\t\t\t<SpText class=\"text-center text-warm-grey-900\" :size=\"SpTextSize.HeadingLg01\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t>👋 {{ titleFormatted[0] }}<span class=\"text-sky-600\">{{ titleFormatted[1] }}</span\n\t\t\t\t\t\t>{{ titleFormatted[2] }}</span\n\t\t\t\t\t>\n\t\t\t\t</SpText>\n\t\t\t\t<SpText\n\t\t\t\t\tclass=\"text-center text-warm-grey-700\"\n\t\t\t\t\t:size=\"SpTextSize.BodyMd02\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.CONTENT'])\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"my-[60px] flex w-[80%] flex-row justify-between self-center\">\n\t\t\t\t<SpTooltip\n\t\t\t\t\tclass=\"feedback-icon h-[44px] w-[44px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_SUPER_SAD_EMOJI_TOOLTIP'])\"\n\t\t\t\t\t:hide-cursor=\"true\"\n\t\t\t\t\t@click=\"onFeedbackClick(Feedback.SUPER_SAD)\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex h-[44px] w-[44px]\">\n\t\t\t\t\t\t<span class=\"m-auto text-[22px]\">😖</span>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t\t<SpTooltip\n\t\t\t\t\tclass=\"feedback-icon h-[44px] w-[44px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_SAD_EMOJI_TOOLTIP'])\"\n\t\t\t\t\t:hide-cursor=\"true\"\n\t\t\t\t\t@click=\"onFeedbackClick(Feedback.SAD)\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex h-[44px] w-[44px]\">\n\t\t\t\t\t\t<span class=\"m-auto text-[22px]\">😔</span>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t\t<SpTooltip\n\t\t\t\t\tclass=\"feedback-icon flex h-[44px] w-[44px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_NEUTRAL_EMOJI_TOOLTIP'])\"\n\t\t\t\t\t:hide-cursor=\"true\"\n\t\t\t\t\t@click=\"onFeedbackClick(Feedback.NEUTRAL)\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex h-[44px] w-[44px]\">\n\t\t\t\t\t\t<span class=\"m-auto text-[22px]\">😑</span>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t\t<SpTooltip\n\t\t\t\t\tclass=\"feedback-icon h-[44px] w-[44px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_HAPPY_EMOJI_TOOLTIP'])\"\n\t\t\t\t\t:hide-cursor=\"true\"\n\t\t\t\t\t@click=\"onFeedbackClick(Feedback.HAPPY)\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex h-[44px] w-[44px]\">\n\t\t\t\t\t\t<span class=\"m-auto text-[22px]\">🙂</span>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t\t<SpTooltip\n\t\t\t\t\tclass=\"feedback-icon h-[44px] w-[44px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_SUPER_HAPPY_EMOJI_TOOLTIP'])\"\n\t\t\t\t\t:hide-cursor=\"true\"\n\t\t\t\t\t@click=\"onFeedbackClick(Feedback.SUPER_HAPPY)\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex h-[44px] w-[44px]\">\n\t\t\t\t\t\t<span class=\"m-auto text-[22px]\">😍</span>\n\t\t\t\t\t</div>\n\t\t\t\t</SpTooltip>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style scoped>\n.feedback-icon {\n\tfilter: grayscale(100%);\n\n\ttransition: ease-in-out 0.2s;\n\tcursor: pointer;\n}\n\n.feedback-icon:hover {\n\tfilter: grayscale(0%);\n\n\tscale: 1.3;\n\n\tbackground: linear-gradient(180deg, #8a9bf0 0%, #aef0f3 100%);\n\tbox-shadow:\n\t\t0px 4px 14px 0px rgba(174, 250, 243, 0.85),\n\t\t0px -4px 12px 0px rgba(81, 84, 219, 0.4),\n\t\t0px 0px 5px 0px rgba(0, 0, 0, 0.25) inset;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { UserFeedback } from '../../../submodules/feedback/types/UserFeedback'\nimport { TrackingMessages } from '../../constants/trackingMessages'\nimport { TranslationKey } from '../../i18n/TranslationKeys'\nimport {\n\tFeedbackModalImprovement,\n\tFeedbackModalOptions,\n\tFeedbackModalPhase,\n\tFeedbackModalStatus,\n} from '../../types/Feedback'\n\nconst props = defineProps<{\n\tmodalOptions: FeedbackModalOptions\n\tmodalStatus: FeedbackModalStatus\n\tonUpdateModalPhase: (phase: FeedbackModalPhase) => void\n\tonUpdateModalStatus: (status: FeedbackModalStatus) => void\n\tonExpandTextArea: (expanded: boolean) => void\n\tonModalClose: (feedbackToGive?: UserFeedback) => void\n}>()\n\nconst i18n = useI18n()\nconst { locale, t } = i18n\nconst { isMobile } = useMobileViewport()\nconst currentFeedbackModalImprovementsSelected = ref<string[]>([])\n\nconst isTextAreaExpanded = ref(false)\nconst textAreaContent = ref('')\n\nconst currentFeedbackModalImprovements: ComputedRef<FeedbackModalImprovement[]> = computed(() => {\n\tconst baseImprovementsList =\n\t\tprops.modalStatus.chosenFeedback === Feedback.SUPER_HAPPY\n\t\t\t? [\n\t\t\t\t\tTranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_1'],\n\t\t\t\t\tTranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_2'],\n\t\t\t\t\tTranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_3'],\n\t\t\t\t\tTranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_4'],\n\t\t\t\t]\n\t\t\t: props.modalOptions.improvementsList\n\n\tconst formattedImprovementsList = baseImprovementsList.map((improvementLabel) => {\n\t\treturn {\n\t\t\tlabel: improvementLabel,\n\t\t\tisSelected: currentFeedbackModalImprovementsSelected.value.includes(improvementLabel),\n\t\t}\n\t})\n\n\tformattedImprovementsList.push({\n\t\tlabel: TranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_OTHER'],\n\t\tisSelected: currentFeedbackModalImprovementsSelected.value.includes(\n\t\t\tTranslationKeys['FEEDBACK.MODAL.GENERIC_IMPROVEMENT_OTHER']\n\t\t),\n\t})\n\n\treturn formattedImprovementsList\n})\n\nconst getTextAreaRows = computed(() => {\n\treturn isTextAreaExpanded.value ? 3 : 1\n})\n\nconst onImprovementCheckboxClick = (improvement: FeedbackModalImprovement) => {\n\tif (currentFeedbackModalImprovementsSelected.value.includes(improvement.label)) {\n\t\tcurrentFeedbackModalImprovementsSelected.value = currentFeedbackModalImprovementsSelected.value.filter(\n\t\t\t(selectedImprovement) => selectedImprovement !== improvement.label\n\t\t)\n\t} else {\n\t\tcurrentFeedbackModalImprovementsSelected.value.push(improvement.label)\n\t}\n}\n\nconst getImprovementCheckboxClass = (improvement: FeedbackModalImprovement) => {\n\tconst checkboxClasses = ['flex', 'px-3', 'py-2', 'gap-2', 'items-center', 'rounded-md', 'text-warm-grey-900']\n\n\tif (improvement.isSelected) {\n\t\tcheckboxClasses.push('bg-sky-100')\n\t} else {\n\t\tcheckboxClasses.push('bg-warm-grey-50')\n\t}\n\n\treturn cn(checkboxClasses.join(' '))\n}\n\nconst getFeedbackIcon = computed(() => {\n\tswitch (props.modalStatus.chosenFeedback) {\n\t\tcase Feedback.SUPER_SAD:\n\t\t\treturn '😖'\n\t\tcase Feedback.SAD:\n\t\t\treturn '😔'\n\t\tcase Feedback.NEUTRAL:\n\t\t\treturn '😑'\n\t\tcase Feedback.HAPPY:\n\t\t\treturn '🙂'\n\t\tcase Feedback.SUPER_HAPPY:\n\t\t\treturn '😍'\n\t\tdefault:\n\t\t\treturn ''\n\t}\n})\n\nconst feedbackMap = {\n\t[Feedback.SUPER_SAD]: 1,\n\t[Feedback.SAD]: 3,\n\t[Feedback.NEUTRAL]: 5,\n\t[Feedback.HAPPY]: 7,\n\t[Feedback.SUPER_HAPPY]: 10,\n}\n\nconst expandTextArea = () => {\n\tisTextAreaExpanded.value = true\n\n\tprops.onExpandTextArea(true)\n}\n\nconst onPreviousPhaseClick = () => {\n\tconst newFeedbackStatus: FeedbackModalStatus = {\n\t\tchosenFeedback: props.modalStatus.chosenFeedback,\n\t\tchosenImprovements: undefined,\n\t\tchosenImprovementsOther: undefined,\n\t}\n\n\tprops.onUpdateModalStatus(newFeedbackStatus)\n\tprops.onUpdateModalPhase(FeedbackModalPhase.Feedback)\n}\n\nconst onFeedbackSend = () => {\n\tconst newFeedbackStatus: FeedbackModalStatus = {\n\t\tchosenFeedback: props.modalStatus.chosenFeedback,\n\t\tchosenImprovements: currentFeedbackModalImprovementsSelected.value,\n\t\tchosenImprovementsOther: currentFeedbackModalImprovementsSelected.value.includes('Other')\n\t\t\t? textAreaContent.value\n\t\t\t: undefined,\n\t}\n\n\t// We set the current locale to 'en' in order to send the feedback\n\t// improvements list in english.\n\tconst currentLocale = locale.value\n\tlocale.value = 'en'\n\n\tuseFeedbackStore().giveFeedback({\n\t\teventId: useFeedbackStore().activeFeedback!.id,\n\t\tfeedbackScore: feedbackMap[props.modalStatus.chosenFeedback!],\n\t\tfeedbackComment: textAreaContent.value,\n\t\tfeedbackImprovements: currentFeedbackModalImprovementsSelected.value.map((improvement) =>\n\t\t\ti18n.t(TranslationKeys[improvement as TranslationKey])\n\t\t),\n\t\tcanBeContacted: false,\n\t\ttracking: {\n\t\t\tuserDeviceType: isMobile.value ? 'mobile' : 'desktop',\n\t\t},\n\t})\n\n\t// Revert to the actual locale after sending feedback improvements list\n\tlocale.value = currentLocale\n\n\tprops.onUpdateModalStatus(newFeedbackStatus)\n\tprops.onUpdateModalPhase(FeedbackModalPhase.ThankYou)\n}\n\nonUnmounted(() => {\n\tprops.onExpandTextArea(false)\n})\n</script>\n\n<template>\n\t<div class=\"flex w-full flex-col gap-[14px]\">\n\t\t<SpButton\n\t\t\tclass=\"ml-auto\"\n\t\t\t:icon-name=\"SpCommonIcon.Times\"\n\t\t\t:size=\"isMobile ? SpButtonSize.DefaultIconOnly : SpButtonSize.SmallIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t@click=\"\n\t\t\t\tonModalClose({\n\t\t\t\t\teventId: useFeedbackStore().activeFeedback!.id,\n\t\t\t\t\tfeedbackScore: feedbackMap[props.modalStatus.chosenFeedback!],\n\t\t\t\t\tcanBeContacted: false,\n\t\t\t\t})\n\t\t\t\"\n\t\t/>\n\t\t<SpTooltip\n\t\t\tclass=\"feedback-icon mx-auto h-[58px] w-[58px] justify-center rounded-full bg-warm-grey-100\"\n\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_GO_BACK_EMOJI_TOOLTIP'])\"\n\t\t\t:hide-cursor=\"true\"\n\t\t\t@click=\"onPreviousPhaseClick\"\n\t\t>\n\t\t\t<div class=\"flex h-[58px] w-[58px]\">\n\t\t\t\t<span class=\"m-auto text-[32px]\">{{ getFeedbackIcon }}</span>\n\t\t\t</div>\n\t\t</SpTooltip>\n\t\t<div class=\"w-full text-center\">\n\t\t\t<SpText\n\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.IMPROVEMENTS_LIST_TITLE'])\"\n\t\t\t\t:size=\"SpTextSize.HeadingMd02\"\n\t\t\t/>\n\t\t</div>\n\t\t<ul class=\"flex flex-col gap-0.5\">\n\t\t\t<li\n\t\t\t\t:class=\"getImprovementCheckboxClass(improvementCheckbox)\"\n\t\t\t\tv-for=\"improvementCheckbox in currentFeedbackModalImprovements\"\n\t\t\t>\n\t\t\t\t<SpCheckbox\n\t\t\t\t\tv-model=\"improvementCheckbox.isSelected\"\n\t\t\t\t\t@update:model-value=\"onImprovementCheckboxClick(improvementCheckbox)\"\n\t\t\t\t/>\n\t\t\t\t<SpText class=\"self-center\" :text=\"i18n.t(improvementCheckbox.label)\" :size=\"SpTextSize.BodyMd02\" />\n\t\t\t</li>\n\t\t</ul>\n\t\t<textarea\n\t\t\tclass=\"w-full resize-none rounded-md border border-sky-200 bg-sky-50 px-4 py-2 text-warm-grey-900 placeholder:text-sm placeholder:text-sky-500\"\n\t\t\tv-model=\"textAreaContent\"\n\t\t\t:rows=\"getTextAreaRows\"\n\t\t\t:onfocus=\"expandTextArea\"\n\t\t\t:placeholder=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_COMMENT_PLACEHOLDER'])\"\n\t\t/>\n\t\t<SpButton :type=\"SpButtonType.Primary\" @click=\"onFeedbackSend\">\n\t\t\t<SpText\n\t\t\t\tclass=\"w-full justify-center\"\n\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_SEND_BUTTON'])\"\n\t\t\t\t:size=\"SpTextSize.BodyMd02\"\n\t\t\t/>\n\t\t</SpButton>\n\t</div>\n</template>\n\n<style scoped>\n.feedback-icon {\n\tbackground: linear-gradient(180deg, #8a9bf0 0%, #aef0f3 100%);\n\tbox-shadow:\n\t\t0px 4px 14px 0px rgba(174, 240, 243, 0.85),\n\t\t0px -4px 12px 0px rgba(81, 84, 219, 0.4),\n\t\t0px 0px 5px 0px rgba(0, 0, 0, 0.25) inset;\n\tcursor: pointer;\n}\n</style>\n","<script setup lang=\"ts\">\nconst props = defineProps<{\n\tmodalStatus: FeedbackModalStatus\n\tonModalCloseWithoutFeedback: () => void\n}>()\n\nconst i18n = useI18n()\nconst { isMobile } = useMobileViewport()\n</script>\n\n<template>\n\t<div class=\"flex w-full flex-col justify-between\">\n\t\t<SpButton\n\t\t\tclass=\"ml-auto\"\n\t\t\t:icon-name=\"SpCommonIcon.Times\"\n\t\t\t:size=\"isMobile ? SpButtonSize.DefaultIconOnly : SpButtonSize.SmallIconOnly\"\n\t\t\t:type=\"SpButtonType.Ghost\"\n\t\t\t@click=\"props.onModalCloseWithoutFeedback\"\n\t\t/>\n\t\t<span class=\"heart-bounce mx-auto my-20 text-[58px]\">💛</span>\n\n\t\t<div class=\"mb-14 flex flex-col gap-[15px] text-center\">\n\t\t\t<SpText\n\t\t\t\tclass=\"text-sky-600\"\n\t\t\t\t:size=\"SpTextSize.HeadingLg01\"\n\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_THANK_YOU_TITLE'])\"\n\t\t\t/>\n\t\t\t<SpText\n\t\t\t\tclass=\"text-warm-grey-800\"\n\t\t\t\t:size=\"SpTextSize.HeadingMd01\"\n\t\t\t\t:text=\"i18n.t(TranslationKeys['FEEDBACK.MODAL.GENERIC_THANK_YOU_BODY'])\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<style scoped>\n.heart-bounce {\n\tanimation: bounce 2s infinite;\n}\n\n@keyframes bounce {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\t30% {\n\t\ttransform: scale(1);\n\t}\n\t50% {\n\t\ttransform: scale(1.5);\n\t}\n\t80% {\n\t\ttransform: scale(1.5);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n</style>\n","<script setup lang=\"ts\">\nimport { SpDialog } from '@dev.smartpricing/sp-vue-components'\nimport {\n\tFeedbackModalOptions,\n\tFeedbackModalPhase,\n\tFeedbackModalStatus,\n\tFeedbackTransitionDirection,\n} from '../../types/Feedback'\nimport { UserFeedback } from '../../../submodules/feedback/types/UserFeedback'\n\nconst emit = defineEmits<{\n\t(e: 'update:modelValue', value: boolean): void\n}>()\nconst props = withDefaults(\n\tdefineProps<{\n\t\tmodelValue: boolean\n\t\tmodalOptions: FeedbackModalOptions\n\t\tteleportTo?: string\n\t\tposition: {\n\t\t\ttop: string\n\t\t\tright: string\n\t\t}\n\t}>(),\n\t{\n\t\tteleportTo: '#dialogs-container',\n\t}\n)\nconst dialogRef = ref<InstanceType<typeof SpDialog>>()\nconst dialogBodyRef = ref(null)\n\nconst { isMobile } = useMobileViewport()\n\nconst { height } = useElementSize(dialogBodyRef)\n\nconst modalPhase = ref<FeedbackModalPhase>(FeedbackModalPhase.Feedback)\nconst modalStatus = ref<FeedbackModalStatus>({\n\tchosenFeedback: undefined,\n\tchosenImprovements: undefined,\n\tchosenImprovementsOther: undefined,\n})\n\nconst isOpen = computed({\n\tget: () => props.modelValue,\n\tset: (value: boolean) => emit('update:modelValue', value),\n})\n\nconst modalTransitionDirection = ref(FeedbackTransitionDirection.Forward)\nconst modalTextAreaExpanded = ref(false)\nconst shouldRejectFeedback = ref(true)\n\nconst isFeedbackPhase = computed(() => modalPhase.value === FeedbackModalPhase.Feedback)\nconst isImprovementsPhase = computed(() => modalPhase.value === FeedbackModalPhase.Improvements)\nconst isThankYouPhase = computed(() => modalPhase.value === FeedbackModalPhase.ThankYou)\n\nconst transitionName = computed(() => {\n\tif (modalTransitionDirection.value === FeedbackTransitionDirection.Forward) {\n\t\treturn 'slide-up'\n\t} else {\n\t\treturn 'slide-down'\n\t}\n})\n\nconst onExpandTextArea = (expand: boolean) => {\n\tmodalTextAreaExpanded.value = expand\n}\n\nconst onUpdateModalPhase = (phase: FeedbackModalPhase) => {\n\tif (Object.keys(FeedbackModalPhase).indexOf(modalPhase.value) < Object.keys(FeedbackModalPhase).indexOf(phase)) {\n\t\tmodalTransitionDirection.value = FeedbackTransitionDirection.Forward\n\t} else {\n\t\tmodalTransitionDirection.value = FeedbackTransitionDirection.Backward\n\t}\n\n\t// Only reject feedback on modal close if we're currently on the first\n\t// feebaack phase.\n\tif (phase === FeedbackModalPhase.Feedback) {\n\t\tshouldRejectFeedback.value = true\n\t} else {\n\t\tshouldRejectFeedback.value = false\n\t}\n\n\tmodalPhase.value = phase\n}\n\nconst onUpdateModalStatus = (status: FeedbackModalStatus) => {\n\tmodalStatus.value = status\n}\n\nconst onModalCloseWithoutFeedback = () => {\n\tdialogRef.value?.onCloseForced()\n\n\tonUpdateModalPhase(FeedbackModalPhase.Feedback)\n\tonUpdateModalStatus({\n\t\tchosenFeedback: undefined,\n\t\tchosenImprovements: undefined,\n\t\tchosenImprovementsOther: undefined,\n\t})\n}\n\nconst onModalClose = (feedbackToGive?: UserFeedback) => {\n\tdialogRef.value?.onCloseForced()\n\n\tif (feedbackToGive) {\n\t\tuseFeedbackStore().giveFeedback(feedbackToGive)\n\t} else {\n\t\tif (shouldRejectFeedback.value) {\n\t\t\tuseFeedbackStore().rejectFeedback()\n\t\t}\n\t}\n\n\tonUpdateModalPhase(FeedbackModalPhase.Feedback)\n\tonUpdateModalStatus({\n\t\tchosenFeedback: undefined,\n\t\tchosenImprovements: undefined,\n\t\tchosenImprovementsOther: undefined,\n\t})\n}\n\nconst dialogHeight = computed(() => {\n\treturn height.value + 24 + 'px'\n})\n\nconst customStyles = computed(() => {\n\tif (!isMobile.value) {\n\t\treturn {\n\t\t\ttop: props.position.top,\n\t\t\tright: props.position.right,\n\t\t\theight: dialogHeight.value,\n\t\t}\n\t}\n\treturn {}\n})\n</script>\n\n<template>\n\t<ClientOnly>\n\t\t<SpDialog\n\t\t\tref=\"dialogRef\"\n\t\t\tv-model=\"isOpen\"\n\t\t\t:is-closable=\"modalPhase === FeedbackModalPhase.ThankYou\"\n\t\t\t:teleport-to=\"props.teleportTo\"\n\t\t\t:custom-options=\"{\n\t\t\t\tdialogContainer: 'lg:rounded-md lg:w-[358px] absolute z-[999999]',\n\t\t\t\tdialogBodyContainer: 'p-3 lg:p-3',\n\t\t\t}\"\n\t\t\t:custom-styles=\"customStyles\"\n\t\t\t@close=\"onModalCloseWithoutFeedback\"\n\t\t>\n\t\t\t<div class=\"container lg:pt-3\">\n\t\t\t\t<Transition :name=\"transitionName\">\n\t\t\t\t\t<FeedbackFirstPhase\n\t\t\t\t\t\tclass=\"absolute\"\n\t\t\t\t\t\tstyle=\"width: 100%\"\n\t\t\t\t\t\tref=\"dialogBodyRef\"\n\t\t\t\t\t\tv-if=\"isFeedbackPhase\"\n\t\t\t\t\t\t:modal-options=\"props.modalOptions\"\n\t\t\t\t\t\t:modal-status=\"modalStatus\"\n\t\t\t\t\t\t:on-update-modal-phase=\"onUpdateModalPhase\"\n\t\t\t\t\t\t:on-update-modal-status=\"onUpdateModalStatus\"\n\t\t\t\t\t\t:on-modal-close=\"onModalClose\"\n\t\t\t\t\t/>\n\t\t\t\t\t<FeedbackSecondPhase\n\t\t\t\t\t\tclass=\"absolute\"\n\t\t\t\t\t\tref=\"dialogBodyRef\"\n\t\t\t\t\t\tv-else-if=\"isImprovementsPhase\"\n\t\t\t\t\t\t:modal-options=\"props.modalOptions\"\n\t\t\t\t\t\t:modal-status=\"modalStatus\"\n\t\t\t\t\t\t:on-update-modal-phase=\"onUpdateModalPhase\"\n\t\t\t\t\t\t:on-update-modal-status=\"onUpdateModalStatus\"\n\t\t\t\t\t\t:on-expand-text-area=\"onExpandTextArea\"\n\t\t\t\t\t\t:on-modal-close=\"onModalClose\"\n\t\t\t\t\t/>\n\t\t\t\t\t<FeedbackThirdPhase\n\t\t\t\t\t\tclass=\"absolute\"\n\t\t\t\t\t\tref=\"dialogBodyRef\"\n\t\t\t\t\t\tv-else-if=\"isThankYouPhase\"\n\t\t\t\t\t\t:modal-status=\"modalStatus\"\n\t\t\t\t\t\t:on-modal-close-without-feedback=\"onModalCloseWithoutFeedback\"\n\t\t\t\t\t/>\n\t\t\t\t</Transition>\n\t\t\t</div>\n\t\t</SpDialog>\n\t</ClientOnly>\n</template>\n\n<style scoped>\n.container {\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.slide-up-enter-active,\n.slide-up-leave-active {\n\ttransition: all 0.3s ease-in-out;\n}\n\n.slide-up-enter-from {\n\ttransform: translateY(100%);\n}\n\n.slide-up-leave-to {\n\ttransform: translateY(-100%);\n}\n\n.slide-down-enter-active,\n.slide-down-leave-active {\n\ttransition: all 0.3s ease-in-out;\n}\n\n.slide-down-enter-from {\n\ttransform: translateY(-100%);\n}\n\n.slide-down-leave-to {\n\ttransform: translateY(100%);\n}\n\n#dialogs-container > div {\n\tz-index: 9999999;\n}\n</style>\n","import { FeedbackType } from '../types/Feedback'\n\nexport const useFeedbackTracker = (eventKey: FeedbackType, improvementsCount: number) => {\n\tconst isFeedbackDialogOpen = ref(false)\n\n\tconst { activeFeedback } = storeToRefs(useFeedbackStore())\n\twatch(activeFeedback!, () => {\n\t\tif (activeFeedback?.value?.eventKey === eventKey) {\n\t\t\tisFeedbackDialogOpen.value = true\n\t\t}\n\t})\n\n\tconst feedbackDialogOptions: ComputedRef<FeedbackModalOptions> = computed(() => {\n\t\tconst options = {\n\t\t\tmodalTitle: TranslationKeys[`feedback.${eventKey.replace(/\\s+/g, '_').toLowerCase()}.TITLE` as TranslationKey],\n\t\t\tmodalHeader: TranslationKeys[`feedback.${eventKey.replace(/\\s+/g, '_').toLowerCase()}.HEADER` as TranslationKey],\n\t\t\timprovementsList: [] as string[],\n\t\t}\n\n\t\tfor (let i = 1; i <= improvementsCount; i++) {\n\t\t\toptions.improvementsList.push(\n\t\t\t\tTranslationKeys[`feedback.${eventKey.replace(/\\s+/g, '_').toLowerCase()}.IMPROVEMENTS_${i}` as TranslationKey]\n\t\t\t)\n\t\t}\n\n\t\treturn options\n\t})\n\n\treturn {\n\t\tisFeedbackDialogOpen,\n\t\tfeedbackDialogOptions,\n\t}\n}\n"],"names":["Feedback","FeedbackModalPhase","FeedbackTransitionDirection","FeedbackType","props","__props","feedbackMap","i18n","useI18n","isMobile","useMobileViewport","onFeedbackClick","feedback","newFeedbackStatus","FeedbackService","useFeedbackStore","titleFormatted","computed","modalHeader","titleBeforeHighlight","titleAfterHighlight","titleHighlighted","locale","t","currentFeedbackModalImprovementsSelected","ref","isTextAreaExpanded","textAreaContent","currentFeedbackModalImprovements","formattedImprovementsList","TranslationKeys","improvementLabel","getTextAreaRows","onImprovementCheckboxClick","improvement","selectedImprovement","getImprovementCheckboxClass","checkboxClasses","cn","getFeedbackIcon","expandTextArea","onPreviousPhaseClick","onFeedbackSend","currentLocale","onUnmounted","emit","__emit","dialogRef","dialogBodyRef","height","useElementSize","modalPhase","modalStatus","isOpen","value","modalTransitionDirection","modalTextAreaExpanded","shouldRejectFeedback","isFeedbackPhase","isImprovementsPhase","isThankYouPhase","transitionName","onExpandTextArea","expand","onUpdateModalPhase","phase","onUpdateModalStatus","status","onModalCloseWithoutFeedback","_a","onModalClose","feedbackToGive","dialogHeight","customStyles","useFeedbackTracker","eventKey","improvementsCount","isFeedbackDialogOpen","activeFeedback","storeToRefs","watch","feedbackDialogOptions","options","i"],"mappings":"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"}