{"version":3,"file":"PasswordRequirementsTooltip.7f48242d.js","sources":["../../../resources/js/Components/Tooltips/TooltipWrapper.vue","../../../resources/js/Mixins/TooltipMixin.js","../../../resources/js/Components/Tooltips/PasswordRequirementsTooltip.vue"],"sourcesContent":["<template>\n    <div\n        id=\"tooltip\"\n        role=\"tooltip\"\n        class=\"rounded-2xl bg-white px-4 py-2 block drop-shadow-md\"\n    >\n        <div id=\"arrow\" data-popper-arrow></div>\n        <slot />\n    </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nexport default defineComponent({\n    name: \"TooltipWrapper\",\n});\n</script>\n","import { createPopper } from \"@popperjs/core\";\nimport { watch, ref } from \"vue\";\n\nexport const withTooltipProps = () => ({\n    position: {\n        type: String,\n        default: \"right\",\n        validator: (val) => {\n            return [\n                \"auto\",\n                \"auto-start\",\n                \"auto-end\",\n                \"top\",\n                \"top-start\",\n                \"top-end\",\n                \"bottom\",\n                \"bottom-start\",\n                \"bottom-end\",\n                \"right\",\n                \"right-start\",\n                \"right-end\",\n                \"left\",\n                \"left-start\",\n                \"left-end\",\n            ].includes(val);\n        },\n    },\n    activator: {\n        type: null,\n        required: true,\n    },\n    showTooltip: {\n        type: Boolean,\n        default: false,\n    },\n    showTitle: {\n        type: Boolean,\n        default: true,\n    },\n    showValidator: {\n        type: Boolean,\n        default: true,\n    },\n    title: {\n        type: String,\n        default: \"form.password.tooltips.title\",\n    },\n    titleClass: {\n        type: String,\n        default: \"text-h4 font-semibold\",\n    },\n    wrapperClass: {\n        type: String,\n        default: \"max-w-xs\",\n    },\n    icon: {\n        type: Object,\n        default: () => {},\n    },\n    iconClasses: {\n        type: String,\n        default: \"w-5 h-5\",\n    },\n});\n\nexport const useTooltipSetup = (props) => {\n    const tooltipRef = ref(null);\n\n    watch(\n        () => props.showTooltip,\n        (value) => {\n            if (value) {\n                createPopper(props.activator.$el, tooltipRef.value.$el, {\n                    placement: props.position,\n                    modifiers: [\n                        {\n                            name: \"offset\",\n                            options: {\n                                offset: [0, 18],\n                            },\n                        },\n                    ],\n                });\n            }\n        }\n    );\n\n    return { tooltipRef };\n};\n","<template>\n    <TooltipWrapper\n        ref=\"tooltipRef\"\n        class=\"text-left\"\n        :class=\"[\n            wrapperClass,\n            {\n                block: showTooltip,\n                hidden: !showTooltip,\n            },\n        ]\"\n    >\n        <div v-if=\"showTitle || icon\" class=\"flex gap-2 items-center\">\n            <component :is=\"icon\" v-if=\"icon\" :class=\"iconClasses\" />\n            <div\n                v-if=\"showTitle\"\n                :class=\"[titleClass, { 'mb-2': showValidator }]\"\n            >\n                {{ $t(title) }}\n            </div>\n        </div>\n\n        <div v-if=\"showValidator\" class=\"flex flex-col\">\n            <div\n                v-for=\"(requirement, index) in requirements\"\n                :key=\"index\"\n                class=\"flex gap-3 items-start\"\n            >\n                <div class=\"h-3 w-3\">\n                    <component\n                        :is=\"requirement.isValid() ? 'CheckIcon' : 'XIcon'\"\n                        :class=\"{\n                            'bg-lemon-green ': requirement.isValid(),\n                            'bg-alert': !requirement.isValid(),\n                        }\"\n                        class=\"inline-block rounded-full fill-current flex-shrink-0 text-white h-4 w-4 p-1\"\n                        appearence=\"thick\"\n                    />\n                </div>\n                <span class=\"text-gray-800\">{{\n                    $t(requirement.translationKey)\n                }}</span>\n            </div>\n        </div>\n    </TooltipWrapper>\n</template>\n\n<script>\nimport CheckIcon from \"@/Components/Icons/CheckIcon.vue\";\nimport XIcon from \"@/Components/Icons/XIcon.vue\";\nimport TooltipWrapper from \"@/Components/Tooltips/TooltipWrapper.vue\";\nimport { withTooltipProps, useTooltipSetup } from \"@/Mixins/TooltipMixin\";\nimport { defineComponent, computed, watchEffect } from \"vue\";\n\nexport default defineComponent({\n    name: \"PasswordRequirementsTooltip\",\n    components: {\n        CheckIcon,\n        XIcon,\n        TooltipWrapper,\n    },\n    props: {\n        ...withTooltipProps(),\n        password: {\n            type: String,\n            required: true,\n        },\n        email: {\n            type: String,\n            required: true,\n        },\n    },\n    emits: [\"validated\"],\n    setup(props, { emit }) {\n        const requirements = computed(() => {\n            return [\n                {\n                    isValid: () => {\n                        return props.password\n                            ? props.password.toLowerCase() !==\n                                  props.email.toLowerCase()\n                            : false;\n                    },\n                    translationKey:\n                        \"form.password.tooltips.is_different_from_email\",\n                },\n                {\n                    isValid: () => {\n                        return props.password.length >= 8;\n                    },\n                    translationKey: \"form.password.tooltips.at_least_8_chars\",\n                },\n                {\n                    isValid: () => {\n                        return props.password.match(\n                            /^(?=.*[a-zA-Z])(?=.*[0-9\\W])(?=.*[A-Za-z\\d@$!%*#?&]).*$/\n                        )\n                            ? true\n                            : false;\n                    },\n                    translationKey: \"form.password.tooltips.is_alphanumeric\",\n                },\n            ];\n        });\n\n        watchEffect(() => {\n            let isValid = true;\n\n            requirements.value.forEach((requirement) => {\n                if (!requirement.isValid()) {\n                    isValid = false;\n                }\n            });\n\n            emit(`validated`, isValid);\n        });\n\n        return { ...useTooltipSetup(props), requirements };\n    },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx","withTooltipProps","val","useTooltipSetup","props","tooltipRef","ref","watch","value","createPopper","CheckIcon","XIcon","TooltipWrapper","emit","requirements","computed","watchEffect","isValid","requirement","_hoisted_3","_hoisted_4","_createBlock","_component_TooltipWrapper","_resolveDynamicComponent","_normalizeClass","_toDisplayString","_hoisted_2","_Fragment","_renderList","index"],"mappings":"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"}