https://www.classace.io/_next/static/chunks/55472.b2c48053d0ccf621.js?dpl=dpl_8FT9UqBgWcwdM6bMGjqZLUKY4Qfe

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16844,49701,55472,61606,72082,94463],{33091:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>y});var a=r(4902),n=r(37876),i=r(74162),c=r(14232),o=r(91399),s=r.n(o),l=r(68827),u=r.n(l),h=r(77328),p=r.n(h),d=r(72082),F=r(78288),S=r.n(F);let g={display:"block",zIndex:0},{PRODUCT_NAME:f}=r(23694);class C extends c.Component{constructor(e){super(e),this.onBlurSearchInput=e=>{this.props.u.setCS("keyboardShortcutsDisabled",!1)},this.onFocusSearchInput=()=>{this.setState({showClearSearch:!0});let e=document.querySelector("#headerSearchInput").getBoundingClientRect();this.props.u.setCS("currentlyHoveringBoundingRect",e),this.props.u.setCS("keyboardShortcutsDisabled",!0)},this.onClearSearch=async()=>{let{u:e}=this.props;try{this.searchTextInputRef.current.value=""}catch(e){console.error("onClearSearch error",e)}let{default:t}=await r.e(49918).then(r.t.bind(r,92054,23));t(".aa-input-search").val(""),t(".aa-dropdown-menus").slideUp(300),this.setState({showClearSearch:!1}),e.setCS("searchResult",null),e.setCS("searchString",null)},this.onSearchInputChange=async e=>{let t=e.target.value,{u:a}=this.props,{clientState:n}=a;if(t.length>0){this.setState({isSearching:!0}),a.setCS("searchString",t);let e=document.querySelector("#headerSearchInput").getBoundingClientRect();this.props.u.setCS("currentlyHoveringBoundingRect",e);let i=Date.now(),c=await r.e(98632).then(r.bind(r,98632)),o=await c.fetchSearchResultsForString(t,a.currentUser?.uid||null,a.currentUnlockedProfileID??null);i>(n.get("lastSearchStartedAtRendered")??0)&&(a.setCS("searchResults",o),t===n.get("searchString")&&this.setState({isSearching:!1}))}else a.setCS("searchResults",null),a.setCS("searchString",null),this.setState({isSearching:!1})},this.state={isSearching:!1,showClearSearch:!1},this.searchTextInputRef=c.createRef()}render(){let{u:e,isExpanded:t,darkTheme:r}=this.props,{isSearching:a,showClearSearch:i}=this.state,c=null;return a&&(c=(0,n.jsx)("div",{className:S().skillsListLoaderWrapper,children:(0,n.jsx)(s(),{cssOverride:g,size:18,color:d.A.primary,loading:!0})})),(0,n.jsxs)("div",{className:S().searchWrapper,children:[!a&&(0,n.jsxs)("div",{className:r?S().searchIconInInputDark:S().searchIconInInput,children:[(0,n.jsx)(u(),{src:"/static/icons/[email protected]",alt:"Search icon",width:18,height:18,layout:"fixed"}),(0,n.jsx)(p(),{children:(0,n.jsx)("link",{href:"/static/icons/[email protected]",as:"image"},"/static/icons/[email protected]")})]}),c,(0,n.jsx)("input",{id:"headerSearchInput",type:"search",className:r?S().inputSearchDark:S().inputSearch,autoComplete:"off",value:e.getCS("searchString")??"",onBlur:this.onBlurSearchInput,onTouchStart:this.onFocusSearchInput,onFocus:this.onFocusSearchInput,onChange:this.onSearchInputChange,placeholder:f,ref:this.searchTextInputRef},"input"),i&&(0,n.jsx)("input",{type:"reset",value:"\xd7",className:r?S().clearableClearDark:S().clearableClear,onClick:this.onClearSearch}),(0,n.jsxs)("form",{style:{display:"none"},children:[(0,n.jsx)("input",{type:"email"}),(0,n.jsx)("input",{type:"password"})]})]})}}let y=C=(0,a.Cg)([(0,i.WQ)("u"),i.PA],C)},72082:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(23694);let n={primary:a.PRIMARY_COLOR,lightGrayBackground:"#FCFCFC",text:a.IS_ADTASTIC?"#374151":"#0f1923",border:"#E6E6E6",lightText:"#797F8B",lighterText:"#A6AAB2",placeholder:"#C7CCD6",editorPrimary:"#6A9BE4",primaryDarker:a.PRIMARY_SHADOW_COLOR,accentBlueBright:"#62BBF6",link:"#7CAFFD",primaryGradientLighter:"#D1E6FF",primaryShadow:a.PRIMARY_SHADOW_COLOR,primaryHover:a.PRIMARY_HOVER_COLOR,primaryBrightHover:"#F2FDFF",statusBarAndNavColor:"#6D85A8",white:"#FFF",bgGray:"#F9F9F9",mediumGrayBackground:"#F6F6F6",grayBorder:"#E6E6E6",black:"#000",clear:"rgba(0, 0, 0, 0)",progressBarFill:"#FFEEB4",progressBarUnfilled:"#fcfcfc",gold:"#FFC09D",teacherViewPurple:"#A3A5FF",teacherViewPurpleHover:"#999BFF",teacherViewPurpleShadow:"#9596E8",green:"#3BEBA3",greenDarker:"#36D995",greenBlue:"#3ce18f",teacherViewOrange:"#FEBB6C",teacherViewLightPurple:"#F7F7FF",teacherViewRed:"#FF6D6C",red:"#FC687B",orange:"#FFC19F",peach:"#FFADBC",checkoutGreen:"#96E7A1",checkoutGreenShadow:"#88D192",checkoutGreenHover:"#A2FAAE",blueHeaderLeft:"#94C9FF",blueHeaderRight:"#45F4FF",blueHeaderLeftShadow:"#85B5E6",blueHeaderMiddle:"#79D7FF",lightTan:"#FFF9F2",lighterTan:"#FFFEFC",seriousBlue:"#47A0FF",seriousBlueShadow:"#4192E8",turquoise:"#47C5FF",turquoiseShadow:"#41B3E8",tan:"#FFF0E0",startButtonLeftTurquoise:"#57E9F2",startButtonRightTurquoise:"#78FAC2",startButtonTurquoiseShadow:"#5DDECB",dar

1kAsh:"#525F7F",private:"#525F7F",recordingRed:"#FB5455"}},78288:e=>{e.exports={skillsListLoaderWrapper:"AutocompleteSearchInput_skillsListLoaderWrapper__5MuVa",searchWrapper:"AutocompleteSearchInput_searchWrapper__ey81c",clearableClear:"AutocompleteSearchInput_clearableClear__Gh0QC",inputSearch:"AutocompleteSearchInput_inputSearch__9rhD3",inputSearchDark:"AutocompleteSearchInput_inputSearchDark__1p18L",clearableClearDark:"AutocompleteSearchInput_clearableClearDark__lXby8",searchIconInInput:"AutocompleteSearchInput_searchIconInInput__dnUA9",searchIconInInputDark:"AutocompleteSearchInput_searchIconInInputDark__hF2cm"}},91399:function(e,t,r){"use strict";var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),c=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&n(t,e,r);return i(t,e),t},o=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)0>t.indexOf(a[n])&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r};Object.defineProperty(t,"__esModule",{value:!0});var s=c(r(14232)),l=r(88523),u=(0,r(16819).createAnimation)("MoonLoader","100% {transform: rotate(360deg)}","moon");t.default=function(e){var t=e.loading,r=e.color,n=void 0===r?"#000000":r,i=e.speedMultiplier,c=void 0===i?1:i,h=e.cssOverride,p=e.size,d=o(e,["loading","color","speedMultiplier","cssOverride","size"]),F=(0,l.parseLengthAndUnit)(void 0===p?60:p),S=F.value,g=F.unit,f=S/7,C=a({display:"inherit",position:"relative",width:"".concat("".concat(S+2*f).concat(g)),height:"".concat("".concat(S+2*f).concat(g)),animation:"".concat(u," ").concat(.6/c,"s 0s infinite linear"),animationFillMode:"forwards"},void 0===h?{}:h),y=function(e){return{width:(0,l.cssValue)(e),height:(0,l.cssValue)(e),borderRadius:"100%"}},_=a(a({},y(f)),{backgroundColor:"".concat(n),opacity:"0.8",position:"absolute",top:"".concat("".concat(S/2-f/2).concat(g)),animation:"".concat(u," ").concat(.6/c,"s 0s infinite linear"),animationFillMode:"forwards"}),b=a(a({},y(S)),{border:"".concat(f,"px solid ").concat(n),opacity:"0.1",boxSizing:"content-box",position:"absolute"});return void 0===t||t?s.createElement("span",a({style:C},d),s.createElement("span",{style:_}),s.createElement("span",{style:b})):null}}}]);