{"version":3,"file":"ErrorBoundary-1186fca1.js","sources":["../../../resources/js/company/Composables/onAnimationFrame.js","../../../resources/js/company/Components/Dropdown.vue","../../../resources/js/common/Components/ErrorModal.vue","../../../resources/js/common/Components/ErrorBoundary.vue"],"sourcesContent":["import { onMounted } from \"vue\";\n\nexport default function (callback) {\n    const handleAnimationFrame = () => {\n        try {\n            callback()\n            requestAnimationFrame(handleAnimationFrame)\n        } catch(error) {\n            throw error\n        }\n    }\n\n    onMounted(() => {\n        handleAnimationFrame()\n    })\n}\n","<script setup>\nimport 'tippy.js/dist/tippy.css';\n// import 'tippy.js/themes/light.css'\nimport { computed, onMounted, onUnmounted, ref } from 'vue';\nimport { directive as vClickAway } from 'vue3-click-away';\nimport { twMerge } from 'tailwind-merge';\nimport { onAnimationFrame } from '@/company/Composables';\nimport { Tippy } from 'vue-tippy';\n\nconst props = defineProps({\n    align: {\n        type: String,\n        default: 'right',\n    },\n    width: {\n        type: String,\n        default: '48',\n    },\n    contentClasses: {\n        type: String,\n        default: 'bg-white',\n    },\n    popperClasses: {\n        type: String,\n        default: '',\n    },\n    arrow: {\n        type: Boolean,\n        default: false,\n    },\n    open: {\n        type: Boolean,\n        default: false,\n    },\n    disabled: {\n        type: Boolean,\n        default: false,\n    },\n});\n\nconst closeOnEscape = (e) => {\n    if (open.value && e.key === 'Escape') {\n        open.value = false;\n    }\n};\n\nonMounted(() => document.addEventListener('keydown', closeOnEscape));\nonUnmounted(() => document.removeEventListener('keydown', closeOnEscape));\n\nconst widthClass = computed(() => {\n    return {\n        48: 'w-48',\n        72: 'w-80',\n    }[props.width.toString()];\n});\n\nconst alignmentClasses = computed(() => {\n    if (props.align === 'left') {\n        return 'origin-top-left left-0';\n    } else if (props.align === 'right') {\n        return 'origin-top-right right-0';\n    } else if (props.align === 'center') {\n        return 'origin-top-right left-1/2 -translate-x-1/2';\n    } else {\n        return 'origin-top';\n    }\n});\n\nconst arrowClass = computed(() => {\n    const className = ['dropdown-arrow'];\n    if (props.align === 'left') {\n        className.push('before:left-3 after:left-3');\n    } else if (props.align === 'right') {\n        className.push('before:right-3 after:right-3');\n    } else if (props.align === 'center') {\n        className.push(\n            'before:left-1/2 after:left-1/2 before:-translate-x-1/2 after:-translate-x-1/2',\n        );\n    } else {\n        return;\n    }\n\n    return className.join(' ');\n});\n\nconst popperClasses = computed(() => props.popperClasses);\n\nconst body = ref(null);\nconst open = ref(!props.disabled && props.open);\nconst contentWrapper = ref(null);\nconst contentBackgroundColor = ref(null);\n\nconst close = () => {\n    open.value = false;\n};\n\nconst show = () => {\n    if (!props.disabled) {\n        open.value = true;\n    }\n};\n\nonAnimationFrame(() => {\n    contentBackgroundColor.value = contentWrapper.value\n        ? window.getComputedStyle(contentWrapper.value, null).getPropertyValue('background-color')\n        : null;\n});\n\nonMounted(() => {\n    body.value = document.body;\n});\n\nconst showPopper = () => open.value;\n</script>\n\n<template>\n    <Tippy\n        class=\"relative\"\n        animation=\"shift-away\"\n        arrow-type=\"round\"\n        :arrow=\"true\"\n        :follow-cursor=\"false\"\n        :duration=\"0\"\n        :delay=\"0\"\n        :append-to=\"() => body\"\n        :interactive=\"true\"\n        :allowHTML=\"true\"\n        placement=\"bottom\"\n        @show=\"showPopper\"\n        trigger=\"click\"\n    >\n        <div @click=\"show\">\n            <slot name=\"trigger\" />\n        </div>\n\n        <template #content>\n            <div\n                ref=\"contentWrapper\"\n                :class=\"\n                    twMerge(\n                        'w-full rounded-md shadow-lg ring-1 ring-black  ring-opacity-5',\n                        contentClasses,\n                    )\n                \"\n            >\n                <slot name=\"content\" />\n            </div>\n        </template>\n    </Tippy>\n</template>\n\n<style scoped lang=\"css\">\n.dropdown-arrow::before,\n.dropdown-arrow::after {\n    content: '';\n    @apply absolute block h-3 w-3;\n    bottom: calc(100% - 2px);\n    border-left: theme('width.3') solid transparent;\n    border-right: theme('width.3') solid transparent;\n    border-bottom: theme('height.3') solid transparent;\n}\n\n.dropdown-arrow:before {\n    border-left: calc(theme('width.3') + 1px) solid transparent;\n    border-right: calc(theme('width.3') + 1px) solid transparent;\n    border-bottom: calc(theme('height.3') + 2px) solid transparent;\n    border-bottom-color: theme('colors.gray.100');\n}\n\n.dropdown-arrow:after {\n    @apply z-[60];\n    border-bottom-color: v-bind(contentBackgroundColor);\n}\n\n.tippy-arrow {\n    color: v-bind(contentBackgroundColor);\n}\n</style>\n","<script setup>\nimport { Modal } from '@/common/Components';\nimport ActionButton from '@/company/Components/Buttons/ActionButton.vue';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps({\n    error: { type: Object, default: null },\n});\n\nconst message = computed(() => props.error.message ?? props.error);\n\nconst trace = computed(\n    () =>\n        props.error.trace ??\n        props.error.stack\n            .split('\\n')\n            .slice(1)\n            .map((x) => x.trim()),\n);\n\nconst show = ref(true);\n</script>\n<template>\n    <Modal :show=\"show\" max-width=\"screen-lg\" @close=\"show = false\">\n        <div\n            class=\"space-y-6 border-t-8 border-t-red-600 bg-stone-950 p-6 font-mono leading-loose text-white\"\n        >\n            <div>\n                <div class=\"font-bold text-rose-500\">[Error]</div>\n                <div>{{ message }}</div>\n            </div>\n            <div>\n                <div class=\"font-bold text-fuchsia-400\">[Trace]</div>\n                <div class=\"overflow-scroll text-sm\">\n                    <div v-for=\"line in trace\" class=\"whitespace-pre\">{{ line }}</div>\n                </div>\n            </div>\n\n            <hr class=\"border border-dotted border-gray-800\" />\n            <div class=\"flex items-center justify-end\">\n                <ActionButton @click=\"show = false\" type=\"danger\"> Close </ActionButton>\n            </div>\n        </div>\n    </Modal>\n</template>\n","<script setup>\nimport { usePage } from '@inertiajs/vue3';\nimport { ref } from 'vue';\nimport { onErrorCaptured } from 'vue';\nimport { isEqual, isEmpty } from 'lodash';\nimport { ExclamationTriangleIcon } from '@heroicons/vue/24/outline';\nimport { Dropdown } from '@/company/Components';\nimport { onUnmounted, computed, onMounted } from 'vue';\nimport ErrorModal from './ErrorModal.vue';\n\nconst props = defineProps({\n    modelValue: { type: Object, default: null },\n    as: { type: [Object, Function, String], default: null },\n    message: { type: String, default: null },\n});\n\nconst debugMode = computed(() =>\n    import.meta.env.VITE_DEBUG_CLIENT.toLowerCase() !== 'false'\n        ? import.meta.env.DEV || import.meta.env.VITE_DEBUG_CLIENT.toLowerCase() === 'true'\n        : false,\n);\n\nconst error = ref(props?.modelValue);\n\nconst receivedValidationErrors = ref(false);\nconst validationErrors = ref({});\n\nonErrorCaptured((err) => {\n    const errors = validationErrors.value;\n    if (!receivedValidationErrors.value) {\n        error.value = err;\n        console.error(error.value);\n    } else {\n        // if (!isEmpty(errors)) {\n        console.error('Validation error:', err?.response?.data?.errors ?? usePage().props?.errors);\n        // }\n    }\n    return false;\n});\n\nconst errorListener = ref(null);\nonMounted(() => {\n    errorListener.value = (e) => {\n        receivedValidationErrors.value = true;\n        validationErrors.value = e.details?.errors ?? {};\n        setTimeout(() => {\n            receivedValidationErrors.value = false;\n        });\n    };\n    document.addEventListener('inertia:error', errorListener.value);\n});\n\nonUnmounted(() => {\n    document.removeEventListener('inertia:error', errorListener.value);\n});\n</script>\n<template>\n    <template v-if=\"error\">\n        <ErrorModal v-if=\"debugMode\" v-bind=\"{ error }\" />\n        <template v-if=\"as\">\n            <component :is=\"as\" v-bind=\"{ error }\" />\n        </template>\n        <template v-else>\n            <slot name=\"before\" />\n            <Dropdown\n                content-classes=\"pt-3 w-auto bg-white overflow-hidden bg-palmers-white border-2 border-white/20\"\n                popper-classes=\"top-1\"\n                :align=\"`center`\"\n                class=\"inline-block\"\n                arrow\n            >\n                <template #trigger>\n                    <button\n                        type=\"button\"\n                        class=\"flex w-full cursor-help items-center space-x-2 focus:bg-black/5 supports-hover:hover:bg-black/5\"\n                    >\n                        <ExclamationTriangleIcon class=\"h-5 w-5\" />\n                        <div>{{ message ?? 'Something went wrong' }}</div>\n                    </button>\n                </template>\n                <template #content>\n                    <div class=\"inline-block w-full space-y-3 text-black\">\n                        <div class=\"w-full space-y-1 py-3 text-center\">{{ error }}</div>\n                    </div>\n                </template>\n            </Dropdown>\n            <slot name=\"after\" />\n        </template>\n    </template>\n    <template v-else>\n        <slot />\n    </template>\n</template>\n"],"names":["onAnimationFrame","callback","handleAnimationFrame","error","onMounted","props","__props","closeOnEscape","e","open","onUnmounted","computed","className","body","ref","contentWrapper","contentBackgroundColor","show","showPopper","message","trace","x","debugMode","receivedValidationErrors","validationErrors","onErrorCaptured","err","_b","_a","usePage","errorListener"],"mappings":"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"}