{"version":3,"file":"ConfirmationLink-c8e4533b.js","sources":["../../../resources/js/common/Composables/useLang.js","../../../resources/js/common/Components/UI/Alerts/ConfirmationDialog.vue","../../../resources/js/common/Components/UI/Alerts/ConfirmationTrigger.vue","../../../resources/js/common/Components/UI/Alerts/ConfirmationLink.vue"],"sourcesContent":["import { computed } from 'vue'\nimport { usePage } from \"@inertiajs/vue3\";\n\nexport default function useLang() {\n    const lang = computed(() => usePage().props.lang)\n    return {\n        lang\n    }\n}\n","<script setup>\nimport Modal from \"@/common/Components/Modal.vue\";\nimport { ExclamationTriangleIcon } from \"@heroicons/vue/24/outline\";\n\nconst emit = defineEmits([\"close\"]);\nconst props = defineProps({\n    show: {\n        default: false,\n    },\n    maxWidth: {\n        default: \"2xl\",\n    },\n    closeable: {\n        default: true,\n    },\n});\n\nconst close = () => {\n    emit(\"close\");\n};\n\nconst complete = () => {\n    confirming.value = false;\n    emit(\"confirmed\");\n};\n</script>\n\n<template>\n    <Modal :show=\"show\" :max-width=\"maxWidth\" :closeable=\"closeable\" @close=\"close\">\n        <div class=\"p-3 text-center space-y-3\">\n            <slot name=\"icon\">\n                <div class=\"flex items-center justify-center w-12 h-12 mx-auto bg-red-100 rounded-full\">\n                    <ExclamationTriangleIcon class=\"w-6 h-6 text-red-600\" aria-hidden=\"true\" />\n                </div>\n            </slot>\n\n            <div>\n                <slot name=\"title\" />\n            </div>\n\n            <slot name=\"content\" />\n\n            <slot name=\"footer\" />\n        </div>\n    </Modal>\n</template>\n","<script setup>\nimport { Link } from '@inertiajs/vue3';\nimport { ref, computed } from 'vue';\nimport ConfirmationDialog from '@/common/Components/UI/Alerts/ConfirmationDialog.vue';\nimport pick from 'lodash';\nimport { useLang } from '@/common/Composables';\n\nconst { lang } = useLang();\n\nconst emit = defineEmits(['confirmed']);\nconst props = defineProps({\n    as: {\n        type: [String, Object],\n        default: 'button',\n    },\n    title: { type: String, default: null },\n    message: { type: String, default: null },\n    cancelLabel: { type: String, default: null },\n    confirmLabel: { type: String, default: null },\n});\n\nconst title = computed(() => props.title ?? lang.value?.confirmation ?? 'Are you sure?');\nconst message = computed(\n    () =>\n        props.message ??\n        lang.value?.confirmation_message ??\n        'This action is destructive and not reversible',\n);\nconst cancelLabel = computed(() => props.cancelLabel ?? lang.value?.cancel ?? 'Cancel');\nconst confirmLabel = computed(() => props.confirmLabel ?? lang.value?.confirmLabel ?? 'Confirm');\n\nconst confirming = ref(false);\n\nconst show = () => {\n    confirming.value = true;\n};\n\nconst cancel = () => {\n    confirming.value = false;\n};\n\nconst complete = () => {\n    confirming.value = false;\n    emit('confirmed');\n};\n\nconst state = {\n    show,\n    cancel,\n    complete,\n    title: title.value,\n    message: message.value,\n    cancelLabel: cancelLabel.value,\n    confirmLabel: confirmLabel.value,\n};\n</script>\n\n<template>\n    <slot v-bind=\"{ ...state }\" />\n\n    <ConfirmationDialog :show=\"confirming\" @close=\"cancel\">\n        <template #title>\n            <div class=\"font-display font-bold\">\n                <slot name=\"modal.title\">{{ title }}</slot>\n            </div>\n        </template>\n        <template #content>\n            <div class=\"font-display\">\n                <slot name=\"modal.content\">\n                    {{ message }}\n                </slot>\n            </div>\n        </template>\n        <template #footer>\n            <slot name=\"modal.footer\" v-bind=\"{ ...state }\">\n                <div class=\"flex items-center justify-end space-x-3\">\n                    <slot name=\"modal.confirm.button\" v-bind=\"{ ...state }\">\n                        <button\n                            class=\"mt-3 inline-flex w-full justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-base font-medium text-gray-700 shadow-sm focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 supports-hover:hover:bg-gray-50 sm:col-start-1 sm:mt-0 sm:text-sm\"\n                            @click=\"cancel\"\n                        >\n                            {{ cancelLabel }}\n                        </button>\n                    </slot>\n\n                    <slot name=\"modal.confirm.button\" v-bind=\"{ ...state }\">\n                        <button\n                            class=\"inline-flex w-full cursor-pointer items-center justify-center rounded-md border border-transparent bg-gray-600 px-4 py-2 text-base font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 supports-hover:hover:bg-gray-700 sm:col-start-2 sm:text-sm\"\n                            @click.prevent=\"complete\"\n                        >\n                            <slot name=\"modal.confirm.label\"> {{ confirmLabel }} </slot>\n                        </button>\n                    </slot>\n                </div>\n            </slot>\n        </template>\n    </ConfirmationDialog>\n</template>\n","<script setup>\nimport { Link } from '@inertiajs/vue3';\nimport { ref, computed } from 'vue';\nimport ConfirmationDialog from '@/common/Components/UI/Alerts/ConfirmationDialog.vue';\nimport ConfirmationTrigger from '@/common/Components/UI/Alerts/ConfirmationTrigger.vue';\nimport pick from 'lodash';\nimport Spinner from '@/common/Components/UI/Progress/Spinner.vue';\nimport { FormButton } from '@/company/Components';\n\nconst emit = defineEmits(['confirmed']);\nconst props = defineProps({\n    as: {\n        type: [String, Object],\n        default: 'button',\n    },\n    title: { type: String, default: null },\n    message: { type: String, default: null },\n    cancelLabel: { type: String, default: null },\n    confirmLabel: { type: String, default: null },\n    href: { type: String },\n    method: { type: String },\n    data: { type: Object },\n    headers: { type: Object },\n    preserveState: { type: Boolean },\n    preserveScroll: { type: Boolean },\n    only: { type: Array },\n});\n\nconst processing = ref(false);\n\nconst success = (res, state) => {\n    emit('confirmed', res);\n    state.complete();\n};\n</script>\n\n<template>\n    <ConfirmationTrigger v-bind=\"{ ...$attrs, message, title, cancelLabel, confirmLabel, as }\">\n        <template #default=\"state\">\n            <slot v-bind=\"{ ...state }\" />\n        </template>\n\n        <template #title=\"state\">\n            <slot name=\"title\" v-bind=\"{ ...state }\" />\n        </template>\n        <template #content=\"state\">\n            <slot name=\"content\" v-bind=\"{ ...state }\" />\n        </template>\n        <template #modal.footer=\"state\">\n            <slot name=\"modal.footer\" v-bind=\"{ ...state }\">\n                <div class=\"flex items-center justify-end space-x-3\">\n                    <slot name=\"modal.cancel.button\" v-bind=\"{ ...state }\">\n                        <button\n                            class=\"mt-3 inline-flex w-full justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-base font-medium text-gray-700 shadow-sm focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 supports-hover:hover:bg-gray-50 sm:col-start-1 sm:mt-0 sm:text-sm\"\n                            @click=\"state.cancel\"\n                        >\n                            {{ state.cancelLabel }}\n                        </button>\n                    </slot>\n\n                    <slot name=\"modal.confirm.button\" v-bind=\"{ ...state }\">\n                        <FormButton\n                            :is=\"Link\"\n                            as=\"form\"\n                            @start=\"processing = true\"\n                            @success=\"success($event, state)\"\n                            @finish=\"processing = false\"\n                            v-bind=\"{\n                                href,\n                                method,\n                                data,\n                                preserveState,\n                                preserveScroll,\n                                only,\n                                headers,\n                            }\"\n                            class=\"w-full justify-center\"\n                            :color=\"method.toLowerCase() === 'delete' ? 'danger' : 'success'\"\n                        >\n                            <slot name=\"modal.confirm.label\" v-if=\"!processing\">\n                                {{ state.confirmLabel }}\n                            </slot>\n                            <Spinner class=\"h-6 w-6\" v-if=\"processing\" />\n                        </FormButton>\n                    </slot>\n                </div>\n            </slot>\n        </template>\n    </ConfirmationTrigger>\n</template>\n"],"names":["useLang","computed","usePage","emit","__emit","close","lang","props","__props","title","_a","message","cancelLabel","confirmLabel","confirming","ref","show","cancel","complete","state","processing","success","res"],"mappings":"42BAGe,SAASA,GAAU,CAE9B,MAAO,CACH,KAFSC,EAAS,IAAMC,EAAO,EAAG,MAAM,IAAI,CAG/C,CACL,+QCJA,MAAMC,EAAOC,EAaPC,EAAQ,IAAM,CAChBF,EAAK,OAAO,CAChB,wtBCZA,KAAM,CAAE,KAAAG,CAAI,EAAKN,IAEXG,EAAOC,EACPG,EAAQC,EAWRC,EAAQR,EAAS,IAAA,OAAM,OAAAM,EAAM,SAASG,EAAAJ,EAAK,QAAL,YAAAI,EAAY,eAAgB,gBAAe,EACjFC,EAAUV,EACZ,IAAA,OACI,OAAAM,EAAM,WACNG,EAAAJ,EAAK,QAAL,YAAAI,EAAY,uBACZ,gDACR,EACME,EAAcX,EAAS,IAAA,OAAM,OAAAM,EAAM,eAAeG,EAAAJ,EAAK,QAAL,YAAAI,EAAY,SAAU,SAAQ,EAChFG,EAAeZ,EAAS,IAAA,OAAM,OAAAM,EAAM,gBAAgBG,EAAAJ,EAAK,QAAL,YAAAI,EAAY,eAAgB,UAAS,EAEzFI,EAAaC,EAAI,EAAK,EAEtBC,EAAO,IAAM,CACfF,EAAW,MAAQ,EACvB,EAEMG,EAAS,IAAM,CACjBH,EAAW,MAAQ,EACvB,EAEMI,EAAW,IAAM,CACnBJ,EAAW,MAAQ,GACnBX,EAAK,WAAW,CACpB,EAEMgB,EAAQ,CACV,KAAAH,EACA,OAAAC,EACA,SAAAC,EACA,MAAOT,EAAM,MACb,QAASE,EAAQ,MACjB,YAAaC,EAAY,MACzB,aAAcC,EAAa,KAC/B,+oDC7CA,MAAMV,EAAOC,EAmBPgB,EAAaL,EAAI,EAAK,EAEtBM,EAAU,CAACC,EAAKH,IAAU,CAC5BhB,EAAK,YAAamB,CAAG,EACrBH,EAAM,SAAQ,CAClB"}