@autenticar-me/vue 0.16.0 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +94 -0
- package/dist/components/UserProfile.vue.d.ts.map +1 -1
- package/dist/index.cjs +182 -115
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +182 -115
- package/dist/index.js.map +1 -1
- package/dist/utils/auth-polling.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
(function() {
|
|
3
3
|
if (typeof document !== 'undefined') {
|
|
4
4
|
const style = document.createElement('style');
|
|
5
|
-
style.textContent = ":root {\n --atm-bg-primary: #ffffff;\n --atm-bg-secondary: #f8f9fa;\n --atm-bg-tertiary: #f0f0f0;\n\n --atm-text-primary: #333333;\n --atm-text-secondary: #666666;\n --atm-text-tertiary: #999999;\n --atm-text-muted: #888888;\n\n --atm-border-color: #dddddd;\n --atm-border-hover: #cccccc;\n\n --atm-input-bg: #ffffff;\n --atm-input-disabled: #f5f5f5;\n --atm-input-border: #dddddd;\n\n --atm-error-color: #dc3545;\n --atm-success-color: #28a745;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.atm-theme-dark,\n:root.atm-theme-dark {\n --atm-bg-primary: #1a1a1a;\n --atm-bg-secondary: #2d2d2d;\n --atm-bg-tertiary: #404040;\n\n --atm-text-primary: #e0e0e0;\n --atm-text-secondary: #b0b0b0;\n --atm-text-tertiary: #808080;\n --atm-text-muted: #999999;\n\n --atm-border-color: #404040;\n --atm-border-hover: #505050;\n\n --atm-input-bg: #2d2d2d;\n --atm-input-disabled: #1f1f1f;\n --atm-input-border: #404040;\n\n --atm-error-color: #ff6b6b;\n --atm-success-color: #51cf66;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\n}\n\n.atm-overlay[data-v-5a315eca] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-5a315eca] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-5a315eca] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-5a315eca] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: var(--atm-bg-primary);\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: var(--atm-shadow-md);\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-5a315eca] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: var(--atm-text-tertiary);\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: color 0.2s;\n}\n.atm-close-button[data-v-5a315eca]:hover {\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--atm-text-primary);\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 1rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-5a315eca] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-5a315eca] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-5a315eca] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-5a315eca] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-5a315eca] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-5a315eca] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-5a315eca] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-5a315eca] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-login-container[data-v-b88e6b76] {\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-b88e6b76] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-b88e6b76] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v70f1a692);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-b88e6b76] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-b88e6b76] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-b88e6b76]:focus {\n outline: none;\n border-color: var(--v70f1a692);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-b88e6b76]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-b88e6b76] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-b88e6b76] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v4a1729f6);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-b88e6b76] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-b88e6b76] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-b88e6b76]:hover:not(:disabled) {\n background: var(--atm-bg-tertiary);\n border-color: var(--v70f1a692);\n}\n.atm-strategy-button[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v70f1a692);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-b88e6b76]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-b88e6b76]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-b88e6b76] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-b88e6b76] {\n animation: spin-b88e6b76 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-b88e6b76] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-b88e6b76 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-b88e6b76] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-b88e6b76] {\n color: var(--v4a1729f6);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-b88e6b76]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-b88e6b76] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-b88e6b76] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-b88e6b76] {\n font-size: 10px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-b88e6b76] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signup-container[data-v-00e77670] {\n width: 100%;\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-00e77670] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-00e77670] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-00e77670] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v68a45cdb);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-00e77670] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-00e77670] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-00e77670] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-00e77670]:focus {\n outline: none;\n border-color: var(--v68a45cdb);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-00e77670]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-00e77670] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-00e77670] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v68a45cdb);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-00e77670]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-00e77670]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-00e77670] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-00e77670] {\n animation: spin-00e77670 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-00e77670] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-00e77670 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-00e77670] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-00e77670] {\n color: var(--acf3bbae);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-00e77670]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-00e77670] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-00e77670] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-00e77670] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-00e77670] {\n font-size: 10px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-00e77670] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-43bf662d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v12e673a0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-43bf662d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-b58cb91d] {\n padding: 24px;\n text-align: center;\n}\n.atm-disabled-message[data-v-b58cb91d] {\n margin-bottom: 16px;\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-b58cb91d] {\n padding: 12px 24px;\n background: #007bff;\n color: #ffffff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-b58cb91d]:hover {\n opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1c336c46);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-d9ac9b54]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v4c42b40c);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n color: var(--atm-text-primary);\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n width: 280px;\n background: var(--atm-bg-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 8px;\n box-shadow: var(--atm-shadow-md);\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-position-left {\n left: 0;\n right: auto;\n}\n.atm-position-right {\n right: 0;\n left: auto;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--atm-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: var(--atm-text-secondary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: var(--atm-text-primary);\n gap: 10px;\n transition: background 0.2s;\n}\n.atm-profile-option:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: var(--atm-text-secondary);\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: var(--atm-bg-primary);\n border-radius: 12px;\n box-shadow: var(--atm-shadow-md);\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: var(--atm-text-secondary);\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid var(--atm-border-color);\n background: var(--atm-bg-secondary);\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--atm-text-secondary);\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\n color: var(--v4c42b40c) !important;\n background: var(--atm-bg-primary);\n border-bottom: 2px solid var(--v4c42b40c);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v4c42b40c);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v4c42b40c);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v4c42b40c);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-secondary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: var(--atm-bg-secondary);\n border-radius: 6px;\n border: 1px solid var(--atm-border-color);\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--atm-text-primary);\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--v955ac0f0);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v4c42b40c);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: var(--atm-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--atm-border-color);\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--v955ac0f0);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-session-device-info {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: var(--atm-text-primary);\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-fc53d394] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v3d3b8ec0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-fc53d394]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
|
|
5
|
+
style.textContent = ":root {\n --atm-bg-primary: #ffffff;\n --atm-bg-secondary: #f8f9fa;\n --atm-bg-tertiary: #f0f0f0;\n\n --atm-text-primary: #333333;\n --atm-text-secondary: #666666;\n --atm-text-tertiary: #999999;\n --atm-text-muted: #888888;\n\n --atm-border-color: #dddddd;\n --atm-border-hover: #cccccc;\n\n --atm-input-bg: #ffffff;\n --atm-input-disabled: #f5f5f5;\n --atm-input-border: #dddddd;\n\n --atm-error-color: #dc3545;\n --atm-success-color: #28a745;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.atm-theme-dark,\n:root.atm-theme-dark {\n --atm-bg-primary: #1a1a1a;\n --atm-bg-secondary: #2d2d2d;\n --atm-bg-tertiary: #404040;\n\n --atm-text-primary: #e0e0e0;\n --atm-text-secondary: #b0b0b0;\n --atm-text-tertiary: #808080;\n --atm-text-muted: #999999;\n\n --atm-border-color: #404040;\n --atm-border-hover: #505050;\n\n --atm-input-bg: #2d2d2d;\n --atm-input-disabled: #1f1f1f;\n --atm-input-border: #404040;\n\n --atm-error-color: #ff6b6b;\n --atm-success-color: #51cf66;\n\n --atm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);\n --atm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.5);\n}\n\n.atm-overlay[data-v-005ced7c] {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n overflow-y: auto;\n padding: 1.5rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 1.5rem;\n width: 100%;\n margin: auto;\n}\n.atm-fade-layer[data-v-005ced7c] {\n position: fixed;\n inset: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n.atm-fade-bg[data-v-005ced7c] {\n position: absolute;\n inset: 0;\n opacity: 0.75;\n}\n.atm-modal[data-v-005ced7c] {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n background-color: var(--atm-bg-primary, #ffffff);\n border-radius: 0.5rem;\n text-align: left;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n transform: translate(0);\n transition: all 0.2s ease-in-out;\n max-width: 32rem;\n width: 100%;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n}\n.atm-close-button[data-v-005ced7c] {\n position: absolute;\n top: 1rem;\n right: 1rem;\n color: var(--atm-text-tertiary);\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: color 0.2s;\n}\n.atm-close-button[data-v-005ced7c]:hover {\n color: var(--atm-text-secondary);\n}\n.atm-icon[data-v-005ced7c] {\n width: 1.5rem;\n height: 1.5rem;\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 1.25rem;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 1.125rem;\n font-weight: 500;\n color: var(--atm-text-primary);\n margin: 0;\n margin-bottom: 0.75rem;\n}\n@media (max-width: 768px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 1rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 1rem;\n}\n.atm-modal[data-v-005ced7c] {\n border-radius: 0.375rem;\n max-height: calc(100vh - 2rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 1rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 1rem;\n margin-bottom: 0.75rem;\n}\n.atm-close-button[data-v-005ced7c] {\n top: 0.75rem;\n right: 0.75rem;\n}\n.atm-icon[data-v-005ced7c] {\n width: 1.25rem;\n height: 1.25rem;\n}\n}\n@media (max-width: 480px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 0.5rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 0.5rem;\n}\n.atm-modal[data-v-005ced7c] {\n border-radius: 0.25rem;\n max-width: 100%;\n max-height: calc(100vh - 1rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 0.875rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 0.9375rem;\n margin-bottom: 0.625rem;\n}\n.atm-close-button[data-v-005ced7c] {\n top: 0.5rem;\n right: 0.5rem;\n}\n}\n@media (max-width: 360px) {\n.atm-overlay[data-v-005ced7c] {\n padding: 0.25rem 0;\n}\n.atm-container[data-v-005ced7c] {\n padding: 0 0.25rem;\n}\n.atm-modal[data-v-005ced7c] {\n max-height: calc(100vh - 0.5rem);\n}\n.atm-modal-content[data-v-005ced7c] {\n padding: 0.75rem;\n}\n.atm-modal-title[data-v-005ced7c] {\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n}\n}\n\n.atm-notification-container[data-v-f5e47084] {\n font-family: Arial, Helvetica, sans-serif;\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 99999;\n pointer-events: none;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 12px 16px;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n min-width: 250px;\n max-width: 350px;\n pointer-events: auto;\n}\n.atm-notification--error[data-v-f5e47084] {\n background: #ff3333;\n color: #FFF;\n}\n.atm-notification--success[data-v-f5e47084] {\n background: #00a622;\n color: #FFF;\n}\n.atm-notification--warning[data-v-f5e47084] {\n background: #ffa500;\n color: #FFF;\n}\n.atm-notification-enter-active[data-v-f5e47084] {\n transition: all 0.3s ease-out;\n}\n.atm-notification-leave-active[data-v-f5e47084] {\n transition: all 0.3s ease-in;\n}\n.atm-notification-enter-from[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n.atm-notification-leave-to[data-v-f5e47084] {\n transform: translateX(100%);\n opacity: 0;\n}\n@media (max-width: 768px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 16px;\n right: 16px;\n left: 16px;\n}\n.atm-notification[data-v-f5e47084] {\n min-width: auto;\n max-width: 100%;\n padding: 11px 14px;\n font-size: 13px;\n}\n}\n@media (max-width: 480px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 12px;\n right: 12px;\n left: 12px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 10px 12px;\n font-size: 12px;\n border-radius: 5px;\n}\n}\n@media (max-width: 360px) {\n.atm-notification-container[data-v-f5e47084] {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n.atm-notification[data-v-f5e47084] {\n padding: 9px 11px;\n font-size: 11px;\n border-radius: 4px;\n}\n}\n\n.atm-login-container[data-v-b88e6b76] {\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-b88e6b76] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-b88e6b76] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v70f1a692);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-b88e6b76] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-b88e6b76] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-b88e6b76]:focus {\n outline: none;\n border-color: var(--v70f1a692);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-b88e6b76]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-b88e6b76] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-alternative-options[data-v-b88e6b76] {\n margin-top: 8px;\n text-align: center;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 12px;\n background: none;\n border: none;\n color: var(--v4a1729f6);\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n font-family: inherit;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:hover:not(:disabled) {\n text-decoration: underline;\n}\n.atm-forgot-password-link[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-strategy-choice[data-v-b88e6b76] {\n text-align: center;\n margin-bottom: 12px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin-bottom: 12px;\n}\n.atm-strategy-buttons[data-v-b88e6b76] {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.2s;\n}\n.atm-strategy-button[data-v-b88e6b76]:hover:not(:disabled) {\n background: var(--atm-bg-tertiary);\n border-color: var(--v70f1a692);\n}\n.atm-strategy-button[data-v-b88e6b76]:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 14px;\n color: var(--atm-text-secondary);\n margin: 0;\n text-align: center;\n}\n.atm-login-button[data-v-b88e6b76] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v70f1a692);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-login-button[data-v-b88e6b76]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-login-button[data-v-b88e6b76]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-b88e6b76] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-b88e6b76] {\n animation: spin-b88e6b76 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-b88e6b76] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-b88e6b76 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-signup-text[data-v-b88e6b76] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-signup-link[data-v-b88e6b76] {\n color: var(--v4a1729f6);\n text-decoration: none;\n cursor: pointer;\n}\n.atm-signup-link[data-v-b88e6b76]:hover {\n text-decoration: underline;\n}\n.atm-powered-by[data-v-b88e6b76] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-b88e6b76] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-forgot-password-link[data-v-b88e6b76] {\n font-size: 11px;\n}\n.atm-strategy-title[data-v-b88e6b76] {\n font-size: 13px;\n margin-bottom: 10px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 9px;\n font-size: 13px;\n}\n.atm-email-link-text[data-v-b88e6b76] {\n font-size: 13px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-b88e6b76] {\n font-size: 10px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-b88e6b76] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-b88e6b76] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-b88e6b76] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-b88e6b76] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-b88e6b76] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-b88e6b76] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-b88e6b76] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-login-button[data-v-b88e6b76] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-strategy-button[data-v-b88e6b76] {\n padding: 8px;\n font-size: 12px;\n}\n.atm-footer-links[data-v-b88e6b76] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-b88e6b76] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signup-container[data-v-00e77670] {\n width: 100%;\n background: var(--atm-bg-primary);\n border-radius: 8px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n text-align: center;\n}\n.atm-logo-container[data-v-00e77670] {\n margin-bottom: 12px;\n}\n.atm-logo-placeholder[data-v-00e77670] {\n width: 44px;\n height: 44px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--atm-bg-tertiary);\n border-radius: 50%;\n color: var(--atm-text-muted);\n font-size: 11px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 44px;\n max-height: 44px;\n margin: 0 auto;\n display: block;\n border-radius: 4px;\n object-fit: contain;\n}\n.atm-project-name[data-v-00e77670] {\n margin: 0 0 4px 0;\n font-size: 18px;\n color: var(--v68a45cdb);\n font-weight: 600;\n}\n.atm-welcome-text[data-v-00e77670] {\n margin: 0 0 16px 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 12px;\n text-align: left;\n}\n.atm-input-label[data-v-00e77670] {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field[data-v-00e77670] {\n width: 100%;\n padding: 8px 10px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field[data-v-00e77670]:focus {\n outline: none;\n border-color: var(--v68a45cdb);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-input-field[data-v-00e77670]:disabled {\n background-color: var(--atm-input-disabled);\n cursor: not-allowed;\n}\n.atm-field-error[data-v-00e77670] {\n color: var(--atm-error-color);\n font-size: 12px;\n margin-top: 4px;\n text-align: left;\n}\n.atm-signup-button[data-v-00e77670] {\n width: 100%;\n padding: 10px;\n margin-top: 4px;\n background: var(--v68a45cdb);\n color: #ffffff;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n min-height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.atm-signup-button[data-v-00e77670]:hover:not(:disabled) {\n opacity: 0.9;\n transform: translateY(-1px);\n}\n.atm-signup-button[data-v-00e77670]:disabled {\n opacity: 0.8;\n cursor: not-allowed;\n transform: none;\n}\n.button-spinner[data-v-00e77670] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: #fff;\n font-weight: 500;\n}\n.spinner-svg[data-v-00e77670] {\n animation: spin-00e77670 1s linear infinite;\n width: 18px;\n height: 18px;\n stroke: #fff;\n}\n.spinner-circle[data-v-00e77670] {\n stroke-dasharray: 90, 150;\n stroke-linecap: round;\n}\n@keyframes spin-00e77670 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 16px;\n font-size: 13px;\n}\n.atm-login-text[data-v-00e77670] {\n color: var(--atm-text-secondary);\n margin-bottom: 6px;\n}\n.atm-login-link[data-v-00e77670] {\n color: var(--acf3bbae);\n text-decoration: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-login-link[data-v-00e77670]:hover:not(.disabled-link) {\n text-decoration: underline;\n}\n.atm-login-link.disabled-link[data-v-00e77670] {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n.atm-powered-by[data-v-00e77670] {\n color: var(--atm-text-tertiary);\n font-size: 11px;\n margin: 0;\n}\n@media (max-width: 768px) {\n.atm-project-name[data-v-00e77670] {\n font-size: 17px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 13px;\n margin-bottom: 14px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 40px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 14px;\n font-size: 12px;\n}\n}\n@media (max-width: 480px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 40px;\n height: 40px;\n font-size: 10px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 40px;\n max-height: 40px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 16px;\n margin-bottom: 4px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 12px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 10px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 12px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 7px 9px;\n font-size: 13px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 13px;\n padding: 9px;\n min-height: 38px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 12px;\n font-size: 12px;\n}\n.atm-powered-by[data-v-00e77670] {\n font-size: 10px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 16px;\n height: 16px;\n}\n.button-spinner[data-v-00e77670] {\n gap: 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-logo-placeholder[data-v-00e77670] {\n width: 36px;\n height: 36px;\n font-size: 9px;\n}\n.atm-logo-image[data-v-00e77670] {\n max-width: 36px;\n max-height: 36px;\n}\n.atm-project-name[data-v-00e77670] {\n font-size: 15px;\n margin-bottom: 3px;\n}\n.atm-welcome-text[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 10px;\n}\n.atm-form-group[data-v-00e77670] {\n margin-bottom: 8px;\n}\n.atm-input-label[data-v-00e77670] {\n font-size: 11px;\n margin-bottom: 3px;\n}\n.atm-input-field[data-v-00e77670] {\n padding: 6px 8px;\n font-size: 12px;\n}\n.atm-signup-button[data-v-00e77670] {\n font-size: 12px;\n padding: 8px;\n min-height: 36px;\n}\n.atm-footer-links[data-v-00e77670] {\n margin-top: 10px;\n font-size: 11px;\n}\n.spinner-svg[data-v-00e77670] {\n width: 14px;\n height: 14px;\n}\n}\n\n.atm-signin-btn[data-v-43bf662d] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v12e673a0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signin-btn[data-v-43bf662d]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signin-btn[data-v-43bf662d] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-registration-disabled[data-v-b58cb91d] {\n padding: 24px;\n text-align: center;\n}\n.atm-disabled-message[data-v-b58cb91d] {\n margin-bottom: 16px;\n color: var(--atm-text-primary);\n}\n.atm-disabled-login-btn[data-v-b58cb91d] {\n padding: 12px 24px;\n background: #007bff;\n color: #ffffff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n transition: opacity 0.2s;\n}\n.atm-disabled-login-btn[data-v-b58cb91d]:hover {\n opacity: 0.9;\n}\n\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v1c336c46);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.2s;\n min-height: 44px;\n}\n.atm-signup-btn[data-v-d9ac9b54]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-signup-btn[data-v-d9ac9b54] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n\n.atm-profile-container {\n position: relative;\n display: inline-block;\n font-family: 'Segoe UI', system-ui, sans-serif;\n}\n.atm-profile-button {\n display: flex;\n align-items: center;\n gap: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px 12px;\n border-radius: 6px;\n transition: background 0.2s;\n}\n.atm-profile-button:hover {\n background: var(--atm-bg-secondary);\n}\n.atm-profile-avatar {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--v695a1c26);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.atm-profile-avatar.large {\n width: 48px;\n height: 48px;\n font-size: 16px;\n}\n.atm-profile-avatar-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n.atm-profile-name {\n font-size: 14px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-arrow {\n width: 16px;\n height: 16px;\n color: var(--atm-text-primary);\n transition: transform 0.2s;\n}\n.atm-rotate {\n transform: rotate(180deg);\n}\n.atm-profile-menu {\n position: absolute;\n top: 100%;\n width: 280px;\n background: var(--atm-bg-primary, #ffffff);\n border: 1px solid var(--atm-border-color, #e0e0e0);\n border-radius: 8px;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n z-index: 1000;\n overflow: hidden;\n margin-top: 4px;\n}\n.atm-position-left {\n left: 0;\n right: auto;\n}\n.atm-position-right {\n right: 0;\n left: auto;\n}\n.atm-profile-info {\n display: flex;\n gap: 12px;\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n}\n.atm-profile-details {\n flex: 1;\n min-width: 0;\n}\n.atm-profile-fullname {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--atm-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-email {\n margin: 4px 0 0;\n font-size: 13px;\n color: var(--atm-text-secondary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.atm-profile-options {\n padding: 8px 0;\n}\n.atm-profile-option {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 16px;\n background: none;\n border: none;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n color: var(--atm-text-primary, #333333);\n gap: 10px;\n transition: all 0.2s;\n border-radius: 4px;\n}\n.atm-profile-option:hover {\n background: var(--atm-bg-secondary, #f5f5f5);\n transform: translateX(2px);\n}\n.atm-profile-icon {\n width: 18px;\n height: 18px;\n color: var(--atm-text-secondary);\n}\n.atm-fade-enter-active,\n.atm-fade-leave-active {\n transition: opacity 0.2s, transform 0.2s;\n}\n.atm-fade-enter-from,\n.atm-fade-leave-to {\n opacity: 0;\n transform: translateY(-10px);\n}\n.atm-profile-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n padding: 1.5rem;\n}\n.atm-profile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: none;\n}\n.atm-profile-content {\n position: relative;\n width: 100%;\n max-width: 450px;\n background: var(--atm-bg-primary, #ffffff);\n border-radius: 12px;\n box-shadow: var(--atm-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));\n z-index: 1;\n max-height: calc(100vh - 3rem);\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n.atm-profile-header {\n padding: 16px;\n border-bottom: 1px solid var(--atm-border-color);\n display: flex;\n align-items: center;\n}\n.atm-profile-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n padding: 8px;\n margin-right: 12px;\n color: var(--atm-text-secondary);\n transition: color 0.2s;\n}\n.atm-profile-close:hover {\n color: var(--atm-text-primary);\n}\n.atm-profile-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-profile-tabs {\n display: flex;\n border-bottom: 1px solid var(--atm-border-color);\n background: var(--atm-bg-secondary);\n}\n.atm-tab {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 12px 16px;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--atm-text-secondary);\n transition: all 0.2s;\n}\n.atm-tab:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-tab-active {\n color: var(--v695a1c26) !important;\n background: var(--atm-bg-primary);\n border-bottom: 2px solid var(--v695a1c26);\n}\n.atm-tab-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-body {\n padding: 24px;\n text-align: center;\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n}\n.atm-profile-avatar-large {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--v695a1c26);\n color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto 20px;\n position: relative;\n cursor: pointer;\n transition: transform 0.2s;\n}\n.atm-profile-avatar-large:hover {\n transform: scale(1.05);\n}\n.atm-profile-avatar-large.atm-uploading {\n pointer-events: none;\n opacity: 0.7;\n}\n.atm-avatar-overlay {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.2s;\n}\n.atm-profile-avatar-large:hover .atm-avatar-overlay {\n opacity: 1;\n}\n.atm-profile-avatar-large.atm-uploading .atm-avatar-overlay {\n opacity: 1;\n}\n.atm-camera-icon {\n width: 32px;\n height: 32px;\n color: white;\n}\n.atm-spinner {\n width: 32px;\n height: 32px;\n border: 3px solid rgba(255, 255, 255, 0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: atm-spin 0.8s linear infinite;\n}\n@keyframes atm-spin {\nto {\n transform: rotate(360deg);\n}\n}\n.atm-profile-info-grid {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-profile-info-row {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 4px;\n}\n.atm-profile-info-value {\n font-size: 16px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-profile-edit-form {\n width: 100%;\n text-align: left;\n margin-top: 20px;\n}\n.atm-form-group {\n margin-bottom: 16px;\n}\n.atm-input-label {\n display: block;\n margin-bottom: 6px;\n font-size: 13px;\n color: var(--atm-text-primary);\n font-weight: 500;\n}\n.atm-input-field {\n width: 100%;\n padding: 10px 12px;\n background: var(--atm-input-bg);\n color: var(--atm-text-primary);\n border: 1px solid var(--atm-input-border);\n border-radius: 6px;\n font-size: 14px;\n box-sizing: border-box;\n transition: border-color 0.2s;\n}\n.atm-input-field:focus {\n outline: none;\n border-color: var(--v695a1c26);\n box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);\n}\n.atm-form-actions {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.atm-save-btn,\n.atm-edit-profile-btn,\n.atm-reset-password-btn,\n.atm-add-email-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px;\n background: var(--v695a1c26);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n justify-content: center;\n}\n.atm-save-btn:hover,\n.atm-edit-profile-btn:hover,\n.atm-reset-password-btn:hover,\n.atm-add-email-btn:hover {\n opacity: 0.9;\n}\n.atm-cancel-btn {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n padding: 12px;\n background: var(--atm-bg-secondary);\n color: var(--atm-text-secondary);\n border: 1px solid var(--atm-border-color);\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n justify-content: center;\n}\n.atm-cancel-btn:hover {\n background: var(--atm-bg-tertiary);\n color: var(--atm-text-primary);\n}\n.atm-btn-icon {\n width: 16px;\n height: 16px;\n}\n.atm-email-add-section {\n margin-bottom: 24px;\n text-align: left;\n}\n.atm-email-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n text-align: left;\n}\n.atm-email-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px;\n background: var(--atm-bg-secondary);\n border-radius: 6px;\n border: 1px solid var(--atm-border-color);\n}\n.atm-email-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n.atm-email-address {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--atm-text-primary);\n}\n.atm-email-icon {\n width: 16px;\n height: 16px;\n color: var(--v1ae3babb);\n}\n.atm-email-badges {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n.atm-badge {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-weight: 500;\n border-radius: 12px;\n text-transform: uppercase;\n}\n.atm-badge-icon {\n width: 12px;\n height: 12px;\n}\n.atm-badge-primary {\n background: #e3f2fd;\n color: #1976d2;\n}\n.atm-badge-verified {\n background: #e8f5e8;\n color: #2e7d32;\n}\n.atm-badge-unverified {\n background: #fff3e0;\n color: #f57c00;\n}\n.atm-email-actions {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-verify-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--v695a1c26);\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-verify-btn:hover {\n opacity: 0.9;\n}\n.atm-delete-btn {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n.atm-delete-btn:hover {\n opacity: 0.9;\n}\n.atm-password-section {\n text-align: left;\n}\n.atm-sessions-section {\n text-align: left;\n}\n.atm-sessions-info {\n margin-bottom: 20px;\n}\n.atm-sessions-description {\n margin: 0;\n font-size: 14px;\n color: var(--atm-text-secondary);\n line-height: 1.5;\n}\n.atm-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.atm-session-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: var(--atm-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--atm-border-color);\n gap: 16px;\n}\n.atm-session-header {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-session-icon {\n width: 24px;\n height: 24px;\n color: var(--v1ae3babb);\n flex-shrink: 0;\n}\n.atm-session-details {\n flex: 1;\n min-width: 0;\n}\n.atm-session-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n font-size: 15px;\n font-weight: 600;\n color: var(--atm-text-primary);\n}\n.atm-session-device-info {\n font-size: 13px;\n color: var(--atm-text-secondary);\n margin-bottom: 8px;\n}\n.atm-badge-current {\n background: #d1f4e0;\n color: #0f9d58;\n}\n.atm-session-timestamps {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.atm-session-timestamp {\n display: flex;\n gap: 6px;\n font-size: 13px;\n color: var(--atm-text-secondary);\n}\n.atm-timestamp-label {\n font-weight: 500;\n color: var(--atm-text-primary);\n}\n.atm-session-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.atm-close-session-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: #dc3545;\n color: white;\n border: none;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n white-space: nowrap;\n}\n.atm-close-session-btn:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-profile-button {\n padding: 6px 10px;\n gap: 6px;\n}\n.atm-profile-name {\n font-size: 13px;\n}\n.atm-profile-menu {\n width: 260px;\n}\n.atm-profile-modal {\n padding: 1rem;\n}\n.atm-profile-content {\n max-width: 90%;\n max-height: calc(100vh - 2rem);\n}\n.atm-profile-header {\n padding: 14px;\n}\n.atm-profile-title {\n font-size: 16px;\n}\n.atm-profile-body {\n padding: 20px;\n}\n.atm-tab {\n padding: 10px 12px;\n font-size: 13px;\n gap: 4px;\n}\n.atm-tab-icon {\n width: 14px;\n height: 14px;\n}\n.atm-profile-avatar-large {\n width: 70px;\n height: 70px;\n font-size: 22px;\n}\n.atm-email-item {\n flex-direction: column;\n gap: 12px;\n align-items: flex-start;\n}\n.atm-email-actions {\n flex-direction: row;\n width: 100%;\n}\n.atm-verify-btn,\n .atm-delete-btn {\n flex: 1;\n justify-content: center;\n}\n.atm-session-item {\n flex-direction: column;\n align-items: flex-start;\n}\n.atm-session-actions {\n width: 100%;\n}\n.atm-close-session-btn {\n width: 100%;\n justify-content: center;\n}\n}\n@media (max-width: 480px) {\n.atm-profile-button {\n padding: 4px 8px;\n gap: 4px;\n}\n.atm-profile-avatar {\n width: 28px;\n height: 28px;\n font-size: 11px;\n}\n.atm-profile-avatar.large {\n width: 40px;\n height: 40px;\n font-size: 14px;\n}\n.atm-profile-name {\n font-size: 12px;\n}\n.atm-profile-arrow {\n width: 14px;\n height: 14px;\n}\n.atm-profile-menu {\n width: calc(100vw - 20px);\n max-width: 240px;\n}\n.atm-profile-info {\n padding: 12px;\n gap: 10px;\n}\n.atm-profile-fullname {\n font-size: 13px;\n}\n.atm-profile-email {\n font-size: 12px;\n}\n.atm-profile-option {\n padding: 8px 12px;\n font-size: 13px;\n gap: 8px;\n}\n.atm-profile-icon {\n width: 16px;\n height: 16px;\n}\n.atm-profile-modal {\n padding: 0.5rem;\n}\n.atm-profile-content {\n max-width: 95%;\n max-height: calc(100vh - 1rem);\n}\n.atm-profile-header {\n padding: 12px;\n}\n.atm-profile-close {\n font-size: 20px;\n padding: 4px;\n margin-right: 8px;\n}\n.atm-profile-title {\n font-size: 15px;\n}\n.atm-profile-body {\n padding: 16px;\n}\n.atm-tab {\n padding: 8px 8px;\n font-size: 12px;\n gap: 3px;\n}\n.atm-tab-icon {\n width: 13px;\n height: 13px;\n}\n.atm-profile-avatar-large {\n width: 60px;\n height: 60px;\n font-size: 20px;\n margin-bottom: 16px;\n}\n.atm-profile-info-label {\n font-size: 12px;\n}\n.atm-profile-info-value {\n font-size: 14px;\n}\n.atm-input-label {\n font-size: 12px;\n}\n.atm-input-field {\n padding: 8px 10px;\n font-size: 13px;\n}\n.atm-form-actions {\n flex-direction: column;\n gap: 8px;\n}\n.atm-save-btn,\n .atm-cancel-btn,\n .atm-edit-profile-btn,\n .atm-reset-password-btn {\n width: 100%;\n padding: 10px;\n font-size: 13px;\n}\n.atm-email-item {\n padding: 10px;\n}\n.atm-email-address {\n font-size: 13px;\n}\n.atm-badge {\n font-size: 10px;\n padding: 2px 6px;\n}\n}\n@media (max-width: 360px) {\n.atm-profile-button {\n padding: 4px 6px;\n}\n.atm-profile-avatar {\n width: 26px;\n height: 26px;\n font-size: 10px;\n}\n.atm-profile-name {\n display: none;\n}\n.atm-profile-menu {\n width: calc(100vw - 16px);\n max-width: 220px;\n}\n.atm-profile-modal {\n padding: 0.25rem;\n}\n.atm-profile-content {\n max-width: 98%;\n max-height: calc(100vh - 0.5rem);\n}\n.atm-profile-body {\n padding: 12px;\n}\n.atm-tab {\n padding: 8px 6px;\n font-size: 11px;\n flex-direction: column;\n gap: 2px;\n}\n.atm-profile-avatar-large {\n width: 50px;\n height: 50px;\n font-size: 18px;\n}\n.atm-email-item {\n padding: 8px;\n}\n}\n\n.atm-auth-buttons[data-v-0c63ecb8] {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n}\n@media (max-width: 768px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 14px;\n}\n}\n@media (max-width: 480px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 12px;\n flex-direction: column;\n}\n}\n@media (max-width: 360px) {\n.atm-auth-buttons[data-v-0c63ecb8] {\n gap: 10px;\n}\n}\n\n.atm-logout-btn[data-v-fc53d394] {\n padding: 12px;\n margin-top: 8px;\n background: var(--v3d3b8ec0);\n color: #FFF;\n border: none;\n border-radius: 6px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.2s;\n min-height: 44px;\n}\n.atm-logout-btn[data-v-fc53d394]:hover {\n opacity: 0.9;\n}\n@media (max-width: 768px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 11px;\n font-size: 13px;\n min-height: 42px;\n}\n}\n@media (max-width: 480px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 10px;\n font-size: 13px;\n min-height: 40px;\n}\n}\n@media (max-width: 360px) {\n.atm-logout-btn[data-v-fc53d394] {\n padding: 9px;\n font-size: 12px;\n min-height: 38px;\n}\n}\n";
|
|
6
6
|
document.head.appendChild(style);
|
|
7
7
|
}
|
|
8
8
|
})();
|
|
@@ -71,7 +71,10 @@ const startAuthPolling = (client, user, emitLogout) => {
|
|
|
71
71
|
return;
|
|
72
72
|
}
|
|
73
73
|
authPollingInterval = window.setInterval(async () => {
|
|
74
|
-
|
|
74
|
+
const hasToken = document.cookie.includes("atm_access_token") || document.cookie.includes("atm_refresh_token");
|
|
75
|
+
if (!hasToken || user.value === null || user.value === void 0) {
|
|
76
|
+
stopAuthPolling();
|
|
77
|
+
emitLogout();
|
|
75
78
|
return;
|
|
76
79
|
}
|
|
77
80
|
try {
|
|
@@ -200,7 +203,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
200
203
|
}
|
|
201
204
|
return target;
|
|
202
205
|
};
|
|
203
|
-
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-
|
|
206
|
+
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-005ced7c"]]);
|
|
204
207
|
function useAtmClient() {
|
|
205
208
|
const { client } = useAtm();
|
|
206
209
|
return client.value;
|
|
@@ -1388,18 +1391,19 @@ const _hoisted_20 = {
|
|
|
1388
1391
|
class: "atm-btn-icon",
|
|
1389
1392
|
style: { "width": "80px", "height": "80px", "color": "white", "margin": "0 auto" }
|
|
1390
1393
|
};
|
|
1391
|
-
const _hoisted_21 = {
|
|
1394
|
+
const _hoisted_21 = { class: "atm-avatar-overlay" };
|
|
1395
|
+
const _hoisted_22 = {
|
|
1392
1396
|
key: 0,
|
|
1393
|
-
|
|
1397
|
+
viewBox: "0 0 24 24",
|
|
1398
|
+
class: "atm-camera-icon"
|
|
1394
1399
|
};
|
|
1395
|
-
const _hoisted_22 = { class: "atm-profile-info-row" };
|
|
1396
1400
|
const _hoisted_23 = {
|
|
1397
|
-
key:
|
|
1398
|
-
class: "atm-
|
|
1401
|
+
key: 1,
|
|
1402
|
+
class: "atm-spinner"
|
|
1399
1403
|
};
|
|
1400
1404
|
const _hoisted_24 = {
|
|
1401
|
-
key:
|
|
1402
|
-
class: "atm-profile-info-
|
|
1405
|
+
key: 0,
|
|
1406
|
+
class: "atm-profile-info-grid"
|
|
1403
1407
|
};
|
|
1404
1408
|
const _hoisted_25 = { class: "atm-profile-info-row" };
|
|
1405
1409
|
const _hoisted_26 = {
|
|
@@ -1411,81 +1415,90 @@ const _hoisted_27 = {
|
|
|
1411
1415
|
class: "atm-profile-info-value"
|
|
1412
1416
|
};
|
|
1413
1417
|
const _hoisted_28 = { class: "atm-profile-info-row" };
|
|
1414
|
-
const _hoisted_29 = {
|
|
1418
|
+
const _hoisted_29 = {
|
|
1419
|
+
key: 0,
|
|
1420
|
+
class: "atm-profile-info-value"
|
|
1421
|
+
};
|
|
1415
1422
|
const _hoisted_30 = {
|
|
1416
1423
|
key: 1,
|
|
1417
|
-
class: "atm-profile-
|
|
1424
|
+
class: "atm-profile-info-value"
|
|
1418
1425
|
};
|
|
1419
|
-
const _hoisted_31 = { class: "atm-
|
|
1420
|
-
const _hoisted_32 = { class: "atm-
|
|
1426
|
+
const _hoisted_31 = { class: "atm-profile-info-row" };
|
|
1427
|
+
const _hoisted_32 = { class: "atm-profile-info-value" };
|
|
1421
1428
|
const _hoisted_33 = {
|
|
1422
1429
|
key: 1,
|
|
1423
|
-
class: "atm-profile-
|
|
1430
|
+
class: "atm-profile-edit-form"
|
|
1424
1431
|
};
|
|
1425
|
-
const _hoisted_34 = { class: "atm-
|
|
1432
|
+
const _hoisted_34 = { class: "atm-form-group" };
|
|
1426
1433
|
const _hoisted_35 = { class: "atm-form-group" };
|
|
1427
|
-
const _hoisted_36 = {
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
const
|
|
1432
|
-
const
|
|
1434
|
+
const _hoisted_36 = {
|
|
1435
|
+
key: 1,
|
|
1436
|
+
class: "atm-profile-body"
|
|
1437
|
+
};
|
|
1438
|
+
const _hoisted_37 = { class: "atm-email-add-section" };
|
|
1439
|
+
const _hoisted_38 = { class: "atm-form-group" };
|
|
1440
|
+
const _hoisted_39 = { class: "atm-badge" };
|
|
1441
|
+
const _hoisted_40 = { class: "atm-email-list" };
|
|
1442
|
+
const _hoisted_41 = { class: "atm-email-info" };
|
|
1443
|
+
const _hoisted_42 = { class: "atm-email-address" };
|
|
1444
|
+
const _hoisted_43 = { class: "atm-email-badges" };
|
|
1445
|
+
const _hoisted_44 = {
|
|
1433
1446
|
key: 0,
|
|
1434
1447
|
class: "atm-badge atm-badge-primary"
|
|
1435
1448
|
};
|
|
1436
|
-
const
|
|
1449
|
+
const _hoisted_45 = {
|
|
1437
1450
|
key: 1,
|
|
1438
1451
|
class: "atm-badge atm-badge-verified"
|
|
1439
1452
|
};
|
|
1440
|
-
const
|
|
1453
|
+
const _hoisted_46 = {
|
|
1441
1454
|
key: 2,
|
|
1442
1455
|
class: "atm-badge atm-badge-unverified"
|
|
1443
1456
|
};
|
|
1444
|
-
const
|
|
1445
|
-
const
|
|
1446
|
-
const
|
|
1447
|
-
const
|
|
1457
|
+
const _hoisted_47 = { class: "atm-email-actions" };
|
|
1458
|
+
const _hoisted_48 = ["onClick"];
|
|
1459
|
+
const _hoisted_49 = ["onClick"];
|
|
1460
|
+
const _hoisted_50 = {
|
|
1448
1461
|
key: 2,
|
|
1449
1462
|
class: "atm-profile-body"
|
|
1450
1463
|
};
|
|
1451
|
-
const
|
|
1464
|
+
const _hoisted_51 = {
|
|
1452
1465
|
key: 3,
|
|
1453
1466
|
class: "atm-profile-body"
|
|
1454
1467
|
};
|
|
1455
|
-
const
|
|
1456
|
-
const
|
|
1457
|
-
const
|
|
1458
|
-
const
|
|
1459
|
-
const
|
|
1468
|
+
const _hoisted_52 = { class: "atm-sessions-section" };
|
|
1469
|
+
const _hoisted_53 = { class: "atm-sessions-list" };
|
|
1470
|
+
const _hoisted_54 = { class: "atm-session-info" };
|
|
1471
|
+
const _hoisted_55 = { class: "atm-session-header" };
|
|
1472
|
+
const _hoisted_56 = {
|
|
1460
1473
|
viewBox: "0 0 24 24",
|
|
1461
1474
|
class: "atm-session-icon"
|
|
1462
1475
|
};
|
|
1463
|
-
const
|
|
1464
|
-
const
|
|
1465
|
-
const
|
|
1466
|
-
const
|
|
1476
|
+
const _hoisted_57 = ["d"];
|
|
1477
|
+
const _hoisted_58 = { class: "atm-session-details" };
|
|
1478
|
+
const _hoisted_59 = { class: "atm-session-title" };
|
|
1479
|
+
const _hoisted_60 = {
|
|
1467
1480
|
key: 0,
|
|
1468
1481
|
class: "atm-badge atm-badge-current"
|
|
1469
1482
|
};
|
|
1470
|
-
const
|
|
1483
|
+
const _hoisted_61 = {
|
|
1471
1484
|
key: 0,
|
|
1472
1485
|
class: "atm-session-device-info"
|
|
1473
1486
|
};
|
|
1474
|
-
const
|
|
1475
|
-
const
|
|
1476
|
-
const
|
|
1477
|
-
const
|
|
1478
|
-
const
|
|
1479
|
-
const
|
|
1480
|
-
const
|
|
1481
|
-
const
|
|
1487
|
+
const _hoisted_62 = { key: 0 };
|
|
1488
|
+
const _hoisted_63 = { key: 1 };
|
|
1489
|
+
const _hoisted_64 = { key: 2 };
|
|
1490
|
+
const _hoisted_65 = { class: "atm-session-timestamps" };
|
|
1491
|
+
const _hoisted_66 = { class: "atm-session-timestamp" };
|
|
1492
|
+
const _hoisted_67 = { class: "atm-session-timestamp" };
|
|
1493
|
+
const _hoisted_68 = { class: "atm-session-actions" };
|
|
1494
|
+
const _hoisted_69 = ["onClick"];
|
|
1482
1495
|
const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
1483
1496
|
__name: "UserProfile",
|
|
1484
1497
|
emits: ["logout"],
|
|
1485
1498
|
setup(__props, { emit: __emit }) {
|
|
1486
1499
|
vue.useCssVars((_ctx) => ({
|
|
1487
|
-
"
|
|
1488
|
-
"
|
|
1500
|
+
"v695a1c26": atmPrimaryColor.value,
|
|
1501
|
+
"v1ae3babb": atmSecondaryColor.value
|
|
1489
1502
|
}));
|
|
1490
1503
|
const emit = __emit;
|
|
1491
1504
|
const { user, logout } = useAuth();
|
|
@@ -1501,6 +1514,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1501
1514
|
const newEmail = vue.ref("");
|
|
1502
1515
|
const activeTab = vue.ref("geral");
|
|
1503
1516
|
const sessions = vue.ref([]);
|
|
1517
|
+
const isUploadingPhoto = vue.ref(false);
|
|
1504
1518
|
const client = useAtmClient();
|
|
1505
1519
|
const profileForm = vue.ref({
|
|
1506
1520
|
firstName: "",
|
|
@@ -1801,6 +1815,43 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1801
1815
|
const hasFullName = vue.computed(() => {
|
|
1802
1816
|
return !!(user.value?.firstName && user.value?.lastName);
|
|
1803
1817
|
});
|
|
1818
|
+
const handlePhotoUpload = async (event) => {
|
|
1819
|
+
const input = event.target;
|
|
1820
|
+
const file = input.files?.[0];
|
|
1821
|
+
if (!file) return;
|
|
1822
|
+
const allowedTypes = ["image/jpeg", "image/jpg", "image/png"];
|
|
1823
|
+
if (!allowedTypes.includes(file.type)) {
|
|
1824
|
+
showNotification("Apenas imagens JPG e PNG são permitidas", "error");
|
|
1825
|
+
return;
|
|
1826
|
+
}
|
|
1827
|
+
if (file.size > 512 * 1024) {
|
|
1828
|
+
showNotification("A imagem deve ter no máximo 512KB", "error");
|
|
1829
|
+
return;
|
|
1830
|
+
}
|
|
1831
|
+
try {
|
|
1832
|
+
isUploadingPhoto.value = true;
|
|
1833
|
+
const token = getCookie("atm_access_token");
|
|
1834
|
+
if (!token) {
|
|
1835
|
+
showNotification("Token de acesso não encontrado", "error");
|
|
1836
|
+
isUploadingPhoto.value = false;
|
|
1837
|
+
return;
|
|
1838
|
+
}
|
|
1839
|
+
const teste = await client.account(token).updateProfileImage(file);
|
|
1840
|
+
console.log(teste);
|
|
1841
|
+
showNotification("Foto de perfil atualizada com sucesso!", "success");
|
|
1842
|
+
const profileDataUpdated = await client.account(token).getProfile();
|
|
1843
|
+
updateProfileFormWithData(profileDataUpdated);
|
|
1844
|
+
} catch (error) {
|
|
1845
|
+
showNotification(error.message || "Erro ao atualizar foto de perfil", "error");
|
|
1846
|
+
} finally {
|
|
1847
|
+
isUploadingPhoto.value = false;
|
|
1848
|
+
}
|
|
1849
|
+
input.value = "";
|
|
1850
|
+
};
|
|
1851
|
+
const triggerPhotoUpload = () => {
|
|
1852
|
+
const input = document.getElementById("photo-upload-input");
|
|
1853
|
+
input?.click();
|
|
1854
|
+
};
|
|
1804
1855
|
vue.onMounted(() => {
|
|
1805
1856
|
document.addEventListener("click", closeMenu);
|
|
1806
1857
|
window.addEventListener("resize", calculateDropdownPosition);
|
|
@@ -1996,9 +2047,17 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1996
2047
|
])], 2)
|
|
1997
2048
|
]),
|
|
1998
2049
|
activeTab.value === "geral" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
|
|
2050
|
+
vue.createElementVNode("input", {
|
|
2051
|
+
type: "file",
|
|
2052
|
+
id: "photo-upload-input",
|
|
2053
|
+
accept: "image/jpeg,image/jpg,image/png",
|
|
2054
|
+
onChange: handlePhotoUpload,
|
|
2055
|
+
style: { "display": "none" }
|
|
2056
|
+
}, null, 32),
|
|
1999
2057
|
vue.createElementVNode("div", {
|
|
2000
|
-
class: "atm-profile-avatar-large",
|
|
2001
|
-
style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value })
|
|
2058
|
+
class: vue.normalizeClass(["atm-profile-avatar-large", { "atm-uploading": isUploadingPhoto.value }]),
|
|
2059
|
+
style: vue.normalizeStyle(vue.unref(user)?.profileImage ? {} : { backgroundColor: atmPrimaryColor.value }),
|
|
2060
|
+
onClick: triggerPhotoUpload
|
|
2002
2061
|
}, [
|
|
2003
2062
|
vue.unref(user)?.profileImage ? (vue.openBlock(), vue.createElementBlock("img", {
|
|
2004
2063
|
key: 0,
|
|
@@ -2010,27 +2069,35 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2010
2069
|
fill: "currentColor",
|
|
2011
2070
|
d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
|
|
2012
2071
|
}, null, -1)
|
|
2013
|
-
])]))
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2072
|
+
])])),
|
|
2073
|
+
vue.createElementVNode("div", _hoisted_21, [
|
|
2074
|
+
!isUploadingPhoto.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_22, [..._cache[18] || (_cache[18] = [
|
|
2075
|
+
vue.createElementVNode("path", {
|
|
2076
|
+
fill: "currentColor",
|
|
2077
|
+
d: "M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z"
|
|
2078
|
+
}, null, -1)
|
|
2079
|
+
])])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23))
|
|
2080
|
+
])
|
|
2081
|
+
], 6),
|
|
2082
|
+
!isEditingProfile.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
|
|
2020
2083
|
vue.createElementVNode("div", _hoisted_25, [
|
|
2021
|
-
_cache[19] || (_cache[19] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "
|
|
2022
|
-
hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26, vue.toDisplayString(profileForm.value.
|
|
2084
|
+
_cache[19] || (_cache[19] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Nome", -1)),
|
|
2085
|
+
hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26, vue.toDisplayString(profileForm.value.firstName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_27, "Não informado"))
|
|
2023
2086
|
]),
|
|
2024
2087
|
vue.createElementVNode("div", _hoisted_28, [
|
|
2025
|
-
_cache[20] || (_cache[20] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "
|
|
2026
|
-
vue.
|
|
2088
|
+
_cache[20] || (_cache[20] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Sobrenome", -1)),
|
|
2089
|
+
hasFullName.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_29, vue.toDisplayString(profileForm.value.lastName), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_30, "Não informado"))
|
|
2090
|
+
]),
|
|
2091
|
+
vue.createElementVNode("div", _hoisted_31, [
|
|
2092
|
+
_cache[21] || (_cache[21] = vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Email Principal", -1)),
|
|
2093
|
+
vue.createElementVNode("span", _hoisted_32, vue.toDisplayString(profileForm.value.primaryEmailAddress), 1)
|
|
2027
2094
|
]),
|
|
2028
2095
|
vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
|
|
2029
2096
|
vue.createElementVNode("button", {
|
|
2030
2097
|
class: "atm-edit-profile-btn",
|
|
2031
2098
|
onClick: startEditing,
|
|
2032
2099
|
type: "button"
|
|
2033
|
-
}, [..._cache[
|
|
2100
|
+
}, [..._cache[22] || (_cache[22] = [
|
|
2034
2101
|
vue.createElementVNode("svg", {
|
|
2035
2102
|
viewBox: "0 0 24 24",
|
|
2036
2103
|
class: "atm-btn-icon"
|
|
@@ -2043,9 +2110,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2043
2110
|
vue.createTextVNode(" Editar Perfil ", -1)
|
|
2044
2111
|
])])
|
|
2045
2112
|
])
|
|
2046
|
-
])) : (vue.openBlock(), vue.createElementBlock("div",
|
|
2047
|
-
vue.createElementVNode("div",
|
|
2048
|
-
_cache[
|
|
2113
|
+
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_33, [
|
|
2114
|
+
vue.createElementVNode("div", _hoisted_34, [
|
|
2115
|
+
_cache[23] || (_cache[23] = vue.createElementVNode("label", { class: "atm-input-label" }, "Nome", -1)),
|
|
2049
2116
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
2050
2117
|
type: "text",
|
|
2051
2118
|
class: "atm-input-field",
|
|
@@ -2055,8 +2122,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2055
2122
|
[vue.vModelText, profileForm.value.firstName]
|
|
2056
2123
|
])
|
|
2057
2124
|
]),
|
|
2058
|
-
vue.createElementVNode("div",
|
|
2059
|
-
_cache[
|
|
2125
|
+
vue.createElementVNode("div", _hoisted_35, [
|
|
2126
|
+
_cache[24] || (_cache[24] = vue.createElementVNode("label", { class: "atm-input-label" }, "Sobrenome", -1)),
|
|
2060
2127
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
2061
2128
|
type: "text",
|
|
2062
2129
|
class: "atm-input-field",
|
|
@@ -2071,7 +2138,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2071
2138
|
class: "atm-save-btn",
|
|
2072
2139
|
onClick: updateProfile,
|
|
2073
2140
|
type: "button"
|
|
2074
|
-
}, [..._cache[
|
|
2141
|
+
}, [..._cache[25] || (_cache[25] = [
|
|
2075
2142
|
vue.createElementVNode("svg", {
|
|
2076
2143
|
viewBox: "0 0 24 24",
|
|
2077
2144
|
class: "atm-btn-icon"
|
|
@@ -2087,7 +2154,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2087
2154
|
class: "atm-cancel-btn",
|
|
2088
2155
|
onClick: cancelEditing,
|
|
2089
2156
|
type: "button"
|
|
2090
|
-
}, [..._cache[
|
|
2157
|
+
}, [..._cache[26] || (_cache[26] = [
|
|
2091
2158
|
vue.createElementVNode("svg", {
|
|
2092
2159
|
viewBox: "0 0 24 24",
|
|
2093
2160
|
class: "atm-btn-icon"
|
|
@@ -2102,11 +2169,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2102
2169
|
])
|
|
2103
2170
|
]))
|
|
2104
2171
|
])) : vue.createCommentVNode("", true),
|
|
2105
|
-
activeTab.value === "emails" ? (vue.openBlock(), vue.createElementBlock("div",
|
|
2106
|
-
vue.createElementVNode("div",
|
|
2107
|
-
vue.createElementVNode("div",
|
|
2108
|
-
_cache[
|
|
2109
|
-
vue.createElementVNode("div",
|
|
2172
|
+
activeTab.value === "emails" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_36, [
|
|
2173
|
+
vue.createElementVNode("div", _hoisted_37, [
|
|
2174
|
+
vue.createElementVNode("div", _hoisted_38, [
|
|
2175
|
+
_cache[28] || (_cache[28] = vue.createElementVNode("label", { class: "atm-input-label" }, "Adicionar novo email", -1)),
|
|
2176
|
+
vue.createElementVNode("div", _hoisted_39, [
|
|
2110
2177
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
2111
2178
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => newEmail.value = $event),
|
|
2112
2179
|
type: "email",
|
|
@@ -2119,7 +2186,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2119
2186
|
onClick: createEmailAddress,
|
|
2120
2187
|
class: "atm-add-email-btn",
|
|
2121
2188
|
type: "button"
|
|
2122
|
-
}, [..._cache[
|
|
2189
|
+
}, [..._cache[27] || (_cache[27] = [
|
|
2123
2190
|
vue.createElementVNode("svg", {
|
|
2124
2191
|
viewBox: "0 0 24 24",
|
|
2125
2192
|
class: "atm-btn-icon"
|
|
@@ -2133,15 +2200,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2133
2200
|
])
|
|
2134
2201
|
])
|
|
2135
2202
|
]),
|
|
2136
|
-
vue.createElementVNode("div",
|
|
2203
|
+
vue.createElementVNode("div", _hoisted_40, [
|
|
2137
2204
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(emailAddresses.value, (email) => {
|
|
2138
2205
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2139
2206
|
key: email.id,
|
|
2140
2207
|
class: "atm-email-item"
|
|
2141
2208
|
}, [
|
|
2142
|
-
vue.createElementVNode("div",
|
|
2143
|
-
vue.createElementVNode("div",
|
|
2144
|
-
_cache[
|
|
2209
|
+
vue.createElementVNode("div", _hoisted_41, [
|
|
2210
|
+
vue.createElementVNode("div", _hoisted_42, [
|
|
2211
|
+
_cache[29] || (_cache[29] = vue.createElementVNode("svg", {
|
|
2145
2212
|
viewBox: "0 0 24 24",
|
|
2146
2213
|
class: "atm-email-icon"
|
|
2147
2214
|
}, [
|
|
@@ -2152,9 +2219,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2152
2219
|
], -1)),
|
|
2153
2220
|
vue.createElementVNode("span", null, vue.toDisplayString(email.email_address), 1)
|
|
2154
2221
|
]),
|
|
2155
|
-
vue.createElementVNode("div",
|
|
2156
|
-
email.primary ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2157
|
-
email.verified ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2222
|
+
vue.createElementVNode("div", _hoisted_43, [
|
|
2223
|
+
email.primary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_44, "Principal")) : vue.createCommentVNode("", true),
|
|
2224
|
+
email.verified ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_45, [..._cache[30] || (_cache[30] = [
|
|
2158
2225
|
vue.createElementVNode("svg", {
|
|
2159
2226
|
viewBox: "0 0 24 24",
|
|
2160
2227
|
class: "atm-badge-icon"
|
|
@@ -2165,7 +2232,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2165
2232
|
})
|
|
2166
2233
|
], -1),
|
|
2167
2234
|
vue.createTextVNode(" Verificado ", -1)
|
|
2168
|
-
])])) : (vue.openBlock(), vue.createElementBlock("span",
|
|
2235
|
+
])])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_46, [..._cache[31] || (_cache[31] = [
|
|
2169
2236
|
vue.createElementVNode("svg", {
|
|
2170
2237
|
viewBox: "0 0 24 24",
|
|
2171
2238
|
class: "atm-badge-icon"
|
|
@@ -2179,13 +2246,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2179
2246
|
])]))
|
|
2180
2247
|
])
|
|
2181
2248
|
]),
|
|
2182
|
-
vue.createElementVNode("div",
|
|
2249
|
+
vue.createElementVNode("div", _hoisted_47, [
|
|
2183
2250
|
!email.verified ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
2184
2251
|
key: 0,
|
|
2185
2252
|
onClick: ($event) => requestEmailVerification(email.id),
|
|
2186
2253
|
class: "atm-verify-btn",
|
|
2187
2254
|
type: "button"
|
|
2188
|
-
}, [..._cache[
|
|
2255
|
+
}, [..._cache[32] || (_cache[32] = [
|
|
2189
2256
|
vue.createElementVNode("svg", {
|
|
2190
2257
|
viewBox: "0 0 24 24",
|
|
2191
2258
|
class: "atm-btn-icon"
|
|
@@ -2196,13 +2263,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2196
2263
|
})
|
|
2197
2264
|
], -1),
|
|
2198
2265
|
vue.createTextVNode(" Verificar ", -1)
|
|
2199
|
-
])], 8,
|
|
2266
|
+
])], 8, _hoisted_48)) : vue.createCommentVNode("", true),
|
|
2200
2267
|
!email.primary ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
2201
2268
|
key: 1,
|
|
2202
2269
|
onClick: ($event) => deleteEmailAddress(email.id),
|
|
2203
2270
|
class: "atm-delete-btn",
|
|
2204
2271
|
type: "button"
|
|
2205
|
-
}, [..._cache[
|
|
2272
|
+
}, [..._cache[33] || (_cache[33] = [
|
|
2206
2273
|
vue.createElementVNode("svg", {
|
|
2207
2274
|
viewBox: "0 0 24 24",
|
|
2208
2275
|
class: "atm-btn-icon"
|
|
@@ -2213,15 +2280,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2213
2280
|
})
|
|
2214
2281
|
], -1),
|
|
2215
2282
|
vue.createTextVNode(" Remover ", -1)
|
|
2216
|
-
])], 8,
|
|
2283
|
+
])], 8, _hoisted_49)) : vue.createCommentVNode("", true)
|
|
2217
2284
|
])
|
|
2218
2285
|
]);
|
|
2219
2286
|
}), 128))
|
|
2220
2287
|
])
|
|
2221
2288
|
])) : vue.createCommentVNode("", true),
|
|
2222
|
-
activeTab.value === "senha" ? (vue.openBlock(), vue.createElementBlock("div",
|
|
2289
|
+
activeTab.value === "senha" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_50, [
|
|
2223
2290
|
vue.createElementVNode("div", { class: "atm-password-section" }, [
|
|
2224
|
-
_cache[
|
|
2291
|
+
_cache[35] || (_cache[35] = vue.createElementVNode("div", { class: "atm-profile-info-row" }, [
|
|
2225
2292
|
vue.createElementVNode("span", { class: "atm-profile-info-label" }, "Redefinir Senha"),
|
|
2226
2293
|
vue.createElementVNode("span", { class: "atm-profile-info-value" }, " Enviaremos um link para redefinir sua senha no email principal ")
|
|
2227
2294
|
], -1)),
|
|
@@ -2230,7 +2297,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2230
2297
|
class: "atm-reset-password-btn",
|
|
2231
2298
|
onClick: sendResetPasswordLink,
|
|
2232
2299
|
type: "button"
|
|
2233
|
-
}, [..._cache[
|
|
2300
|
+
}, [..._cache[34] || (_cache[34] = [
|
|
2234
2301
|
vue.createElementVNode("svg", {
|
|
2235
2302
|
viewBox: "0 0 24 24",
|
|
2236
2303
|
class: "atm-btn-icon"
|
|
@@ -2245,55 +2312,55 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2245
2312
|
])
|
|
2246
2313
|
])
|
|
2247
2314
|
])) : vue.createCommentVNode("", true),
|
|
2248
|
-
activeTab.value === "sessoes" ? (vue.openBlock(), vue.createElementBlock("div",
|
|
2249
|
-
vue.createElementVNode("div",
|
|
2250
|
-
_cache[
|
|
2315
|
+
activeTab.value === "sessoes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_51, [
|
|
2316
|
+
vue.createElementVNode("div", _hoisted_52, [
|
|
2317
|
+
_cache[39] || (_cache[39] = vue.createElementVNode("div", { class: "atm-sessions-info" }, [
|
|
2251
2318
|
vue.createElementVNode("p", { class: "atm-sessions-description" }, " Gerencie os dispositivos conectados à sua conta. Você pode encerrar sessões em dispositivos que não reconhece. ")
|
|
2252
2319
|
], -1)),
|
|
2253
|
-
vue.createElementVNode("div",
|
|
2320
|
+
vue.createElementVNode("div", _hoisted_53, [
|
|
2254
2321
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sessions.value, (session) => {
|
|
2255
2322
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2256
2323
|
key: session.id,
|
|
2257
2324
|
class: "atm-session-item"
|
|
2258
2325
|
}, [
|
|
2259
|
-
vue.createElementVNode("div",
|
|
2260
|
-
vue.createElementVNode("div",
|
|
2261
|
-
(vue.openBlock(), vue.createElementBlock("svg",
|
|
2326
|
+
vue.createElementVNode("div", _hoisted_54, [
|
|
2327
|
+
vue.createElementVNode("div", _hoisted_55, [
|
|
2328
|
+
(vue.openBlock(), vue.createElementBlock("svg", _hoisted_56, [
|
|
2262
2329
|
vue.createElementVNode("path", {
|
|
2263
2330
|
fill: "currentColor",
|
|
2264
2331
|
d: getDeviceIcon(session.device)
|
|
2265
|
-
}, null, 8,
|
|
2332
|
+
}, null, 8, _hoisted_57)
|
|
2266
2333
|
])),
|
|
2267
|
-
vue.createElementVNode("div",
|
|
2268
|
-
vue.createElementVNode("div",
|
|
2334
|
+
vue.createElementVNode("div", _hoisted_58, [
|
|
2335
|
+
vue.createElementVNode("div", _hoisted_59, [
|
|
2269
2336
|
vue.createElementVNode("span", null, vue.toDisplayString(session.ip_address), 1),
|
|
2270
|
-
session.current === 1 ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2337
|
+
session.current === 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_60, "Atual")) : vue.createCommentVNode("", true)
|
|
2271
2338
|
]),
|
|
2272
|
-
session.device.browser || session.device.platform ? (vue.openBlock(), vue.createElementBlock("div",
|
|
2273
|
-
session.device.browser ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2274
|
-
session.device.browser && session.device.platform ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2275
|
-
session.device.platform ? (vue.openBlock(), vue.createElementBlock("span",
|
|
2339
|
+
session.device.browser || session.device.platform ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_61, [
|
|
2340
|
+
session.device.browser ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_62, vue.toDisplayString(session.device.browser) + vue.toDisplayString(session.device.browser_version ? ` ${session.device.browser_version}` : ""), 1)) : vue.createCommentVNode("", true),
|
|
2341
|
+
session.device.browser && session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_63, " • ")) : vue.createCommentVNode("", true),
|
|
2342
|
+
session.device.platform ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_64, vue.toDisplayString(session.device.platform), 1)) : vue.createCommentVNode("", true)
|
|
2276
2343
|
])) : vue.createCommentVNode("", true),
|
|
2277
|
-
vue.createElementVNode("div",
|
|
2278
|
-
vue.createElementVNode("div",
|
|
2279
|
-
_cache[
|
|
2344
|
+
vue.createElementVNode("div", _hoisted_65, [
|
|
2345
|
+
vue.createElementVNode("div", _hoisted_66, [
|
|
2346
|
+
_cache[36] || (_cache[36] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Iniciada:", -1)),
|
|
2280
2347
|
vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.started_at)), 1)
|
|
2281
2348
|
]),
|
|
2282
|
-
vue.createElementVNode("div",
|
|
2283
|
-
_cache[
|
|
2349
|
+
vue.createElementVNode("div", _hoisted_67, [
|
|
2350
|
+
_cache[37] || (_cache[37] = vue.createElementVNode("span", { class: "atm-timestamp-label" }, "Última atividade:", -1)),
|
|
2284
2351
|
vue.createElementVNode("span", null, vue.toDisplayString(formatDate(session.last_activity_at)), 1)
|
|
2285
2352
|
])
|
|
2286
2353
|
])
|
|
2287
2354
|
])
|
|
2288
2355
|
])
|
|
2289
2356
|
]),
|
|
2290
|
-
vue.createElementVNode("div",
|
|
2357
|
+
vue.createElementVNode("div", _hoisted_68, [
|
|
2291
2358
|
session.current !== 1 ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
2292
2359
|
key: 0,
|
|
2293
2360
|
onClick: ($event) => closeSessionById(session.id),
|
|
2294
2361
|
class: "atm-close-session-btn",
|
|
2295
2362
|
type: "button"
|
|
2296
|
-
}, [..._cache[
|
|
2363
|
+
}, [..._cache[38] || (_cache[38] = [
|
|
2297
2364
|
vue.createElementVNode("svg", {
|
|
2298
2365
|
viewBox: "0 0 24 24",
|
|
2299
2366
|
class: "atm-btn-icon"
|
|
@@ -2304,7 +2371,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
2304
2371
|
})
|
|
2305
2372
|
], -1),
|
|
2306
2373
|
vue.createTextVNode(" Encerrar ", -1)
|
|
2307
|
-
])], 8,
|
|
2374
|
+
])], 8, _hoisted_69)) : vue.createCommentVNode("", true)
|
|
2308
2375
|
])
|
|
2309
2376
|
]);
|
|
2310
2377
|
}), 128))
|