{"version":3,"file":"ApplicationLogo-ae6a1895.js","sources":["../../../resources/js/Components/TelegramLogo.vue","../../../resources/js/Components/Modal.vue","../../../resources/js/Components/CornerFeedbackWidget.vue","../../../resources/js/Components/ApplicationLogo.vue"],"sourcesContent":["<template>\n    <svg id=\"Livello_1\" data-name=\"Livello 1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 240 240\"><defs><linearGradient id=\"linear-gradient\" x1=\"120\" y1=\"240\" x2=\"120\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#1d93d2\"/><stop offset=\"1\" stop-color=\"#38b0e3\"/></linearGradient></defs><title>Telegram_logo</title><circle cx=\"120\" cy=\"120\" r=\"120\" fill=\"url(#linear-gradient)\"/><path d=\"M81.229,128.772l14.237,39.406s1.78,3.687,3.686,3.687,30.255-29.492,30.255-29.492l31.525-60.89L81.737,118.6Z\" fill=\"#c8daea\"/><path d=\"M100.106,138.878l-2.733,29.046s-1.144,8.9,7.754,0,17.415-15.763,17.415-15.763\" fill=\"#a9c6d8\"/><path d=\"M81.486,130.178,52.2,120.636s-3.5-1.42-2.373-4.64c.232-.664.7-1.229,2.1-2.2,6.489-4.523,120.106-45.36,120.106-45.36s3.208-1.081,5.1-.362a2.766,2.766,0,0,1,1.885,2.055,9.357,9.357,0,0,1,.254,2.585c-.009.752-.1,1.449-.169,2.542-.692,11.165-21.4,94.493-21.4,94.493s-1.239,4.876-5.678,5.043A8.13,8.13,0,0,1,146.1,172.5c-8.711-7.493-38.819-27.727-45.472-32.177a1.27,1.27,0,0,1-.546-.9c-.093-.469.417-1.05.417-1.05s52.426-46.6,53.821-51.492c.108-.379-.3-.566-.848-.4-3.482,1.281-63.844,39.4-70.506,43.607A3.21,3.21,0,0,1,81.486,130.178Z\" fill=\"#fff\"/></svg>\n</template>\n","<script setup>\nimport { computed, onMounted, onUnmounted, watch } from 'vue';\n\nconst props = defineProps({\n    show: {\n        type: Boolean,\n        default: false,\n    },\n    maxWidth: {\n        type: String,\n        default: '2xl',\n    },\n    closeable: {\n        type: Boolean,\n        default: true,\n    },\n    bottom: {\n        type: Boolean,\n        default: false,\n    }\n});\n\nconst emit = defineEmits(['close']);\n\nwatch(\n    () => props.show,\n    () => {\n        if (props.show) {\n            document.body.style.overflow = 'hidden';\n        } else {\n            document.body.style.overflow = null;\n        }\n    }\n);\n\nconst close = () => {\n    if (props.closeable) {\n        emit('close');\n    }\n};\n\nconst closeOnEscape = (e) => {\n    if (e.key === 'Escape' && props.show) {\n        close();\n    }\n};\n\nonMounted(() => document.addEventListener('keydown', closeOnEscape));\n\nonUnmounted(() => {\n    document.removeEventListener('keydown', closeOnEscape);\n    document.body.style.overflow = null;\n});\n\nconst maxWidthClass = computed(() => {\n    return {\n        sm: 'sm:max-w-sm',\n        md: 'sm:max-w-md',\n        lg: 'sm:max-w-lg',\n        xl: 'sm:max-w-xl',\n        '2xl': 'sm:max-w-2xl',\n    }[props.maxWidth];\n});\n</script>\n\n<template>\n    <teleport to=\"body\">\n        <transition leave-active-class=\"duration-200\">\n            <div v-show=\"show\" class=\"fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-90\" scroll-region>\n                <transition\n                    enter-active-class=\"ease-out duration-300\"\n                    enter-from-class=\"opacity-0\"\n                    enter-to-class=\"opacity-100\"\n                    leave-active-class=\"ease-in duration-200\"\n                    leave-from-class=\"opacity-100\"\n                    leave-to-class=\"opacity-0\"\n                >\n                    <div v-show=\"show\" class=\"fixed inset-0 transform transition-all\" @click=\"close\">\n                        <div class=\"absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75\" />\n                    </div>\n                </transition>\n\n\n                <div class=\"h-full flex flex-col\" :class=\"[\n                    bottom ? 'justify-end' : 'justify-start',\n                ]\">\n                    <transition\n                        enter-active-class=\"ease-out duration-300\"\n                        enter-from-class=\"opacity-0 translate-y-12 sm:translate-y-0 sm:scale-95\"\n                        enter-to-class=\"opacity-100 translate-y-0 sm:scale-100\"\n                        leave-active-class=\"ease-in duration-100\"\n                        leave-from-class=\"opacity-100 translate-y-0 sm:scale-100\"\n                        leave-to-class=\"opacity-0 translate-y-12 sm:translate-y-0 sm:scale-95\"\n                    >\n                        <div\n                            v-show=\"show\"\n                            class=\"transform transition-all flex-none mb-6 px-6 py-3 bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl sm:w-full sm:mx-auto\"\n                            :class=\"maxWidthClass\"\n                        >\n                            <slot v-if=\"show\" />\n                        </div>\n                    </transition>\n                </div>\n            </div>\n        </transition>\n    </teleport>\n</template>\n","<script setup>\nimport TelegramLogo from \"@/Components/TelegramLogo.vue\";\nimport Modal from \"@/Components/Modal.vue\";\nimport { ref, computed } from \"vue\";\nimport { usePage, useForm } from '@inertiajs/vue3';\nimport axios from \"axios\"\nimport { usePosthog } from \"@/plugins/posthog.js\";\n\nconst posthog = usePosthog();\nconst page = usePage();\nconst strings = computed(() => page.props.strings);\nconst showingModal = ref(false);\nconst showingFeedbackReceived = ref(false);\n\nconst form = useForm({\n    type: 'bug',\n    comment: '',\n});\n\nconst submit = () => {\n    if (!form.type || !form.comment) {\n        return;\n    }\n    \n    axios.post(route('feedback.store'), {\n        type: form.type,\n        comment: form.comment,\n    }).then(() => {\n        showingFeedbackReceived.value = true;\n        setTimeout(() => {\n            showingFeedbackReceived.value = false;\n            showingModal.value = false;\n        }, 3000);\n        form.reset('comment');\n        if (posthog) {\n            posthog.capture(\"Sent Feedback\");\n        }\n    });\n};\n</script>\n\n<template>\n    <div class=\"z-50 fixed bottom-4 right-4 flex items-center justify-center w-10 h-10\">\n        <button @click=\"showingModal = true\" class=\"inline-flex items-center justify-center rounded-full w-10 h-10 bg-blue-600 text-white font-black\">\n            <span class=\"text-xl\">?</span>\n        </button>\n\n        <Modal\n            :show=\"showingModal\"\n            @close=\"showingModal = false\"\n            :bottom=\"false\"\n        >\n            <div v-if=\"showingFeedbackReceived\">{{ strings['feedback_form_confirmation'] }}</div>\n            <div v-else class=\"space-y-6 py-6\">\n                <form @submit.prevent=\"submit\" class=\"space-y-4\">\n                    <div>\n                        <label for=\"feedback_type\" class=\"block text-sm font-medium leading-6 text-gray-900\">{{ strings['feedback_form_comment_label'] }}</label>\n                        <select id=\"feedback_type\" name=\"type\" v-model=\"form.type\" class=\"text-sm mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6\">\n                            <option value=\"bug\">{{ strings['feedback_form_type_bug'] }}</option>\n                            <option value=\"feature\">{{ strings['feedback_form_type_feature'] }}</option>\n                            <option value=\"question\">{{ strings['feedback_form_type_question'] }}</option>\n                        </select>\n                    </div>\n\n                    <div>\n                        <label for=\"feedback_comment\" class=\"block text-sm font-medium leading-6 text-gray-900\">{{ strings['feedback_form_comment_label'] }}</label>\n                        <div class=\"mt-2\">\n                            <textarea v-model=\"form.comment\" rows=\"5\" name=\"comment\" id=\"feedback_comment\" class=\"block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6\"></textarea>\n                        </div>\n                    </div>\n\n                    <div>\n                        <button type=\"submit\" class=\"px-3 py-1.5 bg-blue-700 rounded text-white font-semibold text-sm\">{{ strings['feedback_form_send'] }}</button>\n                    </div>\n                </form>\n\n                <div>\n                    <div class=\"text-gray-600 text-sm mb-4\">{{ strings['login_or'] }}</div>\n                    <div class=\"flex items-center space-x-2\">\n                        <TelegramLogo class=\"h-6 w-6\" />\n                        <a href=\"https://t.me/+iApnwJFW4fg3ODU0\" target=\"_blank\">{{ strings['feedback_form_telegram'] }}</a>\n                    </div>\n                </div>\n            </div>\n        </Modal>\n    </div>\n</template>\n","<template>\n    <img \n        src=\"/img/urbanmums-logo-128.png\" \n        srcset=\"/img/urbanmums-logo-128.png 1x, /img/urbanmums-logo-256.png 2x, /img/urbanmums-logo-384.png 3x, /img/urbanmums-logo-512.png 4x\"\n        alt=\"Urban Mums\" />\n</template>\n"],"names":["_hoisted_1","_hoisted_8","_sfc_render","_ctx","_cache","watch","props","close","emit","closeOnEscape","e","onMounted","onUnmounted","maxWidthClass","computed","posthog","usePosthog","page","usePage","strings","showingModal","ref","showingFeedbackReceived","form","useForm","submit","axios"],"mappings":"oaACYA,EAAW,CAAC,GAAA,YAAsB,YAAkC,YAAC,MAAA,6BAA2C,cAAqB,qqCAA4MC,EAAA,IAAzV,SAAAC,EAAAC,EAAAC,EAAA,obCuBJC,EACI,IAAMC,EAAM,KACZ,IAAM,CACEA,EAAM,KACN,SAAS,KAAK,MAAM,SAAW,SAE/B,SAAS,KAAK,MAAM,SAAW,IAEtC,CACL,EAEA,MAAMC,EAAQ,IAAM,CACZD,EAAM,WACNE,EAAK,OAAO,CAEpB,EAEMC,EAAiBC,GAAM,CACrBA,EAAE,MAAQ,UAAYJ,EAAM,MAC5BC,GAER,EAEAI,EAAU,IAAM,SAAS,iBAAiB,UAAWF,CAAa,CAAC,EAEnEG,EAAY,IAAM,CACd,SAAS,oBAAoB,UAAWH,CAAa,EACrD,SAAS,KAAK,MAAM,SAAW,IACnC,CAAC,EAED,MAAMI,EAAgBC,EAAS,KACpB,CACH,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,MAAO,cACf,GAAMR,EAAM,QAAQ,CACnB,61DCtDD,MAAMS,EAAUC,EAAU,EACpBC,EAAOC,EAAO,EACdC,EAAUL,EAAS,IAAMG,EAAK,MAAM,OAAO,EAC3CG,EAAeC,EAAI,EAAK,EACxBC,EAA0BD,EAAI,EAAK,EAEnCE,EAAOC,EAAQ,CACjB,KAAM,MACN,QAAS,EACb,CAAC,EAEKC,EAAS,IAAM,CACb,CAACF,EAAK,MAAQ,CAACA,EAAK,SAIxBG,EAAM,KAAK,MAAM,gBAAgB,EAAG,CAChC,KAAMH,EAAK,KACX,QAASA,EAAK,OACtB,CAAK,EAAE,KAAK,IAAM,CACVD,EAAwB,MAAQ,GAChC,WAAW,IAAM,CACbA,EAAwB,MAAQ,GAChCF,EAAa,MAAQ,EACxB,EAAE,GAAI,EACPG,EAAK,MAAM,SAAS,EAChBR,GACAA,EAAQ,QAAQ,eAAe,CAE3C,CAAK,CACL,ijDCpCyC,CACjC,IAAA,8BACA,OAAgB,mJAHpB,SAAAb,GAAAC,EAAAC,EAAA"}