1(self.rspackChunkcognito_spa=self.rspackChunkcognito_spa||[]).push([[3121],{73926(r,e,n){"use strict";n.r(e);var t=n(88876),a=n.n(t),i=n(68772),s=n.n(i)()(a());s.push([r.id,".el-input{background:var(--bg-input)}.el-input__prefix,.el-input__suffix,.el-select-dropdown__prefix,.el-select-dropdown__suffix{display:flex;position:absolute;top:0;z-index:1;flex-direction:column;justify-content:center;height:100%;color:var(--icon-subtle);text-align:center;transition:all .3s;pointer-events:none}.el-input__prefix :not(.cog-avatar) svg,.el-input__suffix :not(.cog-avatar) svg,.el-select-dropdown__prefix :not(.cog-avatar) svg,.el-select-dropdown__suffix :not(.cog-avatar) svg{width:1em;height:100%}.el-input__prefix,.el-select-dropdown__prefix{left:5px;font-size:.8em}.el-input__suffix,.el-select-dropdown__suffix{right:0;height:100%;padding-right:5px;padding-left:5px}:root .el-input--prefix input{padding-left:29px}:root .el-input--prefix:has(.avatar) input{padding-left:31px}:root .el-input--suffix input{padding-right:29px}.el-input__prefix-inner,.el-input__suffix-inner{display:flex;color:var(--icon-subtle)}","",{version:3,sources:["webpack://./../../libs/styles/app/input.scss","webpack://./../../libs/styles/global/resources/_depth.scss","webpack://./../../libs/styles/global/resources/_design-tokens.scss"],names:[],mappings:"AAYA,UACC,0BAAA,CAGD,4FAIC,YAAA,CACA,iBAAA,CACA,KAAA,CACA,SCnBI,CDoBJ,qBAAA,CACA,sBAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CAEA,oLACC,SAAA,CACA,WAAA,CAIF,8CAEC,QAAA,CACA,cAAA,CAGD,8CAEC,OAAA,CACA,WAAA,CACA,iBAAA,CACA,gBAAA,CAKA,8BACC,iBEzBmB,CF4BpB,2CACC,iBE5BqB,CF+BtB,8BACC,kBEjCmB,CFqCrB,gDAEC,YAAA,CACA,wBAAA",sourcesContent:["@use 'sass:math';\r\n\n@import '../global/resources/color';\r\n@import 'common/resources/app-design-tokens';\r\n@import '../global/resources/design-tokens';\r\n@import '../global/resources/depth';\r\n@import '../global/resources/decimal';\r\n@import 'common/resources/mixins';\r\n@import 'common/resources/layout';\r\n@import '../global/resources/typography';\r\n@import '../global/resources/form-controls';\r\n\n.el-input {\r\n background: var(--bg-input);\r\n}\r\n\r\n.el-input__prefix,\r\n.el-input__suffix,\r\n.el-select-dropdown__prefix,\r\n.el-select-dropdown__suffix {\r\n display: flex;\r\n position: absolute;\r\n top: 0;\r\n z-index: $z1;\r\n flex-direction: column;\r\n justify-content: center;\r\n height: 100%;\r\n color: var(--icon-subtle);\r\n text-align: center;\r\n transition: all .3s;\r\n pointer-events: none;\r\n\r\n :not(.cog-avatar) svg {\r\n width: 1em;\r\n height: 100%;\r\n }\r\n}\r\n\r\n.el-input__prefix,\r\n.el-select-dropdown__prefix {\r\n left: 5px;\r\n font-size: .8em;\r\n}\r\n\r\n.el-input__suffix,\r\n.el-select-dropdown__suffix {\r\n right: 0;\r\n height: 100%;\r\n padding-right: 5px;\r\n padding-left: 5px;\r\n}\r\n\r\n:root {\r\n\r\n .el-input--prefix input {\r\n padding-left: $space__input--icon;\r\n }\r\n\r\n .el-input--prefix:has(.avatar) input {\r\n padding-left: $space__input--avatar;\r\n }\r\n\r\n .el-input--suffix input {\r\n padding-right: $space__input--icon;\r\n }\r\n}\r\n\r\n.el-input__prefix-inner,\r\n.el-input__suffix-inner {\r\n display: flex;\r\n color: var(--icon-subtle);\r\n}\r\n","// https://css-tricks.com/handling-z-index/\r\n\r\n$z-1: -1;\r\n$z0: 0;\r\n$z1: 1;\r\n$z2: 2;\r\n$z3: 3;\r\n$z10: 10;\r\n$z20: 20;\r\n$z30: 30;\r\n$z40: 40;\r\n$z50: 50;\r\n$z60: 60;\r\n$z70: 70;\r\n$z80: 80;\r\n$z90: 90;\r\n$z100: 100;\r\n$z101: 101;\r\n$z1000: 1000;\r\n$z1001: 1000;\r\n$z-entry-details-bars: 0;\r\n$z-everything: $z1;\r\n$z-home-org-stats: 5;\r\n$z-settings-pane: 5;\r\n$z-app-nav: 10;\r\n$z-view-as-banner: 11;\r\n$z-entry-details: 21;\r\n$z-entry-menu-dropdown: 22;\r\n$z-entry-details--mobile: 23;\r\n$z-AN-entry-menu-dropdown: 24;\r\n$z-entry-view-mobile-menu: 1000;\r\n$z-entry-view-mobile-menu-backdrop: $z-entry-view-mobile-menu - 1;\r\n$z-pendo-popup: 1039;\r\n$z-toast: 1038;\r\n$z-modal: 1040;\r\n$z-overlay-over-modal: 1041;\r\n$z-modal-over-modal: 1042;\r\n$z-side-menu: 1040;\r\n$z-popper: $z-modal + $z10;\r\n$z-overkill: 9999;\r\n\r\n// Shared vars: spa & website\r\n$z-slider: 2;\r\n$z-pricing-header: $z10;\r\n$z-page-overlay: $z10;\r\n$z-loading-indicator: $z90;\r\n","/*\r\n\r\n ____ ____ ____ ____ ____ ___ __ ____ ____ ____ \r\n( _ \\( ___)( _ \\( _ \\( ___)/ __) /__\\ (_ _)( ___)( _ \\ \r\n )(_) ))__) )___/ ) / )__)( (__ /(__)\\ )( )__) )(_) )\r\n(____/(____)(__) (_)\\_)(____)\\___)(__)(__)(__) (____)(____/ \r\n\r\nCf. /spa/src/design/design-tokens.scss\r\n\r\n*/\r\n\r\n\r\n// BREAKPOINTS\r\n$b3: 374px;\r\n$b4: 450px;\r\n$b5: 576px;\r\n$b6: 640px;\r\n$b7: 768px;\r\n$b9: 900px;\r\n$b10: 1023px;\r\n$b12: 1280px;\r\n\r\n// WEIGHT\r\n$weight__display--bold: 800;\r\n$weight__text--normal: 400;\r\n$weight__text--medium: var(--medium-weight);\r\n$weight__text--bold: 700;\r\n\r\n// SPACE\r\n$space__icon: $space__3;\r\n$space__input--icon: 29px;\r\n$space__input--avatar: 31px;\r\n$space__input-x: $space__2;\r\n$space__input-y: $space__2;\r\n$space__label-b: $space__2;\r\n$space__touch-target: var(--space__touch-target);\r\n$space__menu-item: $space__3;\r\n$space__button-y: .5em;\r\n$space__button-x: .7em;\r\n\r\n// SIZE\r\n$size__h1: $size__6;\r\n$size__h2: $size__5;\r\n$size__h3: $size__4;\r\n$size__h4: $size__3;\r\n$size__helptext: $size__1;\r\n$size__label: $size__2;\r\n$size__icon--small: 14px;\r\n$size__icon: 17px;\r\n$size__icon--large: 21px;\r\n$size__icon--xl: 27px;\r\n$size__loading-bar: $space__2;\r\n$size__avatar: 27px;\r\n$size__avatar--small: 22px;\r\n$size__input-height: 32px;\r\n\r\n// REDS\r\n$red__1: #ffeff0;\r\n$red__2: #f9d7d9;\r\n$red__3: #ffb2b7;\r\n$red__4: #c5151d;\r\n\r\n// COLOR\r\n$bg__selected: rgba($brady, 65%);\r\n$bg__selected--intense: $deep;\r\n$bg__selected--alt: $summer;\r\n$bg__selected--nav: $alexander;\r\n$bg__alert: $jaywalk;\r\n$bg__cta--intense: $jaywalk;\r\n$bg__cta: $deep;\r\n$bg__scrollbar: $brady;\r\n$bg__pill: $puff;\r\n$bg__pill--read-only: $mapplethorpe;\r\n$bg__scrollbar--hovered: $hitchcock;\r\n$bg__overlay: rgba($matins, .9);\r\n$bg__error: $red__1;\r\n$bg__warning: $cider;\r\n$bg__success: $alexander;\r\n$bg__info: $puff;\r\n$bg__progress--incomplete: $brady;\r\n$bg__progress--complete: $poseidon;\r\n$bg__range--selected: $bg__selected--intense;\r\n$bg__range--unselected: $brady;\r\n$bg__disabled: $lange;\r\n$bg__hovered: rgba($brady, 65%);\r\n$bg__th--hovered: $brady;\r\n$bg__cta--hovered: $poseidon;\r\n$bg__cta--intense--hovered: $burnt-jaywalk;\r\n$bg__text-button--hovered: $mapplethorpe;\r\n$bg__diff-deletion: $red__2;\r\n$bg__diff-deletion--changed: $red__3;\r\n$bg__diff-addition: $harriet;\r\n$bg__diff-addition--changed: #c0e483;\r\n$bg__loading-bar: $hitchcock;\r\n$bg__hover-in-selected: $arnold;\r\n$text__selected: $matins;\r\n$text__selected--alt: $matins;\r\n$text__selected--nav: $matins;\r\n$text__alert: white;\r\n$text__cta: white;\r\n$text__cta--intense: white;\r\n$text__disabled: $casablanca;\r\n$text__placeholder: $casablanca;\r\n$text__error: $red__4;\r\n$text__warning: $matins;\r\n$text__success: $matins;\r\n$text__info: $matins;\r\n$text__add-item: $deep;\r\n$text__helptext: $ansel;\r\n$stroke: $lange;\r\n$stroke__selected--intense: $deep;\r\n$stroke__selected--alt: $blossom;\r\n$stroke__selected--nav: $abraham;\r\n$stroke__selected--nav--intense: $benjamin;\r\n$stroke__pill: $air;\r\n$stroke__pill--read-only: $brady;\r\n$stroke__success: $benjamin;\r\n$stroke__error: $red__4;\r\n$stroke__warning: $pudding;\r\n$stroke__icon--warning: $burnt-jaywalk;\r\n$stroke__info: $air;\r\n$stroke__icon--subtle: $platon;\r\n$stroke__icon--subtle--hovered: $midnight;\r\n$stroke__icon--intense: $deep;\r\n$stroke__icon--selected: $matins;\r\n$stroke__icon--disabled: $hitchcock;
1\r\n$stroke__input: $hitchcock;\r\n$stroke__disabled: $lange;\r\n$stroke__entry-grid: $brady;\r\n$stroke__diff-deletion: $red__4;\r\n$stroke__diff-addition: $ulysses;\r\n$stroke__focused: $casablanca;\r\n\r\n// TRANSITIONS\r\n$speed__hovered: .3s;\r\n$speed__hover-delay: .5s;\r\n$stroke__entry-grid: $brady;\r\n\r\n// BORDERS\r\n$border-radius__text-button: 2px;\r\n\r\n// BOX SHADOW\r\n$shadow__dropdown: 0 2px 6px 0 rgba($ansel, .2);\r\n$shadow__popper: 3px 3px 6px rgba($ansel, .3);\r\n"],sourceRoot:""}]),n.d(e,{},{default:s})},85416(r,e,n){"use strict";n.r(e);var t=n(88876),a=n.n(t),i=n(68772),s=n.n(i)()(a());s.push([r.id,".enable-multi-factor__container{border:1px solid var(--border-primary);padding:1rem 1.75rem}[data-auth-style=app] .social-login h1{font-family:var(--font-display-light);font-size:var(--text-7);font-weight:var(--font-light)}[data-auth-style=app] .social-login .faux-modal__body{min-height:100vh;padding:32px 32px 50px;width:100%}@supports(height:100dvh){[data-auth-style=app] .social-login .faux-modal__body{min-height:100dvh}}@media(min-width:576px){[data-auth-style=app] .social-login .faux-modal__body{margin:1em 0;max-width:501px;min-height:0}}[data-auth-style=app] .social-login .faux-modal__wrapper{max-width:320px}[data-auth-style=app] .social-login .el-input__inner{min-height:40px;padding-left:1em}[data-auth-style=app] .social-login .button--primary{width:100%}[data-auth-style=app] .social-login .cog-label{font-size:15.825px;font-weight:400;margin-bottom:0}","",{version:3,sources:["webpack://./src/views/auth/EnableMultifactor.vue","webpack://./../../libs/styles/global/resources/_mixins.scss","webpack://./../../libs/styles/global/resources/_layout.scss","webpack://./../../libs/styles/app/common/resources/_app-design-tokens.scss","webpack://./../../libs/styles/global/resources/_design-tokens.scss"],names:[],mappings:"AAeC,gCACC,sCAAA,CACA,oBAAA,CAMD,uCACC,qCAAA,CACA,uBAAA,CACA,6BAAA,CAGD,sDC6HA,gBAAA,CD1HC,sBAAA,CCyHD,UDzHC,CC4HD,yBD/HA,sDCgIC,iBAAA,CAAA,CCtDD,wBF1EA,sDCsIC,YAAA,CAFA,eAAA,CACA,YACA,CAAA,CDhID,yDACC,eAAA,CAGD,qDACC,eAAA,CACA,gBAAA,CAGD,qDACC,UAAA,CAGD,+CAEC,kBGvCQ,CHwCR,eI3BqB,CJyBrB,eIzBqB",sourcesContent:["@use 'sass:math';\r\n\n@import '../../../../../libs/styles/global/resources/color';\r\n@import '../../../../../libs/styles/app/common/resources/app-design-tokens';\r\n@import '../../../../../libs/styles/global/resources/design-tokens';\r\n@import '../../../../../libs/styles/global/resources/depth';\r\n@import '../../../../../libs/styles/global/resources/decimal';\r\n@import '../../../../../libs/styles/app/common/resources/mixins';\r\n@import '../../../../../libs/styles/app/common/resources/layout';\r\n@import '../../../../../libs/styles/global/resources/typography';\r\n@import '../../../../../libs/styles/global/resources/form-controls';\r\n\n\r\n.enable-multi-factor {\r\n\r\n &__container {\r\n border: 1px solid var(--border-primary);\r\n padding: 1rem 1.75rem;\r\n }\r\n}\r\n\r\n[data-auth-style='app'] .social-login {\r\n\r\n h1 {\r\n font-family: var(--font-display-light);\r\n font-size: var(--text-7);\r\n font-weight: var(--font-light);\r\n }\r\n\r\n .faux-modal__body {\r\n @include contain-until($b5);\r\n padding: $space__5;\r\n padding-bottom: 50px;\r\n }\r\n\r\n .faux-modal__wrapper {\r\n max-width: 320px;\r\n }\r\n\r\n .el-input__inner {\r\n min-height: 40px;\r\n padding-left: 1em;\r\n }\r\n\r\n .button--primary {\r\n width: 100%;\r\n }\r\n\r\n .cog-label {\r\n margin-bottom: 0;\r\n font-size: $size__3;\r\n font-weight: $weight__text--normal;\r\n }\r\n}\r\n","@mixin break-word {\r\n word-wrap: break-word; // for IE\r\n overflow-wrap: break-word;\r\n}\r\n\r\n@mixin nowrap {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n@mixin no-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n}\r\n\r\n@mixin list {\r\n padding-left: 40px;\r\n\r\n li li {\r\n margin-top: .5em;\r\n }\r\n}\r\n\r\n@mixin ul {\r\n list-style: square;\r\n\r\n li li {\r\n margin-top: 0;\r\n }\r\n\r\n .c-html.c-editor & > li > ul > li {\r\n list-style-type: circle;\r\n }\r\n\r\n & > li > ul > li {\r\n list-style-type: 'â ';\r\n }\r\n}\r\n\r\n@mixin ol {\r\n list-style: decimal;\r\n\r\n & > li > ol > li {\r\n list-style-type: lower-alpha;\r\n }\r\n}
1\r\n\r\n// Use more modern approach (https://css-tricks.com/inclusively-hidden/) rather than\r\n// what is recommended by WebAIM (https://webaim.org/techniques/css/invisiblecontent/#offscreen)\r\n// this avoids bug 17722\r\n@mixin visually-hidden {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n clip: rect(0 0 0 0);\r\n clip-path: inset(50%);\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n@mixin no-style-button {\r\n background: transparent;\r\n border-width: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n font-size: inherit;\r\n}\r\n\r\n@mixin ie {\r\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin not-ie {\r\n @supports not (-ms-high-contrast: none) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin center {\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n\r\n// Fixed width\r\n@mixin w-1 {\r\n width: $gutter;\r\n}\r\n\r\n@mixin w-2 {\r\n width: $gutter * 2;\r\n}\r\n\r\n@mixin w-3 {\r\n width: $gutter * 3;\r\n}\r\n\r\n@mixin w-4 {\r\n width: $gutter * 4;\r\n}\r\n\r\n@mixin w-5 {\r\n width: $gutter * 5;\r\n}\r\n\r\n@mixin w-6 {\r\n width: $gutter * 8;\r\n}\r\n\r\n@mixin expandable() {\r\n transform-origin: 0 0 !important;\r\n transition: opacity .2s, transform .2s;\r\n}\r\n\r\n@mixin expanded() {\r\n opacity: 1;\r\n transform: scaleY(1);\r\n}\r\n\r\n@mixin collapsed() {\r\n opacity: 0;\r\n transform: scaleY(0);\r\n}\r\n\r\n@mixin unwrap() {\r\n width: calc(100% + #{$gutter * 2});\r\n margin-left: -$gutter;\r\n}\r\n\r\n@mixin columns($number: 2) {\r\n columns: $number;\r\n column-gap: $gutter;\r\n\r\n & > * {\r\n break-inside: avoid;\r\n }\r\n}\r\n\r\n@mixin underline() {\r\n text-decoration: underline;\r\n text-decoration-thickness: .1em;\r\n text-underline-offset: .08em;\r\n}\r\n\r\n@mixin modal-shadow {\r\n box-shadow: 0 0 6px var(--shadow-color-intense);\r\n}\r\n\r\n// Shared vars: spa & website\r\n@mixin contain-until($breakpoint) {\r\n width: 100%;\r\n min-height: 100vh;\r\n\r\n @supports (height: 100dvh) {\r\n min-height: 100dvh;\r\n }\r\n\r\n @include b-up($breakpoint) {\r\n max-width: $breakpoint - 75px;\r\n min-height: 0;\r\n margin: 1em 0;\r\n }\r\n}\r\n","$breakpoints: (\r\n 'b3': $b3,\r\n 'b4': $b4,\r\n 'b5': $b5,\r\n 'b6': $b6,\r\n 'b7': $b7,\r\n 'b9': $b9,\r\n 'b10': $b10,\r\n 'b12': $b12\r\n);\r\n$mobile-breakpoints: (\r\n 'b3': $b3,\r\n 'b4': $b4,\r\n 'b5': $b5,\r\n 'b6': $b6,\r\n 'b7': $b7\r\n);\r\n$app-nav__height: 66px;\r\n$forms-header-height: 51px;\r\n$secondary-bar-height: 44px;\r\n$app-heading-height: 96px;\r\n$AN-app-heading-height: 98px;\r\n$AN-entry-view-controls-height: 40px;\r\n$mobile-up-button-width: 46px;\r\n$mobile-up-button-height: 54px;\r\n$form-picker-width: 550px;\r\n$settings-tablet-bp: $b10;\r\n$settings-mobile-bp: $b6;\r\n$section-indentation: 20px;\r\n$popper-menu-button-height: 28px;\r\n$popper-menu-button-x-padding: 5px; // has to be 5px because of how RichText is so fragile\r\n$default-scrollbar-width: 8px;\r\n$wide-scrollbar: 12px;\r\n$builder-min-width: 745px;\r\n$modal-mobile-bp: 562px;\r\n$modal-margins: min(6.5%, $space__5);\r\n\r\n@mixin settings-pane-width() {\r\n\r\n :root {\r\n --settings-pane__width: calc(330px + env(safe-area-inset-left, 0px));\r\n\r\n @media (min-width: $settings-tablet-bp) {\r\n --settings-pane__width: calc(400px + env(safe-area-inset-left, 0px));\r\n }\r\n }\r\n}\r\n\r\n@mixin scrollbar($width: $default-scrollbar-width) {\r\n @if $width < 10px {\r\n overflow-y: auto;\r\n\r\n @supports (overflow: overlay) {\r\n\r\n html:not(.is-android) & {\r\n overflow-y: overlay;\r\n }\r\n }\r\n }\r\n @else {\r\n\r\n html:not(.is-android) &::-webkit-scrollbar-track {\r\n background: var(--shade-3, $mapplethorpe); // unfortunately, we used a sass variable; this mixin is shared between the app and the website for now\r\n }\r\n }\r\n\r\n html:not(.is-android) & {\r\n\r\n &::-webkit-scrollbar {\r\n width: $width;\r\n height: $width;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-color: var(--bg-scrollbar, $brady); // unfortunately, we used a sass variable; this mixin is shared between the app and the website for now\r\n border: 1px solid var(--bg-primary, white);\r\n }\r\n\r\n &:hover::-webkit-scrollbar-thumb {\r\n background-color: var(--bg-scrollbar-hovered, $hitchcock); // unfortunately, we used a sass variable; this mixin is shared between the app and the website for now\r\n }\r\n }\r\n}\r\n\r\n// Inspired by Bootstrap 4\r\n// https://getbootstrap.com/docs/4.1/layout/overview/\r\n\r\n@mixin b-down($max) {\r\n @media (max-width: $max - .2px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin b-range($min, $max) {\r\n // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\r\n // Uses 0.02px rather than 0.01px to work around a current roun
1ding bug in Safari.\r\n // See https://bugs.webkit.org/show_bug.cgi?id=178261\r\n @media (min-width: $min) and (max-width: $max - .2px) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin b-up($min) {\r\n @media (min-width: $min) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin hover($color: var(--bg-hovered), $property: 'background-color', $hover-border-color: false, $target: null) {\r\n // Precompute transition string once\r\n $transition: if(\r\n $hover-border-color,\r\n '#{$property} #{$speed__hovered}, border-color #{$speed__hovered}',\r\n '#{$property} #{$speed__hovered}'\r\n );\r\n\r\n @if $target {\r\n // Base transition on target\r\n #{$target} {\r\n transition: #{$transition};\r\n }\r\n\r\n &:hover {\r\n #{$target} {\r\n #{$property}: $color;\r\n\r\n @if $hover-border-color {\r\n border-color: $hover-border-color;\r\n }\r\n }\r\n }\r\n }\r\n @else {\r\n // Base transition on self\r\n transition: #{$transition};\r\n\r\n &:hover {\r\n #{$property}: $color;\r\n\r\n @if $hover-border-color {\r\n border-color: $hover-border-color;\r\n }\r\n }\r\n }\r\n}\r\n","$app-text-type: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen-sans, ubuntu, cantarell, 'Helvetica Neue', arial, sans-serif;\r\n$text: $matins;\r\n$space__1: 2px;\r\n$space__2: 4px;\r\n$space__3: 8px;\r\n$space__4: 16px;\r\n$space__5: 32px;\r\n$space__6: 64px;\r\n$size__0: 11.1px;\r\n$size__1: 12.5px;\r\n$size__2: 14px;\r\n$size__3: 15.825px;\r\n$size__4: 17.8px;\r\n$size__5: 20.25px;\r\n$size__6: 22.525px;\r\n$size__7: 36.081px; // skip steps 7, 8, and 9 on the scale\r\n","/*\r\n\r\n ____ ____ ____ ____ ____ ___ __ ____ ____ ____ \r\n( _ \\( ___)( _ \\( _ \\( ___)/ __) /__\\ (_ _)( ___)( _ \\ \r\n )(_) ))__) )___/ ) / )__)( (__ /(__)\\ )( )__) )(_) )\r\n(____/(____)(__) (_)\\_)(____)\\___)(__)(__)(__) (____)(____/ \r\n\r\nCf. /spa/src/design/design-tokens.scss\r\n\r\n*/\r\n\r\n\r\n// BREAKPOINTS\r\n$b3: 374px;\r\n$b4: 450px;\r\n$b5: 576px;\r\n$b6: 640px;\r\n$b7: 768px;\r\n$b9: 900px;\r\n$b10: 1023px;\r\n$b12: 1280px;\r\n\r\n// WEIGHT\r\n$weight__display--bold: 800;\r\n$weight__text--normal: 400;\r\n$weight__text--medium: var(--medium-weight);\r\n$weight__text--bold: 700;\r\n\r\n// SPACE\r\n$space__icon: $space__3;\r\n$space__input--icon: 29px;\r\n$space__input--avatar: 31px;\r\n$space__input-x: $space__2;\r\n$space__input-y: $space__2;\r\n$space__label-b: $space__2;\r\n$space__touch-target: var(--space__touch-target);\r\n$space__menu-item: $space__3;\r\n$space__button-y: .5em;\r\n$space__button-x: .7em;\r\n\r\n// SIZE\r\n$size__h1: $size__6;\r\n$size__h2: $size__5;\r\n$size__h3: $size__4;\r\n$size__h4: $size__3;\r\n$size__helptext: $size__1;\r\n$size__label: $size__2;\r\n$size__icon--small: 14px;\r\n$size__icon: 17px;\r\n$size__icon--large: 21px;\r\n$size__icon--xl: 27px;\r\n$size__loading-bar: $space__2;\r\n$size__avatar: 27px;\r\n$size__avatar--small: 22px;\r\n$size__input-height: 32px;\r\n\r\n// REDS\r\n$red__1: #ffeff0;\r\n$red__2: #f9d7d9;\r\n$red__3: #ffb2b7;\r\n$red__4: #c5151d;\r\n\r\n// COLOR\r\n$bg__selected: rgba($brady, 65%);\r\n$bg__selected--intense: $deep;\r\n$bg__selected--alt: $summer;\r\n$bg__selected--nav: $alexander;\r\n$bg__alert: $jaywalk;\r\n$bg__cta--intense: $jaywalk;\r\n$bg__cta: $deep;\r\n$bg__scrollbar: $brady;\r\n$bg__pill: $puff;\r\n$bg__pill--read-only: $mapplethorpe;\r\n$bg__scrollbar--hovered: $hitchcock;\r\n$bg__overlay: rgba($matins, .9);\r\n$bg__error: $red__1;\r\n$bg__warning: $cider;\r\n$bg__success: $alexander;\r\n$bg__info: $puff;\r\n$bg__progress--incomplete: $brady;\r\n$bg__progress--complete: $poseidon;\r\n$bg__range--selected: $bg__selected--intense;\r\n$bg__range--unselected: $brady;\r\n$bg__disabled: $lange;\r\n$bg__hovered: rgba($brady, 65%);\r\n$bg__th--hovered: $brady;\r\n$bg__cta--hovered: $poseidon;\r\n$bg__cta--intense--hovered: $burnt-jaywalk;\r\n$bg__text-button--hovered: $mapplethorpe;\r\n$bg__diff-deletion: $red__2;\r\n$bg__diff-deletion--changed: $red__3;\r\n$bg__diff-addition: $harriet;\r\n$bg__diff-addition--changed: #c0e483;\r\n$bg__loading-bar: $hitchcock;\r\n$bg__hover-in-selected: $arnold;\r\n$text__selected: $matins;\r\n$text__selected--alt: $matins;\r\n$text__selected--nav: $matins;\r\n$text__alert: white;\r\n$text__cta: white;\r\n$text__cta--intense: white;\r\n$text__disabled: $casablanca;\r\n$text__placeholder: $casablanca;\r\n$text__error: $red__4;\r\n$text__warning: $matins;\r\n$text__success: $matins;\r\n$text__info: $matins;\r\n$text__add-item: $deep;\r\n$text__helptext: $ansel;\r\n$stroke: $lange;\r\n$stroke__selected--intense: $deep;\r\n$stroke__selected--alt: $blossom;\r\n$stroke__selected--nav: $abraham;\r\n$stroke__selected--nav--intense: $benjamin;\r\n$stroke__pill: $air;\r\n$stroke__pill--read-only: $brady;\r\n$stroke__success: $benjamin;\r\n$stroke__error: $red__4;\r\n$stroke__warning: $pudding;\r\n$stroke__icon--warning: $burnt-jaywalk;\r\n$stroke__info: $air;\r\n$stroke__icon--subtle: $platon;\r\n$stroke__icon--subtle--hovered: $midnight;\r\n$stroke__icon--intense: $deep;\r\n$stroke__icon--selected: $matins;\r\n$stroke__icon--disabled: $hitchcock;
1\r\n$stroke__input: $hitchcock;\r\n$stroke__disabled: $lange;\r\n$stroke__entry-grid: $brady;\r\n$stroke__diff-deletion: $red__4;\r\n$stroke__diff-addition: $ulysses;\r\n$stroke__focused: $casablanca;\r\n\r\n// TRANSITIONS\r\n$speed__hovered: .3s;\r\n$speed__hover-delay: .5s;\r\n$stroke__entry-grid: $brady;\r\n\r\n// BORDERS\r\n$border-radius__text-button: 2px;\r\n\r\n// BOX SHADOW\r\n$shadow__dropdown: 0 2px 6px 0 rgba($ansel, .2);\r\n$shadow__popper: 3px 3px 6px rgba($ansel, .3);\r\n"],sourceRoot:""}]),n.d(e,{},{default:s})},86518(r,e,n){"use strict";n.r(e),n.d(e,{default:()=>m});var t=n(51345),a=n(13925),i=n(43071),s=n(86372),o=n(16299),_=n(92860),l=n(38152),d=n(37223),p=n(419),c=n(74061),$=n(14973),u=n(43120);let b=(0,c.defineComponent)({components:{MultifactorSecret:t.A,MultifactorInput:a.A,ValidationObserver:o.Ce,StatusButton:_.A,ValidatedInput:l.A,Callout:d.A},props:{rememberMe:{type:Boolean,default:!1},encryptedAuthMethod:{type:String,default:null}},emits:["title-changed"],setup:function(r,e){var n=e.emit,t=(0,c.ref)(""),a=(0,c.ref)(""),_=(0,c.ref)(!1),l=(0,c.ref)(!1),d=(0,c.ref)(!1),b=(0,c.ref)(null),m=(0,c.ref)(""),g=(0,c.ref)(""),h=(0,c.ref)(!1),f=(0,c.ref)("");(0,c.watch)(f,function(r){r&&(h.value=!1)});var x=(0,c.ref)(!1),v=(0,c.ref)(1),A=(0,c.ref)(!1),y=(0,c.ref)(!1),w=(0,c.ref)("default"),C=(0,c.computed)(function(){return l.value?"validating":_.value&&f.value&&b.value!==f.value?h.value?"error":"default":"disabled"}),k=(0,u.lq)(),z=(0,c.ref)(null),B=(0,c.ref)(null);return(0,o.X$)("is-not-same-email",{validate:function(r){return b.value!==r},message:"Your backup email address must be different from your account email address."}),n("title-changed","Two-Factor Authentication"),g.value=k.query.desiredOrganization,(0,s.On)().then(function(r){t.value=r.Secret,a.value=r.SetupUrl,b.value=r.UserEmail,x.value=r.EnhancedMfaSecurity,r.MfaBackupEmailVerified&&(f.value=r.MfaBackupEmail,v.value=3)}),{secret:t,setupUrl:a,backupEmailAddress:f,isCodeValidated:_,isLoading:l,isValidatingInput:d,otp:m,organization:g,hasError:h,status:C,useVerifyFlow:x,enableStep:v,isBackupCodeValidated:A,isValidatingBackupCode:y,resendStatus:w,validateCode:function(r){d.value=!0,(0,i.ul)(t.value,r).then(function(e){d.value=!1,_.value=e,m.value=r})},beginBackupEmailVerification:function(){l.value=!0,(0,s.y1)(f.value).then(function(){l.value=!1,v.value=2}).catch(function(r){var e;l.value=!1,400===r.statusCode?null==(e=B.value)||e.setErrors({"backup-email-address":r.message}):(0,p.A)("An error has occurred","error")})},verifyBackupCode:function(r){y.value=!0,(0,s.Z0)(f.value,r).then(function(){y.value=!1,A.value=!0,v.value=3}).catch(function(r){y.value=!1,A.value=!1,400===r.statusCode?(0,p.A)(r.message||"Invalid verification code","error"):(0,p.A)("An error has occurred","error")})},resendBackupCode:function(){w.value="validating",(0,s.y1)(f.value).then(function(){w.value="default",(0,p.A)("Verification code resent.","success")}).catch(function(){w.value="default",(0,p.A)("An error has occurred","error")})},handleEnableMfa:function(){var r=function(r){400===r.statusCode?r.message.toLowerCase().includes("email")?(z.value.setErrors({"email-address":r.message}),h.value=!0):"session is null."===r.message.toLowerCase()&&window.location.assign("/login"):(0,p.A)("An error has occurred","error")};l.value=!0,(0,s.g7)(f.value,t.value,m.value,k.query.organizationCode).then(function(r){l.value=!1,window.location.assign((null==r?void 0:r.RedirectUrl)||k.query.returnUrl)}).catch(function(e){l.value=!1,r(e)})},observer:z,backupEmailObserver:B,CognitoConfiguration:$.y}}});n(6422);let m=(0,n(73217).A)(b,function(){var r=this,e=r._self._c;return r._self._setupProxy,e("div",{staticClass:"enable-multi-factor social-login__form"},[r.useVerifyFlow&&2===r.enableStep?r._e():e("Callout",{attrs:{type:"info",size:r.useVerifyFlow?"s":"m"}},[e("p",[r._v(r._s(r.organization)+" requires two-factor authentication.")])]),r._v(" "),r.useVerifyFlow?[1===r.enableStep?[e("ValidationObserver",{ref:"backupEmailObserver",staticClass:"cog-form",attrs:{tag:"form",novalidate:""},on:{submit:function(e){return e.preventDefault(),r.beginBackupEmailVerification()}},scopedSlots:r._u([{key:"default",fn:function(n){var t=n.passed,a=n.validate;return[e("ValidatedInput",{staticClass:"mt-4 mb-2",attrs:{id:"backup-email-address",vid:"backup-email-address",type:"email",name:"Backup Email Address",placeholder:"Backup Email Address",autocomplete:"on",rules:"required|email|is-not-same-email"},on:{input:function(r){return a()}},model:{value:r.backupEmailAddress,callback:function(e){r.backupEmailAddress="string"==typeof e?e.trim():e},expression:"backupEmailAddress"}}),r._v(" "),e("div",{staticClass:"helptext text-1 mb-2"},[r._v("This backup email will be used to send authentication codes when you cannot access your authenticator app.")]),r._v(" "),e("div",{staticClass:"dialog__footer flex flex--sb flex--end"},[e("StatusButton",{staticClass:"button button--primary text-4 my-3",attrs:{status:r.status,disabled:!t,type:"submit"}},[r._v("\n Next\n ")])],1)]}}],null,!1,0xe857f53c)})]:2===r.enableStep?[e("Callout",{staticClass:"mt-4",attrs:{type:"info"}},[e("p",{staticClass:"m-0"},[r._v("We sent a 6-digit code to "),e("strong",[r._v(r._s(r.backupEmailAddress))]),r._v(".")])]),r._v(" "),e("label",{staticClass:"label mt-4"},[r._v("Verification code")]),r._v(" "),e("MultifactorInput",{attrs:{"is-validated":r.isBackupCodeValidated,"is-loading":r.isValidatingBackupCode,label:"Check your email for a verification code"},on:{complete:r.verifyBackupCode}}),r._v(" "),e("div",{staticClass:"dialog__footer flex flex--sb flex--end"},[e("StatusButton",{staticClass:"button button--secondary text-4 my-3",attrs:{status:r.resendStatus},on:{click:function(e){return r.resendBackupCode()}}},[r._v("Resend code")])],1)]:3===r.enableStep?[e("div",{staticClass:"enable-multi-factor__container mb-4"},[r.secret?e("MultifactorSecret",{attrs:{secret:r.secret,"setup-url":r.setupUrl}}):r._e(),r._v(" "),e("MultifactorInput",{attrs:{"is-validated":r.isCodeValidated,"is-loading":r.isValidatingInput},on:{complete:r.validateCode}})],1),r._v(" "),e("div",{staticClass:"dialog__footer flex flex--sb flex--end"},[e("StatusButton",{staticClass:"button button--primary text-4 my-3",attrs:{status:r.status,disabled:!r.isCodeValidated,"auto-reset":!1},on:{click:r.handleEnableMfa}},[r._v("\n Enable\n ")])],1)]:r._e()]:[e("div",{staticClass:"enable-multi-factor__container mb-4"},[r.secret?e("MultifactorSecret",{attrs:{secret:r.secret,"setup-url":r.setupUrl}}):r._e(),r._v(" "),e("MultifactorInput",{attrs:{"is-validated":r.isCodeValidated,"is-loading":r.isValidatingInput},on:{complete:r.validateCode}})],1),r._v(" "),e("ValidationObserver",{ref:"observer",staticClass:"cog-form",attrs:{tag:"form",novalidate:"","data-vv-scope":"observer"},on:{submit:function(e){return e.preventDefault(),r.handleEnableMfa.apply(null,arguments)}}}
1,[e("ValidatedInput",{ref:"email",staticClass:"mt-4 mb-2",attrs:{id:"email-address",vid:"email-address",type:"email",name:"Backup Email Address",placeholder:"Backup Email Address",autocomplete:"on",rules:"required|email|is-not-same-email"},model:{value:r.backupEmailAddress,callback:function(e){r.backupEmailAddress="string"==typeof e?e.trim():e},expression:"backupEmailAddress"}}),r._v(" "),e("div",{staticClass:"helptext text-1 mb-2"},[r._v("This backup email will be used to send authentication codes when you cannot access your authenticator app.")]),r._v(" "),e("div",{staticClass:"dialog__footer flex flex--sb flex--end"},[e("StatusButton",{staticClass:"button button--primary text-4 my-3",attrs:{status:r.status,type:"submit"}},[r._v("\n Enable\n ")])],1)],1)]],2)},[],!1,null,null,null).exports},38945(r,e,n){"use strict";n(17640)},17640(r,e,n){var t=n(73926);t.__esModule&&(t=t.default),"string"==typeof t&&(t=[[r.id,t,""]]),t.locals&&(r.exports=t.locals),(0,n(21915).A)("0db3d7e8",t,!0,{})},6422(r,e,n){var t=n(85416);t.__esModule&&(t=t.default),"string"==typeof t&&(t=[[r.id,t,""]]),t.locals&&(r.exports=t.locals),(0,n(21915).A)("3eb6d88b",t,!0,{})}}]); 2//# sourceMappingURL=EnableMultifactor.b3f4599a6df5fe58.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.