pxt-core 7.3.17 → 7.3.21

package/built/web/skillmap/js/main.0fff4916.chunk.js

@@ -1 +0,0 @@
-(this.webpackJsonpskillsmap=this.webpackJsonpskillsmap||[]).push([[0],{16:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.fireClickOnEnter=t.jsxLF=void 0;var r=a(14);t.jsxLF=function(e){var t=[];e.replace(/\{\d\}/g,(function(e){return t.push(parseInt(e.substr(1,1))),e}));for(var a,n=[],i=0,o=arguments.length,c=new Array(o>1?o-1:0),s=1;s<o;s++)c[s-1]=arguments[s];for(var l=0,u=t;l<u.length;l++){var d=u[l];a=e.split("{".concat(d,"}")),pxt.U.assert(2===a.length),n.push(r.createElement("span",{key:i++},a[0])),n.push(r.createElement("span",{key:i++},c[d])),e=a[1]}return n.push(r.createElement("span",{key:i++},e)),n},t.fireClickOnEnter=function(e){var t="number"==typeof e.which?e.which:e.keyCode;13!==t&&32!==t||(e.preventDefault(),e.currentTarget.click())}},19:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Badge=void 0;var r=a(14),n=a(16);t.Badge=function(e){var t=e.badge,a=e.disabled,i=e.isNew,o=e.onClick,c=o&&function(){o(t)};return r.createElement("div",{className:"profile-badge ".concat(a?"disabled":""," ").concat(o?"clickable":""),role:o?"button":void 0,tabIndex:o?0:void 0,title:lf("{0} Badge",t.title),onClick:c,onKeyDown:n.fireClickOnEnter},i&&r.createElement("div",{className:"profile-badge-notification"},pxt.U.lf("New!")),r.createElement("img",{src:t.image,alt:t.title}),a&&r.createElement("i",{className:"ui huge icon lock"}))}},34:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Profile=void 0;var r=a(14),n=a(56),i=a(60),o=a(62);t.Profile=function(e){var t,a=e.user,c=e.signOut,s=e.deleteProfile,l=e.notification,u=e.showModalAsync,d=(null==a?void 0:a.profile)||{idp:{}},p=(null===(t=null==a?void 0:a.preferences)||void 0===t?void 0:t.badges)||{badges:[]};return r.createElement("div",{className:"user-profile"},r.createElement(i.UserPane,{profile:d,onSignOutClick:c,onDeleteProfileClick:s,notification:l}),r.createElement(n.BadgeList,{availableBadges:pxt.appTarget.defaultBadges||[],userState:p,onBadgeClick:function(e){u({header:lf("{0} Badge",e.title),size:"tiny",hasCloseIcon:!0,jsx:r.createElement(o.BadgeInfo,{badge:e})})}}))}},48:function(e,t,a){},49:function(e,t,a){},50:function(e,t,a){},53:function(e,t,a){},54:function(e,t,a){},55:function(e,t,a){},56:function(e,t,a){"use strict";var r=a(57);Object.defineProperty(t,"__esModule",{value:!0}),t.BadgeList=void 0;var n=a(14),i=a(19);t.BadgeList=function(e){var t,a=e.onBadgeClick,o=e.availableBadges,c=e.userState,s=o.slice(),l={},u=r(c.badges);try{var d=function(){var e=t.value;l[e.id]=!0;var a=s.findIndex((function(t){return t.id===e.id}));a>-1?s[a]=Object.assign(Object.assign({},s[a]),{timestamp:s[a].timestamp||e.timestamp}):s.push(e)};for(u.s();!(t=u.n()).done;)d()}catch(e){u.e(e)}finally{u.f()}for(var p=[],f=0;f<Math.max(s.length+10,20);f++)p.push(n.createElement("div",{key:f,className:"placeholder-badge"}));return n.createElement("div",{className:"profile-badge-list"},n.createElement("div",{className:"profile-badge-header"},n.createElement("span",{className:"profile-badge-title"},lf("Badges")),n.createElement("span",{className:"profile-badge-subtitle"},lf("Click each badge to see details"))),n.createElement("div",{className:"profile-badges-scroller"},n.createElement("div",{className:"profile-badges"},n.createElement("div",{className:"profile-badges-background-container"},n.createElement("div",{className:"profile-badges-background"},p)),s.map((function(e){return n.createElement("div",{className:"profile-badge-and-title"},n.createElement(i.Badge,{key:e.id,onClick:a,badge:e,disabled:!l[e.id]}),n.createElement("div",{className:"profile-badge-name"},e.title))})))))}},60:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UserPane=void 0;var r=a(14),n=a(16),i=a(61);t.UserPane=function(e){var t=e.profile,a=e.onSignOutClick,o=e.onDeleteProfileClick,c=e.notification,s=t.idp,l=s.username,u=s.displayName,d=s.picture;return r.createElement("div",{className:"profile-user-pane"},r.createElement("div",{className:"profile-portrait"},(null==d?void 0:d.dataUrl)?r.createElement("img",{src:null==d?void 0:d.dataUrl,alt:pxt.U.lf("Profile Picture")}):r.createElement("div",{className:"profile-initials-portrait"},pxt.auth.userInitials(t))),r.createElement("div",{className:"profile-user-details"},r.createElement("div",{className:"profile-display-name"},u),l&&r.createElement("div",{className:"profile-username"},l)),c&&r.createElement(i.UserNotification,{notification:c}),r.createElement("div",{className:"profile-spacer"}),r.createElement("div",{className:"profile-actions"},r.createElement("a",{role:"button",tabIndex:0,onKeyPress:n.fireClickOnEnter,onClick:o},lf("Delete Profile")),r.createElement("button",{onClick:a,className:"ui icon button sign-out"},r.createElement("i",{className:"icon sign-out"}),lf("Sign Out"))))}},61:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UserNotification=void 0;var r=a(14);t.UserNotification=function(e){var t=e.notification,a=t.message,n=t.icon,i=t.actionText,o=t.link,c=t.xicon,s=t.title;return r.createElement("div",{className:"profile-notification"},r.createElement("div",{className:"profile-notification-icon"},r.createElement("i",{className:"".concat(c?"xicon":"ui large circular icon "," ").concat(n)})),r.createElement("div",{className:"profile-notification-title"},s),r.createElement("div",{className:"profile-notification-message"},a),r.createElement("button",{className:"ui icon button profile-notification-button",onClick:function(){window.open(o,"_blank")},role:"link"},r.createElement("i",{className:"icon external alternate"}),i))}},62:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.badgeDescription=t.BadgeInfo=void 0;var r=a(14),n=a(16),i=a(19);function o(e){var t;if(-1!==e.indexOf("/api/md/")){var a=e.split("/api/md/")[1].split("/").slice(1).join("/");return(null===(t=pxt.webConfig)||void 0===t?void 0:t.skillmapUrl)+"#docs:"+a}var r=e.split("#");return 2==r.length?pxt.webConfig.skillmapUrl+"#github:https://github.com/"+r[0]+"/"+r[1]:pxt.BrowserUtils.isLocalHostDev()?"http://localhost:3000#local:"+e:e}t.BadgeInfo=function(e){var a=e.badge,n=new Date(a.timestamp);return r.createElement("div",{className:"profile-badge-info"},r.createElement("div",{className:"profile-badge-info-image"},r.createElement(i.Badge,{badge:a,disabled:!a.timestamp})),r.createElement("div",{className:"profile-badge-info-item"},r.createElement("div",{className:"profile-badge-info-header"},lf("Awarded For:")),r.createElement("div",{className:"profile-badge-info-text"},t.badgeDescription(a))),a.timestamp?r.createElement("div",{className:"profile-badge-info-item"},r.createElement("div",{className:"profile-badge-info-header"},lf("Awarded On:")),r.createElement("div",{className:"profile-badge-info-text"},n.toLocaleDateString(pxt.U.userLanguage()))):void 0)},t.badgeDescription=function(e){switch(e.type){case"skillmap-completion":return r.createElement("span",null,n.jsxLF(lf("Completing {0}"),r.createElement("a",{target:"_blank",href:o(e.sourceURL)},pxt.U.rlf(e.title))))}}},63:function(e,t,a){},64:function(e,t,a){},65:function(e,t,a){"use strict";a.r(t);var r,n,i=a(0),o=a.n(i),c=a(29),s=a.n(c),l=a(8),u=a(23),d=a(9),p=a(10),f=a(1),h="ADD_SKILL_MAP",v="CLEAR_SKILL_MAPS",m="CLEAR_METADATA",g="CHANGE_SELECTED_ITEM",y="SET_SKILL_MAP_COMPLETED",b="SET_HEADERID_FOR_ACTIVITY",k="OPEN_ACTIVITY",w="CLOSE_ACTIVITY",I="SAVE_AND_CLOSE_ACTIVITY",S="RESTART_ACTIVITY",O="SET_USER",x="UPDATE_USER_COMPLETED_TAGS",C="RESET_USER",E="SET_PAGE_TITLE",j="SET_PAGE_DESCRIPTION",N="SET_PAGE_INFO_URL",A="SET_PAGE_BACKGROUND_IMAGE_URL",U="SET_PAGE_BANNER_IMAGE_URL",P="SET_PAGE_THEME",M="SET_PAGE_SOURCE_URL",L="SET_PAGE_ALTERNATE_URLS",T="ENQUEUE_MODALS",R="SET_MODAL",_="NEXT_MODAL",B="HIDE_MODAL",H="SHOW_COMPLETION_MODAL",D="GRANT_SKILLMAP_BADGE",F="SET_USER_PROFILE",V="SET_USER_PREFERENCES",W="USER_LOG_OUT",G="SHOW_USER_PROFILE",z="HIDE_USER_PROFILE",q="SET_SHARE_STATUS",Q="SET_CLOUD_STATUS",Y="SET_READY_RESOURCES",K=a(2),$=a.n(K),J=a(3),X="-SHOWN-LOGIN-PROMPT";function Z(e){var t={cmd:"",arg:""},a=/^(\w+)(:([:./\-+=\w]+))?/.exec((e||window.location.hash).replace(/^#/,""));return a&&(t={cmd:a[1],arg:a[3]||""}),t}function ee(){var e={},t=window.location.search;return t&&new URLSearchParams(t).forEach((function(t,a){"true"!==t.toLowerCase()&&"1"!==t||(t="true"),e[a]=t})),e}function te(e,t){return ae.apply(this,arguments)}function ae(){return(ae=Object(J.a)($.a.mark((function e(t,a){var r,n,i;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t&&a){e.next=2;break}return e.abrupt("return",void 0);case 2:n="unknown",e.t0=t,e.next="docs"===e.t0?6:"github"===e.t0?7:"local"===e.t0?10:13;break;case 6:return e.abrupt("return",re(a));case 7:return e.next=9,ie(a);case 9:return e.abrupt("return",e.sent);case 10:return e.next=12,ce(a);case 12:return e.abrupt("return",e.sent);case 13:return r=a,e.abrupt("break",15);case 15:if(!pxt.BrowserUtils.isSafari()){e.next=29;break}return e.prev=16,e.next=19,fe(r);case 19:i=e.sent,e.next=27;break;case 22:return e.prev=22,e.t1=e.catch(16),e.next=26,fe(r);case 26:i=e.sent;case 27:e.next=32;break;case 29:return e.next=31,fe(r);case 31:i=e.sent;case 32:return e.abrupt("return",{text:i,identifier:r,status:n});case 33:case"end":return e.stop()}}),e,null,[[16,22]])})))).apply(this,arguments)}function re(e){return ne.apply(this,arguments)}function ne(){return(ne=Object(J.a)($.a.mark((function e(t){var a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,pxt.Cloud.markdownAsync(le(t));case 2:if(!(a=e.sent)){e.next=5;break}return e.abrupt("return",{text:a,identifier:ue(t),status:"approved"});case 5:return e.abrupt("return",void 0);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function ie(e){return oe.apply(this,arguments)}function oe(){return(oe=Object(J.a)($.a.mark((function e(t){var a,r,n,i,o,c,s,l,u,d,p;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=pxt.github.parseRepoId(t),e.next=3,pxt.packagesConfigAsync();case 3:if(e.t0=e.sent,e.t0){e.next=6;break}e.t0={};case 6:r=e.t0,n=pxt.github.parseRepoId(a.slug),i=pxt.github.repoStatus(n,r),o="unknown",e.t1=i,e.next=e.t1===pxt.github.GitRepoStatus.Banned?13:e.t1===pxt.github.GitRepoStatus.Approved?16:19;break;case 13:return o="banned",c="https://github.com/"+a.fullName,e.abrupt("break",21);case 16:return o="approved",c=void 0,e.abrupt("break",21);case 19:return c="https://github.com/"+a.fullName,e.abrupt("break",21);case 21:if(e.t2=a.tag,e.t2){e.next=26;break}return e.next=25,pxt.github.latestVersionAsync(a.slug,r,!0);case 25:e.t2=e.sent;case 26:if(s=e.t2){e.next=30;break}return pxt.log("skillmap github tag not found at ".concat(a.fullName)),e.abrupt("return",void 0);case 30:return a.tag=s,e.next=33,pxt.github.downloadPackageAsync("".concat(a.slug,"#").concat(a.tag),r);case 33:if(!(l=e.sent)){e.next=37;break}return u=de(a),d=u.identifier,p=u.fileName,e.abrupt("return",{text:pxt.tutorial.resolveLocalizedMarkdown(a,l.files,p),identifier:d,reportId:c,status:o});case 37:return e.abrupt("return",void 0);case 38:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function ce(e){return se.apply(this,arguments)}function se(){return(se=Object(J.a)($.a.mark((function e(t){var a,r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!me()){e.next=9;break}return t=t.replace(/^\//,"").replace(/\.md$/,""),e.next=4,fetch("docs/"+t+".md");case 4:return a=e.sent,e.next=7,a.text();case 7:return r=e.sent,e.abrupt("return",{text:r,identifier:t,status:"approved"});case 9:return e.abrupt("return",void 0);case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function le(e){return e.trim().replace(/^[\\/]/i,"").replace(/\.md$/i,"")}function ue(e){var t;e=le(e);var a=(null===(t=window.pxtTargetBundle)||void 0===t?void 0:t.name)||"arcade";return"".concat("https://www.makecode.com/api","/md/").concat(a,"/").concat(e)}function de(e){var t=function(e){return(e=(e=e.replace(/^\/?blob\/main\//,"")).replace(/^\/?blob\/master\//,"")).replace(/\.md$/,"")}(e.fileName||"skillmap");return{identifier:e.fullName+"#"+t,fileName:t}}function pe(){return(pe=Object(J.a)($.a.mark((function e(t,a){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t){e.next=3;break}return e.next=3,he("/api/".concat(encodeURIComponent(t),"/abusereports"),a);case 3:return e.abrupt("return");case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function fe(e){return new Promise((function(t,a){var r=new XMLHttpRequest;r.addEventListener("error",(function(e){a(e)})),r.addEventListener("load",(function(){try{t(r.responseText)}catch(e){a(e)}})),r.open("GET",e),r.send()}))}function he(e,t){return new Promise((function(a,r){var n=new XMLHttpRequest;n.addEventListener("error",(function(e){r(e)})),n.addEventListener("load",(function(){try{a(n.responseText)}catch(e){r(e)}})),n.open("POST",e,!0),n.setRequestHeader("Content-type","application/json"),n.send(JSON.stringify(t))}))}function ve(){function e(){return(65536|function(){var e=new Uint8Array(4);return function(e){if(window.crypto)window.crypto.getRandomValues(e);else for(var t=0;t<e.length;++t)e[t]=Math.floor(255*Math.random())}(e),new Uint32Array(e.buffer)[0]}()).toString(16).slice(-4)}return e()+e()+"-"+e()+"-4"+e().slice(-3)+"-"+e()+"-"+e()+e()+e()}function me(){return"localhost"===window.location.hostname}function ge(e){return"".concat(me()?"":"/static/skillmap","/").concat(e.replace(/^\//,""))}function ye(e){n=e}function be(e,t){var a,i;(t=t||{}).page=n,t.pageTitle=r,null===(a=(i=window).pxtTickEvent)||void 0===a||a.call(i,e,t)}function ke(e,t,a,r){return!Object.keys(null==a?void 0:a.activities).some((function(n){var i,o;return!(null===(i=xe(e,t,a.mapId))||void 0===i||null===(o=i.activityState[n])||void 0===o?void 0:o.isCompleted)&&n!==r}))}function we(e,t,a,r){var n;return!!(null===(n=Ce(e,t,a,r))||void 0===n?void 0:n.isCompleted)}function Ie(e,t,a,r){var n,i,o,c=e&&a&&Oe(e,t,a,r)?"notstarted":"locked";if(e)if(a&&t&&!function(e,t,a){var r,n=Object(d.a)(t.prerequisites);try{for(n.s();!(r=n.n()).done;){var i=r.value;if("tag"===i.type){if(!e.completedTags[a])return!1;var o=e.completedTags[a][i.tag];if(void 0===o||o<i.numberCompleted)return!1}else if("map"===i.type&&!ke(e,a,t))return!1}}catch(e){n.e(e)}finally{n.f()}return!0}(e,a,t))c="locked";else{var s=Ce(e,t,a.mapId,r);s&&(s.isCompleted?(c=s.currentStep&&s.maxSteps&&s.currentStep<s.maxSteps?"restarted":"completed",o=s.headerId):s.headerId&&(c="inprogress"),n=null==s?void 0:s.currentStep,i=null==s?void 0:s.maxSteps)}return{status:c,currentStep:n,maxSteps:i,completedHeadedId:o}}function Se(e,t,a){var r,n={},i=Object(d.a)(a);try{for(i.s();!(r=i.n()).done;)for(var o=r.value,c=0,s=Object.keys(o.activities);c<s.length;c++){var l=s[c],u=o.activities[l];if(we(e,t,o.mapId,u.activityId)&&"activity"===u.kind){var p,f=Object(d.a)(u.tags);try{for(f.s();!(p=f.n()).done;){var h=p.value;n[h]||(n[h]=0),n[h]++}}catch(e){f.e(e)}finally{f.f()}}}}catch(e){i.e(e)}finally{i.f()}return n}function Oe(e,t,a,r){return a.root.activityId===r||function n(i){if(we(e,t,a.mapId,i.activityId)){if(i.next.some((function(e){return e.activityId===r})))return!0;var o,c=Object(d.a)(i.next);try{for(c.s();!(o=c.n()).done;){if(n(o.value))return!0}}catch(e){c.e(e)}finally{c.f()}}return!1}(a.root)}function xe(e,t,a){return e.mapProgress[t]?e.mapProgress[t][a]:void 0}function Ce(e,t,a,r){var n;return null===(n=xe(e,t,a))||void 0===n?void 0:n.activityState[r]}function Ee(e,t){return!!(e.mapProgress&&e.mapProgress[t]&&0!=Object.keys(e.mapProgress[t]).length&&Object.keys(e.mapProgress[t]).some((function(a){return 0!=Object.keys(e.mapProgress[t][a].activityState).length})))}function je(e,t){return Object.keys(e.activities).filter((function(t){return!Me(e.activities[t])})).filter((function(a){return Pe(e.activities[a],Me(e.activities[t])).map((function(e){return e.activityId})).some((function(e){return e===t}))})).map((function(t){return e.activities[t]}))}function Ne(e,t,a,r){return je(a,r).map((function(r){return Ce(e,t,a.mapId,r.activityId)})).filter((function(e){return!!e}))}function Ae(e,t,a,r){var n=Ne(e,t,a,r).filter((function(e){return(null==e?void 0:e.isCompleted)&&e.maxSteps===e.currentStep})).sort((function(e,t){return(t.completedTime||0)-(e.completedTime||0)}));return null==n?void 0:n[0]}function Ue(e,t,a,r){if(!e||!a||!r||"activity"!==r.kind)return!1;var n=Ne(e,t,a,r.activityId),i=null==n?void 0:n.some((function(e){return(null==e?void 0:e.isCompleted)&&e.maxSteps===e.currentStep}));return r.allowCodeCarryover&&n.length>0&&i&&Oe(e,t,a,r.activityId)}function Pe(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=[];return e.next.forEach((function(e){t||!Me(e)?a.push(e):a=a.concat(Pe(e))})),a}function Me(e){return"reward"===e.kind||"completion"===e.kind}function Le(e,t,a){for(var r=[],n=0,i=Object.keys(a.activities);n<i.length;n++){var o=i[n];if(Me(a.activities[o])&&Oe(e,t,a,o)){var c,s=a.activities[o],l=Object(d.a)(s.rewards);try{for(l.s();!(c=l.n()).done;)"completion-badge"===c.value.type&&r.push(Te(t,a,s))}catch(e){l.e(e)}finally{l.f()}}}return r}function Te(e,t,a){var r;return{id:"skillmap-completion-".concat(t.mapId),image:null===(r=a.rewards.filter((function(e){return"completion-badge"===e.type}))[0])||void 0===r?void 0:r.imageUrl,sourceURL:e,type:"skillmap-completion",title:t.displayName}}function Re(e,t,a){var r;return Object.values(null!==(r=e.mapProgress[t])&&void 0!==r?r:[]).filter((function(e){var r;return!a||!(null===(r=a.mapProgress[t])||void 0===r?void 0:r[e.mapId])||0===Object.keys(a.mapProgress[t][e.mapId].activityState).length})).map((function(e){return Object.values(e.activityState)})).reduce((function(e,t){return e.concat(t,[])}),[]).map((function(e){return e.headerId})).filter((function(e){return!!e}))}function _e(e,t,a,r){var n=pxt.semver.parse(e.version||"0.0.0"),i=pxt.semver.parse(t),o=e;if(0===pxt.semver.cmp(n,i))return o;if(0===pxt.semver.cmp(n,pxt.semver.parse("0.0.0"))){var c=(null==e?void 0:e.mapProgress)&&Object.keys(null==e?void 0:e.mapProgress);if((null==c?void 0:c.length)>0&&e.mapProgress[c[0]].activityState){var s=e,l={};Object.keys(r).forEach((function(e){s.mapProgress[e]&&(l[e]=s.mapProgress[e])})),o=Object(f.a)(Object(f.a)({},s),{},{mapProgress:Object(p.a)({},a,l)})}}return o}function Be(e,t,a){if(0===a.length)return e;var r=e.mapProgress[t]||{};return a.forEach((function(t){var a=Z(t),n=a.cmd,i=a.arg,o=i;switch(n){case"github":var c=pxt.github.parseRepoId(i),s=c&&de(c);o=(null==s?void 0:s.identifier)||i;break;case"docs":o=ue(i)}var l=e.mapProgress[o];l&&Object.keys(l).forEach((function(e){if(r[e]){var t=l[e].activityState;Object.keys(t).forEach((function(a){r[e].activityState[a]||(r[e].activityState[a]=t[a])}))}else r[e]=l[e]}))})),Object(f.a)(Object(f.a)({},e),{},{mapProgress:Object(f.a)(Object(f.a)({},e.mapProgress),{},Object(p.a)({},t,r))})}var He={title:lf("Game Maker Guide"),description:lf("Level up your game making skills by completing the tutorials in this guide."),pageSourceStatus:"unknown",pageSourceUrl:"default",user:{version:pxt.skillmap.USER_VERSION,isDebug:!0,id:ve(),mapProgress:{},completedTags:{}},theme:{backgroundColor:"var(--body-background-color)",pathColor:"#BFBFBF",strokeColor:"#000000",rewardNodeColor:"var(--primary-color)",rewardNodeForeground:"#000000",unlockedNodeColor:"var(--secondary-color)",unlockedNodeForeground:"#000000",lockedNodeColor:"#BFBFBF",lockedNodeForeground:"#000000",completedNodeColor:"var(--secondary-color)",completedNodeForeground:"#000000",selectedStrokeColor:"var(--hover-color)",pathOpacity:.5},maps:{},auth:{signedIn:!1},cloudState:{}};function De(e,t,a,r,n,i,o){var c,s,l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],u=a.mapId,d=Ce(e,t,u,r);d||(d={isCompleted:!1,activityId:r,currentStep:i,maxSteps:o,headerId:n});var h=(null===(c=e.mapProgress)||void 0===c?void 0:c[t])||{};return Object(f.a)(Object(f.a)({},e),{},{mapProgress:Object(f.a)(Object(f.a)({},e.mapProgress),{},Object(p.a)({},t,Object(f.a)(Object(f.a)({},h),{},Object(p.a)({},u,Object(f.a)(Object(f.a)({},(null==h?void 0:h[u])||{mapId:u}),{},{activityState:Object(f.a)(Object(f.a)({},(null==h||null===(s=h[u])||void 0===s?void 0:s.activityState)||{}),{},Object(p.a)({},r,Object(f.a)(Object(f.a)({},d),{},{headerId:n,currentStep:i,maxSteps:o,isCompleted:d.isCompleted||l})))})))))})}function Fe(e,t,a,r){var n,i,o,c=a.mapId,s=!1,l={};r.forEach((function(r){var n=Ce(e,t,c,r);s=s||Me(a.activities[r])&&!(null==n?void 0:n.isCompleted),l[r]=n||{isCompleted:!0,activityId:r,headerId:"",currentStep:0},l[r].isCompleted=!0,l[r].completedTime=Date.now()}));var u=(null===(n=e.mapProgress)||void 0===n?void 0:n[t])||{};return Object(f.a)(Object(f.a)({},e),{},{mapProgress:Object(f.a)(Object(f.a)({},e.mapProgress),{},Object(p.a)({},t,Object(f.a)(Object(f.a)({},u),{},Object(p.a)({},c,Object(f.a)(Object(f.a)({},(null==u?void 0:u[c])||{mapId:c}),{},{activityState:Object(f.a)(Object(f.a)({},(null==u||null===(i=u[c])||void 0===i?void 0:i.activityState)||{}),l),completionState:s?"transitioning":null==u||null===(o=u[c])||void 0===o?void 0:o.completionState})))))})}function Ve(e,t){var a=[e.activities[t]],r=e.activities[t].next.filter((function(e){return Me(e)}));return a.concat(r)}function We(e,t){var a=[{type:"completion",currentMapId:e.mapId,currentActivityId:t}],r=e.activities[t];if(1===r.rewards.length&&"certificate"===r.rewards[0].type)return a[0].currentReward=r.rewards[0],a;var n,i=Object(d.a)(r.rewards);try{for(i.s();!(n=i.n()).done;){var o=n.value;a.push({type:"reward",currentMapId:e.mapId,currentActivityId:t,currentReward:o})}}catch(e){i.e(e)}finally{i.f()}return a}var Ge,ze,qe=Object(u.b)((function(){var e,t,a,r,n,i,o,c,s,l,u,d,K,$=arguments.length>0&&void 0!==arguments[0]?arguments[0]:He,J=arguments.length>1?arguments[1]:void 0;switch(J.type){case h:return Object(f.a)(Object(f.a)({},$),{},{maps:Object(f.a)(Object(f.a)({},$.maps),{},Object(p.a)({},J.map.mapId,J.map))});case v:return Object(f.a)(Object(f.a)({},$),{},{maps:{}});case m:return Object(f.a)(Object(f.a)({},$),{},{title:He.title,description:He.description,infoUrl:He.infoUrl,backgroundImageUrl:void 0,bannerImageUrl:void 0,alternateSourceUrls:void 0,theme:Object(f.a)({},He.theme)});case g:return Object(f.a)(Object(f.a)({},$),{},{selectedItem:{mapId:J.mapId,activityId:J.activityId}});case y:return Object(f.a)(Object(f.a)({},$),{},{user:Object(f.a)(Object(f.a)({},$.user),{},{mapProgress:Object(f.a)(Object(f.a)({},$.user.mapProgress),{},Object(p.a)({},$.pageSourceUrl,Object(f.a)(Object(f.a)({},null===(e=$.user.mapProgress)||void 0===e?void 0:e[$.pageSourceUrl]),{},Object(p.a)({},J.mapId,Object(f.a)(Object(f.a)({},null===(t=$.user.mapProgress)||void 0===t||null===(a=t[$.pageSourceUrl])||void 0===a?void 0:a[J.mapId]),{},{completionState:"completed"})))))})});case k:return Object(f.a)(Object(f.a)({},$),{},{editorView:{currentMapId:J.mapId,currentActivityId:J.activityId,state:"active",allowCodeCarryover:!!J.carryoverCode,previousHeaderId:J.previousHeaderId,currentHeaderId:null===(r=Ce($.user,$.pageSourceUrl,J.mapId,J.activityId))||void 0===r?void 0:r.headerId}});case I:return Object(f.a)(Object(f.a)({},$),{},{editorView:Object(f.a)(Object(f.a)({},$.editorView),{},{state:"saving"})});case w:var Z=$.maps[$.editorView.currentMapId],ee=$.editorView.currentActivityId,te=J.finished?Ve(Z,ee):[],ae=te.find((function(e){return Me(e)})),re=ae&&(null===(n=$.user.mapProgress[$.pageSourceUrl])||void 0===n||null===(i=n[Z.mapId])||void 0===i?void 0:i.activityState[ae.activityId]);return Object(f.a)(Object(f.a)({},$),{},{selectedItem:ae&&!re?{mapId:Z.mapId,activityId:ae.activityId}:$.selectedItem,editorView:void 0,user:J.finished?Fe($.user,$.pageSourceUrl,Z,te.map((function(e){return e.activityId}))):$.user});case S:return Object(f.a)(Object(f.a)({},$),{},{modalQueue:[],editorView:{state:"active",currentMapId:J.mapId,currentActivityId:J.activityId,allowCodeCarryover:!!J.carryoverCode,previousHeaderId:J.previousHeaderId},user:De($.user,$.pageSourceUrl,$.maps[J.mapId],J.activityId)});case b:var ne=(null===(o=$.editorView)||void 0===o?void 0:o.currentActivityId)===J.activityId&&(null===(c=$.editorView)||void 0===c?void 0:c.currentMapId)===J.mapId;return Object(f.a)(Object(f.a)({},$),{},{editorView:ne?Object(f.a)(Object(f.a)({},$.editorView),{},{currentHeaderId:J.id}):$.editorView,user:De($.user,$.pageSourceUrl,$.maps[J.mapId],J.activityId,J.id,J.currentStep,J.maxSteps,J.isCompleted)});case O:var ie=$.pageSourceUrl,oe=_e(J.user,pxt.skillmap.USER_VERSION,ie,$.maps);return $.alternateSourceUrls&&(oe=Be(oe,ie,$.alternateSourceUrls)),oe.mapProgress[ie]||(oe.mapProgress[ie]={}),Object.keys($.maps).forEach((function(e){oe.mapProgress[ie][e]||(oe.mapProgress[ie][e]={completionState:"incomplete",mapId:e,activityState:{}})})),Object(f.a)(Object(f.a)({},$),{},{user:oe});case C:return pxt.storage.removeLocal($.pageSourceUrl+X),Object(f.a)(Object(f.a)({},$),{},{user:Object(f.a)(Object(f.a)({},$.user),{},{completedTags:Object(f.a)(Object(f.a)({},$.user.completedTags),{},Object(p.a)({},$.pageSourceUrl,{})),mapProgress:Object(f.a)(Object(f.a)({},$.user.mapProgress),{},Object(p.a)({},$.pageSourceUrl,{}))})});case x:return $.pageSourceUrl?Object(f.a)(Object(f.a)({},$),{},{user:Object(f.a)(Object(f.a)({},$.user),{},{completedTags:Object(f.a)(Object(f.a)({},$.user.completedTags),{},Object(p.a)({},$.pageSourceUrl,Se($.user,$.pageSourceUrl,Object.keys($.maps).map((function(e){return $.maps[e]})))))})}):$;case q:return Object(f.a)(Object(f.a)({},$),{},{shareState:J.headerId||J.url?{headerId:J.headerId,url:J.url,rewardsShare:null===(s=$.shareState)||void 0===s?void 0:s.rewardsShare}:void 0});case Q:return Object(f.a)(Object(f.a)({},$),{},{cloudState:Object(f.a)(Object(f.a)({},$.cloudState),{},Object(p.a)({},J.headerId,J.status))});case E:return Object(f.a)(Object(f.a)({},$),{},{title:J.title});case j:return Object(f.a)(Object(f.a)({},$),{},{description:J.description});case N:return Object(f.a)(Object(f.a)({},$),{},{infoUrl:J.infoUrl});case A:return Object(f.a)(Object(f.a)({},$),{},{backgroundImageUrl:J.backgroundImageUrl});case U:return Object(f.a)(Object(f.a)({},$),{},{bannerImageUrl:J.bannerImageUrl});case P:return Object(f.a)(Object(f.a)({},$),{},{theme:J.theme});case M:return Object(f.a)(Object(f.a)({},$),{},{pageSourceUrl:J.url,pageSourceStatus:J.status});case L:return Object(f.a)(Object(f.a)({},$),{},{alternateSourceUrls:J.urls});case R:return Object(f.a)(Object(f.a)({},$),{},{shareState:void 0!==J.rewardsShare?{headerId:(null===(l=$.shareState)||void 0===l?void 0:l.headerId)||"",url:null===(u=$.shareState)||void 0===u?void 0:u.url,rewardsShare:J.rewardsShare}:$.shareState,modalQueue:[J.modal]});case T:return Object(f.a)(Object(f.a)({},$),{},{modalQueue:J.modals});case _:return Object(f.a)(Object(f.a)({},$),{},{modalQueue:null===(d=$.modalQueue)||void 0===d?void 0:d.slice(1)});case B:return Object(f.a)(Object(f.a)({},$),{},{modalQueue:[]});case H:return Object(f.a)(Object(f.a)({},$),{},{modalQueue:We($.maps[J.mapId],J.activityId)});case G:return Object(f.a)(Object(f.a)({},$),{},{showProfile:!0});case z:return Object(f.a)(Object(f.a)({},$),{},{showProfile:!1});case F:return Object(f.a)(Object(f.a)({},$),{},{auth:Object(f.a)(Object(f.a)({},$.auth),{},{profile:J.profile,signedIn:!!(null===(K=J.profile)||void 0===K?void 0:K.id)})});case V:return Object(f.a)(Object(f.a)({},$),{},{auth:Object(f.a)(Object(f.a)({},$.auth),{},{preferences:J.preferences})});case W:return Object(f.a)(Object(f.a)({},$),{},{auth:Object(f.a)(Object(f.a)({},$.auth),{},{signedIn:!1})});case Y:return Object(f.a)(Object(f.a)({},$),{},{readyResources:J.resources});case D:return Object(f.a)({},$);default:return $}})),Qe=a(13),Ye=a(4),Ke=a(5),$e=a(7),Je=a(6),Xe=a(35),Ze=a(15),et=function(e,t,a,r){return{type:k,mapId:e,activityId:t,previousHeaderId:a,carryoverCode:r}},tt=function(){return{type:I}},at=function(){return{type:G}},rt=function(){return{type:z}},nt=function(e,t){return{type:q,headerId:e,url:t}},it=function(e,t){return{type:H,mapId:e,activityId:t}},ot=function(e,t){return lt({type:"carryover",currentMapId:e,currentActivityId:t})},ct=function(e,t,a){return lt({type:"share",currentMapId:e,currentActivityId:t},a)},st=function(){return lt({type:"login"})},lt=function(e,t){return{type:R,modal:e,rewardsShare:t}};function ut(){return ze||(Ge=new pxt.skillmap.IndexedDBWorkspace,ze=Ge.initAsync().then((function(e){return Ge}))),ze}function dt(){return pt.apply(this,arguments)}function pt(){return(pt=Object(J.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ut();case 2:return t=e.sent,e.next=5,t.getUserStateAsync();case 5:return(a=e.sent)||(a={id:ve(),completedTags:{},mapProgress:{},version:pxt.skillmap.USER_VERSION}),e.abrupt("return",a);case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function ft(){return ht.apply(this,arguments)}function ht(){return(ht=Object(J.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,dt();case 2:return t=e.sent,e.next=5,St();case 5:if(!e.sent){e.next=10;break}return e.next=8,Mt();case 8:a=e.sent,t=Object(f.a)(Object(f.a)({},t),{},{mapProgress:(null==a?void 0:a.mapProgress)||{},completedTags:(null==a?void 0:a.completedTags)||{}});case 10:return e.abrupt("return",t);case 11:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function vt(e){return mt.apply(this,arguments)}function mt(){return(mt=Object(J.a)($.a.mark((function e(t){var a,r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.isDebug){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ut();case 4:return r=e.sent,e.next=7,null===(a=pxt.auth.client())||void 0===a?void 0:a.loggedInAsync();case 7:if(e.sent){e.next=10;break}return e.next=10,r.saveUserStateAsync(t);case 10:return e.next=12,Nt({mapProgress:t.mapProgress,completedTags:t.completedTags});case 12:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var gt,yt=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){return Object(Ye.a)(this,a),t.apply(this,arguments)}return Object(Ke.a)(a,[{key:"onSignedIn",value:function(){return Promise.resolve()}},{key:"onSignedOut",value:function(){return qe.dispatch({type:W}),Promise.resolve()}},{key:"onSignInFailed",value:function(){return Promise.resolve()}},{key:"onUserProfileChanged",value:function(){var e,t=this.getState();return t.profile&&pxt.auth.generateUserProfilePicDataUrl(t.profile),qe.dispatch((e=t.profile,{type:F,profile:e})),Promise.resolve()}},{key:"onUserPreferencesChanged",value:function(e){return Promise.resolve()}},{key:"onStateCleared",value:function(){return Promise.resolve()}},{key:"onProfileDeleted",value:function(){var e=Object(J.a)($.a.mark((function e(t){var a,r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=qe.getState(),e.next=3,null===(a=r.readyResources)||void 0===a?void 0:a.exportCloudProjectsToLocal(t);case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()},{key:"onApiError",value:function(e){return Promise.resolve()}},{key:"logoutAsync",value:function(){var e=Object(J.a)($.a.mark((function e(t){var r,n;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=qe.getState(),n=r.user,e.next=4,vt(n);case 4:Object(Xe.a)(Object(Ze.a)(a.prototype),"logoutAsync",this).call(this,t);case 5:case"end":return e.stop()}}),e,this)})));return function(t){return e.apply(this,arguments)}}()}]),a}(pxt.auth.AuthClient);function bt(){return kt.apply(this,arguments)}function kt(){return(kt=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(pxt.auth.hasIdentity()){e.next=2;break}return e.abrupt("return",void 0);case 2:if(!gt){e.next=4;break}return e.abrupt("return",gt);case 4:return gt=new Promise(function(){var e=Object(J.a)($.a.mark((function e(t,a){var r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=new yt,e.next=3,r.initAsync();case 3:return e.next=5,r.authCheckAsync();case 5:return e.next=7,r.initialUserPreferencesAsync();case 7:t(r);case 8:case"end":return e.stop()}}),e)})));return function(t,a){return e.apply(this,arguments)}}()),e.abrupt("return",gt);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function wt(){return It.apply(this,arguments)}function It(){return(It=Object(J.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:return t=e.sent,e.next=5,null==t?void 0:t.authCheckAsync();case 5:return e.abrupt("return",e.sent);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function St(){return Ot.apply(this,arguments)}function Ot(){return(Ot=Object(J.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:return t=e.sent,e.next=5,null==t?void 0:t.loggedInAsync();case 5:return e.abrupt("return",e.sent);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function xt(e){return Ct.apply(this,arguments)}function Ct(){return(Ct=Object(J.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,pxt.auth.loginCallbackAsync(t);case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Et(e){return jt.apply(this,arguments)}function jt(){return(jt=Object(J.a)($.a.mark((function e(t){var a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:return a=e.sent,e.next=5,null==a?void 0:a.logoutAsync(t);case 5:return e.abrupt("return",e.sent);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Nt(e){return At.apply(this,arguments)}function At(){return(At=Object(J.a)($.a.mark((function e(t){var a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:return a=e.sent,e.next=5,null==a?void 0:a.patchUserPreferencesAsync({op:"replace",path:["skillmap"],value:t});case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Ut(e,t){return Pt.apply(this,arguments)}function Pt(){return(Pt=Object(J.a)($.a.mark((function e(t,a){var r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:return r=e.sent,a=a.filter((function(e){return!t.some((function(t){return pxt.auth.badgeEquals(t,e)}))})),t=t.map((function(e){return Object(f.a)(Object(f.a)({},e),{},{timestamp:Date.now()})})),e.next=7,null==r?void 0:r.patchUserPreferencesAsync({op:"replace",path:["badges"],value:{badges:[].concat(Object(Qe.a)(a),Object(Qe.a)(t))}});case 7:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Mt(){return Lt.apply(this,arguments)}function Lt(){return(Lt=Object(J.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:if(!(t=e.sent)){e.next=8;break}return e.next=6,t.userPreferencesAsync();case 6:return a=e.sent,e.abrupt("return",null==a?void 0:a.skillmap);case 8:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Tt(){return Rt.apply(this,arguments)}function Rt(){return(Rt=Object(J.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:if(!(t=e.sent)){e.next=9;break}return e.next=6,t.userPreferencesAsync();case 6:if(!(a=e.sent)){e.next=9;break}return e.abrupt("return",a.badges);case 9:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function _t(){return Bt.apply(this,arguments)}function Bt(){return(Bt=Object(J.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,bt();case 2:if(!(t=e.sent)){e.next=7;break}return e.next=6,t.userPreferencesAsync();case 6:return e.abrupt("return",e.sent);case 7:case"end":return e.stop()}}),e)})))).apply(this,arguments)}a(48);var Ht=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).handleOnClick=function(){r.setState({expanded:!r.state.expanded})},r.handleOnBlur=function(){r.setState({expanded:!1})},r.state={expanded:!1},r}return Object(Ke.a)(a,[{key:"getItemOnClick",value:function(e){return function(){return e.onClick(e.id)}}},{key:"render",value:function(){var e=this,t=this.props,a=t.icon,r=t.picture,n=t.items,o=t.className,c=this.state.expanded;return i.createElement("div",{className:"dropdown ".concat(o," ").concat(c?"expanded":""),tabIndex:0,role:"button",onClick:this.handleOnClick,onBlur:this.handleOnBlur},r||i.createElement("i",{className:"icon ".concat(a)}),c&&i.createElement("div",{className:"dropdown-menu"},n.map((function(t,a){return i.createElement("div",{key:a,className:"dropdown-item",onClick:e.getItemOnClick(t),role:"menuitem"},t.label)}))))}}]),a}(i.Component),Dt=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){var e;Object(Ye.a)(this,a);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return(e=t.call.apply(t,[this].concat(n))).reportAbuseUrl="https://github.com/contact/report-content",e.avatarPicUrl=function(){var t,a,r,n,i=e.props.profile;return null!==(t=null==i||null===(a=i.idp)||void 0===a?void 0:a.pictureUrl)&&void 0!==t?t:null==i||null===(r=i.idp)||void 0===r||null===(n=r.picture)||void 0===n?void 0:n.dataUrl},e.onBackClicked=function(){var t=e.props;be("skillmap.activity.back",{path:t.currentMapId||"",activity:t.currentActivityId||""}),e.props.dispatchSaveAndCloseActivity()},e.onHomeClicked=function(){var e;be("skillmap.home");var t,a,r=null===(e=pxt.webConfig)||void 0===e?void 0:e.relprefix.substr(0,pxt.webConfig.relprefix.length-3);pxt.appTarget.appTheme.homeUrl&&r?((null===(t=pxt.appTarget.appTheme.homeUrl)||void 0===t?void 0:t.lastIndexOf("/"))===(null===(a=pxt.appTarget.appTheme.homeUrl)||void 0===a?void 0:a.length)-1&&(r=r.substr(1)),window.open(pxt.appTarget.appTheme.homeUrl+r)):window.open(pxt.appTarget.appTheme.homeUrl)},e.onBugClicked=function(){var e,t;be("skillmap.bugreport"),null===(e=(t=window).usabilla_live)||void 0===e||e.call(t,"click")},e.onLogoutClicked=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return pxt.tickEvent("skillmap.usermenu.signout"),e.next=3,Et(location.hash);case 3:case"end":return e.stop()}}),e)}))),e.onProfileClicked=function(){pxt.tickEvent("skillmap.profile"),e.props.dispatchShowUserProfile()},e}return Object(Ke.a)(a,[{key:"getSettingItems",value:function(){var e=this,t=[];return this.props.showReportAbuse&&t.push({id:"report",label:lf("Report Abuse"),onClick:function(t){be("skillmap.reportabuse"),window.open(e.reportAbuseUrl)}}),this.props.activityOpen||t.push({id:"reset",label:lf("Reset All"),onClick:function(){be("skillmap.reset.warning"),e.props.dispatchShowResetUserModal()}}),t}},{key:"getOrganizationLogo",value:function(e){var t=e.organizationWideLogo;return i.createElement("div",{className:"header-logo"},t?i.createElement("img",{src:me()?"./assets/".concat(t):t,alt:lf("{0} Logo",e.organization)}):i.createElement("span",{className:"name"},e.organization))}},{key:"getTargetLogo",value:function(e){var t=this.props.activityOpen;return i.createElement("div",{className:"ui item logo brand ".concat(t?"":"noclick")},e.useTextLogo?[i.createElement("span",{className:"name",key:"org-name",onClick:this.onBackClicked},e.organizationText),i.createElement("span",{className:"name-short",key:"org-name-short",onClick:this.onBackClicked},e.organizationShortText||e.organizationText)]:e.logo||e.portraitLogo?i.createElement("img",{className:"logo",src:e.logo||e.portraitLogo,alt:lf("{0} Logo",e.boardName)}):i.createElement("span",{className:"name"}," ",e.boardName))}},{key:"getHelpItems",value:function(){var e=[];return this.props.activityOpen&&e.push({id:"feedback",label:lf("Feedback"),onClick:this.onBugClicked}),e}},{key:"getUserMenu",value:function(){var e=this,t=this.props,a=t.signedIn,r=t.profile,n=[];a&&n.push({id:"profile",label:lf("My Profile"),onClick:this.onProfileClicked},{id:"signout",label:lf("Sign Out"),onClick:this.onLogoutClicked});var o=this.avatarPicUrl()?i.createElement("div",{className:"avatar"},i.createElement("img",{src:this.avatarPicUrl(),alt:lf("User Menu")})):void 0,c=i.createElement("span",null,i.createElement("div",{className:"avatar-initials"},pxt.auth.userInitials(r)));return i.createElement("div",{className:"user-menu"},a?i.createElement(Ht,{icon:"user",items:n,picture:o||c,className:"header-dropdown user-dropdown"}):i.createElement(Ft,{className:"sign-in",icon:"xicon cloud-user",title:lf("Sign In"),label:lf("Sign In"),onClick:function(){pxt.tickEvent("skillmap.usermenu.signin"),e.props.dispatchShowLoginModal()}}))}},{key:"render",value:function(){var e,t=this.props.activityOpen,a=pxt.auth.hasIdentity(),r=null===(e=pxt.appTarget)||void 0===e?void 0:e.appTheme,n=this.getSettingItems(),o=this.getHelpItems();return i.createElement("div",{className:"header"},i.createElement("div",{className:"header-left"},this.getOrganizationLogo(r),this.getTargetLogo(r)),i.createElement("div",{className:"spacer"}),i.createElement("div",{className:"header-right"},t&&i.createElement(Ft,{icon:"icon arrow left",title:lf("Return to activity selection"),onClick:this.onBackClicked}),i.createElement(Ft,{icon:"icon home",title:lf("Return to the editor homepage"),onClick:this.onHomeClicked}),(null==o?void 0:o.length)>0&&i.createElement(Ht,{icon:"help circle",className:"header-dropdown",items:o}),(null==n?void 0:n.length)>0&&i.createElement(Ht,{icon:"setting",className:"header-dropdown",items:n}),a&&this.getUserMenu()))}}]),a}(i.Component),Ft=function(e){var t=e.icon,a=e.label,r=e.title,n=e.onClick,o=e.className;return i.createElement("div",{className:"header-button ".concat(a?"with-label":"icon-only"," ").concat(o),title:r,role:"button",onClick:n},i.createElement("i",{className:t}),a&&i.createElement("span",{className:"header-button-label"},a))},Vt={dispatchSaveAndCloseActivity:tt,dispatchShowResetUserModal:function(){return lt({type:"reset"})},dispatchShowLoginModal:st,dispatchShowUserProfile:at},Wt=Object(l.b)((function(e,t){var a,r,n,i;if(!e)return{};(null===(a=e.editorView)||void 0===a?void 0:a.currentHeaderId)&&we(e.user,e.pageSourceUrl,e.editorView.currentMapId,e.editorView.currentActivityId)&&e.editorView.currentHeaderId;var o,c=!!e.editorView;return(null===(r=e.editorView)||void 0===r?void 0:r.currentActivityId)&&(null===(o=e.maps[e.editorView.currentMapId])||void 0===o||o.activities[e.editorView.currentActivityId]),{activityOpen:c,currentMapId:c&&(null===(n=e.editorView)||void 0===n?void 0:n.currentMapId),currentActivityId:c&&(null===(i=e.editorView)||void 0===i?void 0:i.currentActivityId),showReportAbuse:"unknown"===e.pageSourceStatus,signedIn:e.auth.signedIn,profile:e.auth.profile}}),Vt)(Dt),Gt=a(36),zt=(a(49),me()?"http://localhost:3232/index.html":function(e){var t,a;if(!pxt.webConfig&&window.pxtConfig&&pxt.setupWebConfig(window.pxtConfig),(null===(t=pxt.webConfig)||void 0===t?void 0:t.targetUrl)&&(null===(a=pxt.webConfig)||void 0===a?void 0:a.relprefix))return pxt.webConfig.targetUrl+pxt.webConfig.relprefix.substr(0,pxt.webConfig.relprefix.length-3);var r=/\/([\da-zA-Z\.]+)(?:--)?/i.exec(window.location.pathname);return"".concat(e.replace(/\/$/,""),"/").concat((null==r?void 0:r[1])||"")}(window.pxtTargetBundle.appTheme.embedUrl)),qt=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).ref=void 0,r.messageQueue=[],r.finishedActivityState=void 0,r.nextId=0,r.pendingMessages={},r.isNewActivity=!1,r.handleFrameRef=function(e){if(e&&e.contentWindow){window.addEventListener("message",r.onMessageReceived),e.addEventListener("load",r.handleFrameReload),r.ref=e,Qt(".usabilla_live_button_container",!1),Qt("footer",!1);var t=document.getElementById("root");t&&pxt.BrowserUtils.addClass(t,"editor")}},r.handleFrameReload=function(){r.setState({frameState:"loading"})},r.onMessageReceived=function(e){var t=e.data;if("opening-project"===r.state.frameState&&r.setState({loadPercent:Math.min((r.state.loadPercent||0)+4,95)}),"pxteditor"===t.type&&t.id&&r.pendingMessages[t.id])return r.pendingMessages[t.id].handler(t),void delete r.pendingMessages[t.id];switch(t.action){case"newproject":r.state.workspaceReady||(r.setState({workspaceReady:!0}),r.sendMessageAsync(),r.props.onWorkspaceReady((function(e){return r.sendMessageAsync(e)}))),"loading"===r.state.frameState&&r.setState({frameState:"no-project"});break;case"tutorialevent":r.handleTutorialEvent(t);break;case"projectcloudstatus":var a=t;r.props.dispatchSetCloudStatus(a.headerId,a.status)}},r.state={frameState:"loading",workspaceReady:!1,loadPercent:0,pendingShare:!1},r}return Object(Ke.a)(a,[{key:"componentDidUpdate",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r,n,i=this;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=this.props.shareHeaderId,a=this.state,r=a.frameState,n=a.pendingShare,"project-open"===r&&this.props.save?this.setState({frameState:"closing-project"},Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.closeActivityAsync();case 2:case"end":return e.stop()}}),e)})))):"no-project"===r&&this.props.activityId&&this.setState({frameState:"opening-project",loadPercent:0},Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.startActivityAsync();case 2:case"end":return e.stop()}}),e)})))),t&&!n&&this.setState({pendingShare:!0},Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i.shareProjectAsync();case 2:case"end":return e.stop()}}),e)}))));case 4:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"componentWillUnmount",value:function(){window.removeEventListener("message",this.onMessageReceived),Qt(".usabilla_live_button_container",!0),Qt("footer",!0);var e=document.getElementById("root");e&&pxt.BrowserUtils.removeClass(e,"editor")}},{key:"render",value:function(){var e=this.props,t=e.title,a=e.activityId,r=this.state,n=r.frameState,o=r.loadPercent,c=lf("Loading..."),s="opening-project"===n,l=s||"closing-project"===n,u=zt;return"/"!==zt.charAt(zt.length-1)||me()||(u=zt.substr(0,zt.length-1)),u+="?controller=1&skillsMap=1&noproject=1&nocookiebanner=1&ws=browser",i.createElement("div",{className:"makecode-frame-outer",style:{display:a?"block":"none"}},i.createElement("div",{className:"makecode-frame-loader ".concat(l?"":"hidden")},i.createElement("img",{src:ge("assets/logo.svg"),alt:"MakeCode Logo"}),s&&i.createElement("div",{className:"makecode-frame-loader-bar"},i.createElement("div",{className:"makecode-frame-loader-fill",style:{width:o+"%"}})),i.createElement("div",{className:"makecode-frame-loader-text"},c)),i.createElement("iframe",{className:"makecode-frame",src:u,title:t,ref:this.handleFrameRef}))}},{key:"sendMessageAsync",value:function(e){var t=this;return new Promise((function(a){var r=function(e){e.response=!0,e.id=t.nextId+++"",t.pendingMessages[e.id]={original:e,handler:a},t.ref.contentWindow.postMessage(e,"*")};if(t.ref)if(t.state.workspaceReady){for(;t.messageQueue.length;)r(t.messageQueue.shift());e&&r(e)}else t.messageQueue.push(e)}))}},{key:"startActivityAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.props.activityHeaderId){e.next=5;break}return e.next=3,this.sendMessageAsync({type:"pxteditor",action:"openheader",headerId:this.props.activityHeaderId});case 3:e.next=8;break;case 5:return this.isNewActivity=!0,e.next=8,this.sendMessageAsync({type:"pxteditor",action:"startactivity",path:this.props.tutorialPath,title:this.props.title,activityType:"tutorial",carryoverPreviousCode:this.props.carryoverCode,previousProjectHeaderId:this.props.previousHeaderId});case 8:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"closeActivityAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.sendMessageAsync({type:"pxteditor",action:"saveproject"});case 2:return this.props.dispatchCloseActivity("finished"===this.finishedActivityState),this.props.dispatchUpdateUserCompletedTags(),this.finishedActivityState=void 0,e.next=7,this.sendMessageAsync({type:"pxteditor",action:"unloadproject"});case 7:this.setState({frameState:"no-project"});case 8:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"shareProjectAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r,n;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=this.props,a=t.shareHeaderId,r=t.dispatchSetShareStatus,e.next=3,this.sendMessageAsync({type:"pxteditor",action:"shareproject",headerId:a});case 3:n=e.sent,r(a,n.resp.shortid),this.setState({pendingShare:!1});case 6:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"handleTutorialEvent",value:function(e){var t=this.props,a=t.dispatchSetHeaderIdForActivity,r=t.dispatchSaveAndCloseActivity,n=t.mapId,i=t.activityId,o=t.progress;switch(e.tutorialEvent){case"progress":i&&a(n,i,e.projectHeaderId,e.currentStep+1,e.totalSteps,e.isCompleted||!!(null==o?void 0:o.isCompleted));break;case"loaded":this.onEditorLoaded();break;case"completed":this.onTutorialFinished();break;case"exit":r()}}},{key:"onEditorLoaded",value:function(){var e=this.props,t=e.mapId,a=e.activityId;t&&a&&(be("skillmap.activity.loaded",{path:t,activity:a}),this.setState({frameState:"project-open"}),this.isNewActivity&&(this.isNewActivity=!1))}},{key:"onTutorialFinished",value:function(){var e=this.props,t=e.mapId,a=e.activityId,r=e.signedIn,n=e.pageSourceUrl;be("skillmap.activity.complete",{path:t,activity:a}),this.finishedActivityState="finished",this.props.dispatchSaveAndCloseActivity();var i=pxt.storage.getLocal(n+X);r||i||(this.props.dispatchShowLoginPrompt(),pxt.storage.setLocal(n+X,"true"))}}]),a}(i.Component);function Qt(e,t){var a=document.querySelector(e);(null==a?void 0:a.style)&&(a.style.display=t?"":"none")}var Yt={dispatchSetHeaderIdForActivity:function(e,t,a,r,n,i){return{type:b,mapId:e,activityId:t,id:a,currentStep:r,maxSteps:n,isCompleted:i}},dispatchCloseActivity:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return{type:w,finished:e}},dispatchSaveAndCloseActivity:tt,dispatchUpdateUserCompletedTags:function(){return{type:x}},dispatchSetShareStatus:nt,dispatchShowLoginPrompt:function(){return lt({type:"login-prompt"})},dispatchSetCloudStatus:function(e,t){return{type:Q,headerId:e,status:t}}},Kt=Object(l.b)((function(e,t){var a,r,n=(null===(a=e.shareState)||void 0===a?void 0:a.url)||null===(r=e.shareState)||void 0===r?void 0:r.headerId;if(!e||!e.editorView)return{shareHeaderId:n};var i,o=e.editorView,c=o.currentActivityId,s=o.currentMapId,l=o.currentHeaderId,u=o.state,d=o.allowCodeCarryover,p=o.previousHeaderId,f=e.maps[s],h=null==f?void 0:f.activities[c];i=null==h?void 0:h.displayName;var v=Ce(e.user,e.pageSourceUrl,s,c);return{tutorialPath:h.url,title:i,mapId:s,activityId:c,activityHeaderId:l,activityType:h.type,carryoverCode:d,previousHeaderId:p,progress:v,save:"saving"===u,shareHeaderId:n,signedIn:e.auth.signedIn,pageSourceUrl:e.pageSourceUrl}}),Yt)(qt),$t=(a(50),function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){var e;Object(Ye.a)(this,a);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return(e=t.call.apply(t,[this].concat(n))).handleModalClick=function(e){e.stopPropagation()},e.handleCloseClick=function(){e.props.onClose&&e.props.onClose(),e.setState({visible:!1})},e}return Object(Ke.a)(a,[{key:"render",value:function(){var e=this.props,t=e.title,a=e.actions,r=e.className,n=e.fullscreen;return i.createElement("div",{className:"modal-overlay ".concat(n?"fullscreen":""),onClick:this.handleCloseClick,role:"region"},i.createElement("div",{className:"modal ".concat(r||""),onClick:this.handleModalClick,role:"dialog"},i.createElement("div",{className:"modal-header"},n&&i.createElement("div",{className:"close button",onClick:this.handleCloseClick},i.createElement("i",{className:"icon arrow left"}),lf("Go Back")),i.createElement("div",{className:"modal-title"},t),!n&&i.createElement("div",{className:"spacer"}),!n&&i.createElement("div",{className:"modal-close-icon",onClick:this.handleCloseClick,role:"button"},i.createElement("i",{className:"icon close remove circle"}))),i.createElement("div",{className:"modal-body"},this.props.children),a&&a.length>0&&i.createElement("div",{className:"modal-actions"},a.map((function(e,t){return e.url?i.createElement("a",{key:t,className:"modal-button ".concat(e.className||""),href:e.url,onClick:e.onClick,target:"_blank",rel:"noopener noreferrer",role:"button"},e.label):i.createElement("div",{key:t,className:"modal-button ".concat(e.className||""),onClick:e.onClick,role:"button",tabIndex:0},e.label,e.icon&&i.createElement("i",{className:"".concat(e.xicon?"xicon":"icon"," ").concat(e.icon)}))})))))}}]),a}(i.Component)),Jt=a(16),Xt=a(19),Zt=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).handleOnClose=function(){r.setState({loading:!1,data:void 0,checkboxSelected:!1}),r.props.dispatchHideModal(),r.props.dispatchSetShareStatus()},r.handleRewardShareClick=function(){var e=r.props,t=e.mapId,a=e.userState,n=e.pageSourceUrl,i=e.skillMap,o=e.activity,c=(e.shareState,Ae(a,n,i,o.activityId));c&&r.props.dispatchShowShareModal(t,c.activityId,!0)},r.handleShareInputClick=function(e){e.target.select()},r.handleShareCopyClick=function(){var e=r.props;be("skillmap.share.copy",{path:e.mapId,activity:e.activity.activityId});var t=document.querySelector(".share-input input");t&&(t.select(),document.execCommand("copy"))},r.state={},r}return Object(Ke.a)(a,[{key:"render",value:function(){var e=this.props,t=e.activity;switch(e.type){case"completion":return t?this.renderCompletionModal():i.createElement("div",null);case"restart-warning":return t?this.renderRestartWarning():i.createElement("div",null);case"report-abuse":return this.renderReportAbuse();case"reset":return this.renderResetWarning();case"carryover":return this.renderCodeCarryoverModal();case"share":return this.renderShareModal();case"login":return this.renderLoginModal(!1);case"login-prompt":return this.renderLoginModal(!0);case"delete-account":return this.renderDeleteAccountModal();case"reward":return this.renderRewardModal();default:return i.createElement("div",null)}}},{key:"getCompletionActionText",value:function(e){switch(e.kind){case"activity":return lf("Start Activity");case"map":return lf("Start Skill Map");case"editor":return lf("Keep Building");case"tutorial":return lf("Start Tutorial");case"docs":default:return lf("Learn More")}}},{key:"getCompletionActions",value:function(e){var t=this,a=this.props,r=a.userState,n=a.pageSourceUrl,i=a.mapId,o=a.skillMap,c=a.activity,s=a.dispatchOpenActivity,l=a.dispatchShowCarryoverModal,u=c,d=[];return null==e||e.forEach((function(e){var a={label:e.label||t.getCompletionActionText(e),url:e.url};switch(e.kind){case"activity":var p=null==o?void 0:o.activities[e.activityId||""];p&&(a.onClick=function(){be("skillmap.reward.action.activity",{path:i,activity:u.activityId,nextActivityId:p.activityId}),t.handleOnClose(),Ue(r,n,o,p)?l(o.mapId,p.activityId):s(i,p.activityId)},d.push(a));break;case"editor":var f=Ae(r,n,o,c.activityId);(null==f?void 0:f.headerId)&&(a.onClick=function(){be("skillmap.reward.action.editor",{path:i,activity:u.activityId}),window.open("".concat(zt,"#skillmapimport:").concat(f.headerId))},d.push(a));break;case"tutorial":case"map":case"docs":default:a.onClick=function(){return be("skillmap.reward.action.".concat(e.kind),{path:i,activity:u.activityId,url:a.url||""})},d.push(a)}})),d}},{key:"renderConfetti",value:function(){return Array(100).fill(0).map((function(e,t){var a={animationDelay:"".concat(t%100*.1,"s"),left:"".concat(1*Math.floor(100*Math.random()),"%")};return i.createElement("div",{key:t,style:a,className:"confetti ".concat(Math.random()>.5?"reverse":""," color-").concat(Math.floor(9*Math.random()))})}))}},{key:"renderCompletionModal",value:function(){var e=this.props,t=e.skillMap,a=e.type,r=e.activity,n=e.userState,o=e.pageSourceUrl,c=e.dispatchNextModal,s=e.reward,l=e.mapId;if(!a||!t)return i.createElement("div",null);var u=r,d=lf("You Did It!"),p=lf("Congratulations on completing {0}. Take some time to explore any activities you missed, or reset your progress to try again. But first, be sure to claim your reward using the button below.","{0}").split("{0}"),f=Ae(n,o,t,r.activityId),h=s?function(){be("skillmap.openCertificate",{path:l,activity:r.activityId}),window.open(s.url||t.completionUrl)}:c;return i.createElement("div",{className:"confetti-container"},i.createElement($t,{title:d,actions:this.getCompletionActions(u.actions),className:"completion",onClose:this.handleOnClose},p[0],i.createElement("strong",null,t.displayName),p[1],i.createElement("button",{className:"completion-reward",onClick:h},i.createElement("i",{className:"icon gift"}),i.createElement("span",null,lf("Claim your reward!"))),f&&f.headerId&&i.createElement("button",{className:"completion-reward",onClick:this.handleRewardShareClick},i.createElement("i",{className:"icon send"}),i.createElement("span",null,lf("Share your game!")))),this.renderConfetti())}},{key:"renderRestartWarning",value:function(){var e=this.props,t=e.mapId,a=e.activity,r=e.dispatchRestartActivity,n=e.showCodeCarryoverModal,o=e.dispatchShowCarryoverModal,c=lf("Restart Activity?"),s=lf("Are you sure you want to restart {0}? You won't lose your path progress but the code you have written for this activity will be deleted.","{0}").split("{0}"),l=[{label:lf("CANCEL"),onClick:this.handleOnClose},{label:lf("RESTART"),onClick:function(){be("skillmap.activity.restart",{path:t,activity:a.activityId}),n?o(t,a.activityId):r(t,a.activityId)}}];return i.createElement($t,{title:c,actions:l,onClose:this.handleOnClose},s[0],i.createElement("strong",null,a.displayName),s[1])}},{key:"renderResetWarning",value:function(){var e=this.props,t=e.dispatchResetUser,a=e.dispatchHideModal,r=lf("Reset All Activities?"),n=lf("Are you sure you want to reset? This will permanently erase all progress and delete the project created for each tutorial. This action cannot be undone."),o=[{label:lf("CANCEL"),onClick:this.handleOnClose},{label:lf("RESET"),onClick:function(){be("skillmap.reset"),t(),a()}}];return i.createElement($t,{title:r,actions:o,onClose:this.handleOnClose},n)}},{key:"renderReportAbuse",value:function(){var e=this.props,t=e.pageSourceUrl,a=e.dispatchHideModal,r=[{label:"REPORT",onClick:function(){be("skillmap.reportabuse"),function(e,t){pe.apply(this,arguments)}(t||"",{text:document.querySelector(".report-abuse-text").value}),a()}}];return i.createElement($t,{title:"Report Abuse",actions:r,onClose:this.handleOnClose},i.createElement("textarea",{className:"report-abuse-text",placeholder:"Describe the content and explain why you are reporting it for abuse. Provide as much detail as possible!"}))}},{key:"renderCodeCarryoverModal",value:function(){var e=this.props,t=e.skillMap,a=e.activity,r=e.pageSourceUrl,n=e.userState,o=e.dispatchHideModal,c=e.dispatchRestartActivity,s=lf("Keep code from previous activity?"),l=lf("Do you want to start with your code from {0} or start fresh with starter code? Your images, tilemaps, tiles, and animations will stick around either way.").split("{0}"),u=Ae(n,r,t,a.activityId),d=t.activities[null==u?void 0:u.activityId];if(!d)return i.createElement("div",null);var p=[{label:lf("START FRESH"),onClick:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:be("skillmap.startfresh",{path:t.mapId,activity:a.activityId,previousActivity:d.activityId}),c(t.mapId,a.activityId,u.headerId,!1),o();case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()},{label:lf("KEEP CODE"),onClick:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:be("skillmap.keepcode",{path:t.mapId,activity:a.activityId,previousActivity:d.activityId}),c(t.mapId,a.activityId,u.headerId,!0),o();case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()}];return i.createElement($t,{title:s,actions:p,onClose:this.handleOnClose},l[0],i.createElement("strong",null,d.displayName),l[1])}},{key:"renderShareModal",value:function(){var e=this,t=this.props,a=t.userState,r=t.pageSourceUrl,n=t.mapId,o=t.activity,c=t.shareState,s=t.dispatchSetShareStatus,l=this.state.loading,u=null==c?void 0:c.url,d=u?lf("Share Project"):lf("Publish Project"),p=[];return u||(p.push({label:lf("Cancel"),onClick:this.handleOnClose}),p.push({label:lf("Publish"),onClick:function(){var t=Object(J.a)($.a.mark((function t(){var i;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:be("skillmap.share",{path:n,activity:o.activityId}),e.setState({loading:!0}),i=Ce(a,r,n,o.activityId),s(null==i?void 0:i.headerId);case 4:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()})),i.createElement($t,{title:d,actions:p,onClose:this.handleOnClose},u?i.createElement("div",null,lf("Your project is ready! Use the address below to share your projects.")):i.createElement("div",{className:"share-disclaimer"},lf("You need to publish your project to share it or embed it in other web pages. You acknowledge having consent to publish this project.")),l&&!u&&i.createElement("div",{className:"share-loader"},i.createElement("div",{className:"ui active inline loader"}),i.createElement("span",null,lf("Loading..."))),u&&i.createElement("div",{className:"share-input"},i.createElement("input",{type:"text",readOnly:!0,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,value:"https://makecode.com/".concat(u),onClick:this.handleShareInputClick}),i.createElement("div",{className:"share-copy",onClick:this.handleShareCopyClick,role:"button"},i.createElement("i",{className:"icon copy"}),lf("Copy"))),u&&(null==c?void 0:c.rewardsShare)&&i.createElement("div",null,this.renderConfetti()))}},{key:"renderLoginModal",value:function(e){var t,a=this,r=null!==(t=this.state.checkboxSelected)&&void 0!==t&&t,n=lf("Sign in icon"),o=pxt.auth.identityProvider("microsoft"),c=[];return c.push({label:lf("Sign In"),onClick:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:pxt.tickEvent("skillmap.signindialog.signin",{provider:o.name?o.name:"",rememberMe:r.toString()}),pxt.auth.client().loginAsync(o.id,r,{hash:location.hash});case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()}),i.createElement($t,{title:e?lf("Save your Completed Activity"):lf("Sign into MakeCode Arcade"),onClose:this.handleOnClose,actions:c,className:"sign-in"},i.createElement("div",{className:"description"},i.createElement("p",null,lf("Sign in with your Microsoft Account. We'll save your projects to the cloud, where they're accessible from anywhere.")),i.createElement("div",{className:"container"},e&&i.createElement("img",{src:ge("/assets/cloud-user.svg"),alt:n,className:"icon cloud-user"}),i.createElement("p",null,lf("Don't have a Microsoft Account? Start signing in to create one!"),i.createElement("a",{href:"https://aka.ms/cloudsave",target:"_blank",onClick:function(){be("skillmap.signindialog.learn"),window.open("https://aka.ms/cloudsave","_blank")}},i.createElement("i",{className:"icon external alternate"}),lf("Learn more")))),i.createElement("div",{className:"remember",onClick:function(){var e=!r;be("skillmap.signindialog.rememberme",{rememberMe:e.toString()}),a.setState({checkboxSelected:e})}},i.createElement("i",{className:"icon square outline ".concat(r?"check":"")}),lf("Remember me"))))}},{key:"handleSigninClick",value:function(){var e=Object(J.a)($.a.mark((function e(t){var a,r;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=null!==(a=this.state.checkboxSelected)&&void 0!==a&&a,pxt.tickEvent("skillmap.signindialog.signin",{provider:t.id,rememberMe:r.toString()}),e.next=4,pxt.auth.client().loginAsync(t.id,r,{hash:location.hash});case 4:case"end":return e.stop()}}),e,this)})));return function(t){return e.apply(this,arguments)}}()},{key:"handleRememberMeClick",value:function(){var e,t=!(null!==(e=this.state.checkboxSelected)&&void 0!==e&&e);be("skillmap.signindialog.rememberme",{rememberMe:t.toString()}),this.setState({checkboxSelected:t})}},{key:"renderDeleteAccountModal",value:function(){var e=this,t=this.state.checkboxSelected,a=[];return a.push({label:lf("Confirm"),className:t?"confirm":"confirm disabled",onClick:function(){var a=Object(J.a)($.a.mark((function a(){return $.a.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if(!t){a.next=7;break}return be("skillmap.profile.delete"),e.props.dispatchHideModal(),e.props.dispatchCloseUserProfile(),a.next=6,pxt.auth.client().deleteProfileAsync();case 6:location.reload();case 7:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}()}),a.push({label:lf("Back to safety"),className:"disagree",onClick:this.props.dispatchHideModal}),i.createElement($t,{title:lf("Delete Profile"),className:"delete",actions:a,onClose:this.handleOnClose},i.createElement("div",null," ",lf("Are you sure? This cannot be reversed! Your cloud-saved projects will be converted to local projects on this device.")),i.createElement("div",{className:"confirm-delete checkbox",onClick:function(){e.setState({checkboxSelected:!t})}},i.createElement("i",{className:"icon square outline ".concat(t?"check":"")}),lf("I understand this is permanent. No undo.")))}},{key:"renderRewardModal",value:function(){var e,t=this.props.reward;return"certificate"===(null==t?void 0:t.type)?e=this.renderCertificateModal(t):"completion-badge"===(null==t?void 0:t.type)&&(e=this.renderBadgeModal(t)),i.createElement("div",{className:"confetti-container"},e,this.renderConfetti())}},{key:"renderCertificateModal",value:function(e){var t=lf("Rewards"),a=this.props,r=a.mapId,n=a.skillMap,o=a.activity,c=a.hasPendingModals,s=a.dispatchNextModal,l=[];return l.push({label:lf("Open Certificate"),className:"completion-reward inverted",icon:"file outline",onClick:function(){be("skillmap.openCertificate",{path:r,activity:o.activityId}),window.open(e.url||n.completionUrl)}}),c&&l.push({label:lf("Next Reward"),className:"completion-reward",icon:"right circle arrow",onClick:function(){be("skillmap.nextReward",{path:r,activity:o.activityId,currentReward:e.type}),s()}}),i.createElement($t,{title:t,onClose:this.handleOnClose,actions:l},lf("Use the button below to get your completion certificate!"))}},{key:"renderBadgeModal",value:function(e){var t,a=lf("Rewards"),r=this.props,n=r.mapId,o=r.skillMap,c=r.activity,s=r.hasPendingModals,l=r.badge,u=r.dispatchNextModal,d=r.dispatchShowUserProfile,p=r.dispatchHideModal,f=r.signedIn,h=r.dispatchShowLoginModal,v=function(){be("skillmap.goToBadges",{path:n,activity:c.activityId}),p(),d()},m=function(){be("skillmap.badgeSignIn",{path:n,activity:c.activityId}),p(),h()},g=[];return f?(t=Object(Jt.jsxLF)(lf("You’ve received the {0} Badge! Find it in the badges section of your {1}."),i.createElement("span",null,pxt.U.rlf(o.displayName)),i.createElement("a",{onClick:v},lf("User Profile"))),g.push({label:lf("Go to Badges"),className:"completion-reward inverted",icon:"trophy",onClick:v})):(t=Object(Jt.jsxLF)(lf("You’ve received the {0} Badge! {1} to save your progress"),i.createElement("span",null,pxt.U.rlf(o.displayName)),i.createElement("a",{onClick:m},lf("Sign In"))),g.push({label:lf("Sign In"),className:"completion-reward inverted",xicon:!0,icon:"cloud-user",onClick:m})),s&&g.push({label:lf("Next Reward"),className:"completion-reward",icon:"right circle arrow",onClick:function(){be("skillmap.nextReward",{path:n,activity:c.activityId,currentReward:e.type}),u()}}),i.createElement($t,{title:a,onClose:this.handleOnClose,actions:g},i.createElement("div",{className:"badge-modal-image"},i.createElement(Xt.Badge,{badge:l})),t)}}]),a}(i.Component),ea={dispatchHideModal:function(){return{type:B}},dispatchRestartActivity:function(e,t,a,r){return{type:S,mapId:e,activityId:t,previousHeaderId:a,carryoverCode:r}},dispatchOpenActivity:et,dispatchResetUser:function(){return{type:C}},dispatchShowCarryoverModal:ot,dispatchCloseUserProfile:rt,dispatchSetShareStatus:nt,dispatchShowShareModal:ct,dispatchNextModal:function(){return{type:_}},dispatchShowUserProfile:at,dispatchShowLoginModal:st},ta=Object(l.b)((function(e,t){var a,r,n;if(!e)return{};var i,o=e.pageSourceUrl,c=e.shareState,s=e.modalQueue||[],l=Object(Gt.a)(s,1)[0]||{},u=l.currentMapId,d=l.currentActivityId,p=l.type,f=l.currentReward,h=e.editorView?e.maps[e.editorView.currentMapId]:u&&e.maps[u],v=u&&d?null===(a=e.maps[u])||void 0===a?void 0:a.activities[d]:void 0;return h&&v&&Me(v)&&"completion-badge"===(null==f?void 0:f.type)&&(i=Te(o,h,v)),{type:p,pageSourceUrl:o,skillMap:h,userState:e.user,showCodeCarryoverModal:h&&v&&Ue(e.user,e.pageSourceUrl,h,v),mapId:u,activity:u&&d?e.maps[u].activities[d]:void 0,shareState:c,reward:f,hasPendingModals:(null===(r=e.modalQueue)||void 0===r?void 0:r.length)&&(null===(n=e.modalQueue)||void 0===n?void 0:n.length)>1,badge:i,signedIn:e.auth.signedIn}}),ea)(Zt),aa=(a(53),function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).handleClick=function(){r.props.onItemSelect&&r.props.onItemSelect(r.props.activityId,r.props.kind)},r.handleDoubleClick=function(){r.props.onItemDoubleClick&&r.props.onItemDoubleClick(r.props.activityId,r.props.kind)},r.handleRef=function(e){e&&(e.addEventListener("mouseenter",(function(){r.setState({hover:!0})})),e.addEventListener("mouseleave",(function(){r.setState({hover:!1})})))},r.state={hover:!1},r}return Object(Ke.a)(a,[{key:"getIcon",value:function(e,t){switch(t){case"reward":return"";case"completion":return"";default:switch(e){case"locked":return"";case"completed":return"";default:return""}}}},{key:"getIconClass",value:function(e,t){switch(t){case"reward":case"completion":return"graph-icon";default:switch(e){case"locked":case"completed":return"graph-icon";default:return"graph-icon-x"}}}},{key:"getNodeMarker",value:function(e,t,a,r){var n,o,c=t/50,s=t/576;switch(e){case"notstarted":return i.createElement("g",{transform:"translate(".concat(t/2-12*c," ").concat(-t/2-9*c,")")},i.createElement("title",null,lf("Not Started")),i.createElement("g",{transform:"scale(".concat(s/2,")")},(n=a,o=r,i.createElement("path",{fill:n,stroke:o,strokeWidth:"50",d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"}))));default:return i.createElement("g",null)}}},{key:"render",value:function(){var e=this.state.hover,t=this.props,a=t.width,r=t.position,n=t.selected,o=t.status,c=t.kind,s=t.theme,l=e?s.unlockedNodeColor:s.unlockedNodeForeground,u=e?s.unlockedNodeForeground:s.unlockedNodeColor;"locked"===o?(u=e?s.lockedNodeForeground:s.lockedNodeColor,l=e?s.lockedNodeColor:s.lockedNodeForeground):"activity"!==c?(u=e?s.rewardNodeForeground:s.rewardNodeColor,l=e?s.rewardNodeColor:s.rewardNodeForeground):"completed"===o&&(u=e?s.completedNodeForeground:s.completedNodeColor,l=e?s.completedNodeColor:s.completedNodeForeground);var d=a/8,p=a/12.5;return i.createElement("g",{className:"graph-activity ".concat(n?"selected":""," ").concat(e?"hover":""),transform:"translate(".concat(r.x," ").concat(r.y,")"),onClick:this.handleClick,onDoubleClick:this.handleDoubleClick,ref:this.handleRef},n&&("activity"!==c?i.createElement("circle",{className:"highlight",cx:0,cy:0,r:a/2+d,stroke:s.selectedStrokeColor}):i.createElement("rect",{className:"highlight",x:-a/2-d,y:-a/2-d,width:a+2*d,height:a+2*d,rx:a/6,stroke:s.selectedStrokeColor})),"activity"!==c?i.createElement("circle",{cx:0,cy:0,r:a/2,fill:u,stroke:l,strokeWidth:"2"}):i.createElement("rect",{x:-a/2,y:-a/2,width:a,height:a,rx:a/10,fill:u,stroke:l,strokeWidth:"2"}),"activity"===c&&this.getNodeMarker(o,a,s.selectedStrokeColor,s.strokeColor),i.createElement("text",{dy:p,textAnchor:"middle",alignmentBaseline:"middle",dominantBaseline:"middle",fill:l,className:this.getIconClass(o,c)},this.getIcon(o,c)))}}]),a}(i.Component)),ra=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){return Object(Ye.a)(this,a),t.apply(this,arguments)}return Object(Ke.a)(a,[{key:"render",value:function(){var e,t,a=this.props,r=a.points,n=a.strokeWidth,o=a.color,c="M 0 0",s="";return r.forEach((function(a){var r,n,i,o;e=a,t&&(c+=" l ".concat(((null===(r=e)||void 0===r?void 0:r.x)||0)-t.x," ").concat(((null===(n=e)||void 0===n?void 0:n.y)||0)-t.y),s=" l ".concat(t.x-((null===(i=e)||void 0===i?void 0:i.x)||0)," ").concat(t.y-((null===(o=e)||void 0===o?void 0:o.y)||0)," ").concat(s)),t=e})),i.createElement("g",{transform:"translate(".concat(r[0].x||0," ").concat(r[0].y||0,")")},i.createElement("path",{stroke:o,strokeWidth:n,d:"".concat(c," ").concat(s)}))}}]),a}(i.Component),na=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).onItemSelect=function(e,t){var a=r.props,n=a.user,i=a.pageSourceUrl,o=a.map,c=(a.completionState,a.selectedActivityId),s=a.dispatchChangeSelectedItem,l=a.dispatchShowCompletionModal,u=Ie(n,i,o,e).status;"completion"===t&&"completed"===u?(be("skillmap.graph.reward.select",{path:o.mapId,activity:e}),s(o.mapId,e),l(o.mapId,e)):e!==c?(be("skillmap.graph.item.select",{path:o.mapId,activity:e}),s(o.mapId,e)):(be("skillmap.graph.item.deselect",{path:o.mapId,activity:e}),s(void 0))},r.onItemDoubleClick=function(e,t){var a=r.props,n=a.user,i=a.pageSourceUrl,o=a.map,c=a.dispatchOpenActivity,s=a.dispatchShowCarryoverModal,l=Ie(n,i,o,e).status,u=o.activities[e];be("skillmap.activity.open.doubleclick",{path:o.mapId,activity:e,status:l||""});var d=Ce(n,i,o.mapId,u.activityId);Ue(n,i,o,u)&&!(null==d?void 0:d.headerId)?s(o.mapId,e):"activity"==t&&"locked"!==l&&c(o.mapId,e)},r}return Object(Ke.a)(a,[{key:"componentDidUpdate",value:function(e){"transitioning"===e.completionState&&setTimeout((function(){be("skillmap.graph.reward.auto",{path:e.map.mapId,activity:e.selectedActivityId||""}),e.dispatchSetSkillMapCompleted(e.map.mapId),e.dispatchShowCompletionModal(e.map.mapId,e.selectedActivityId)}),400)}},{key:"render",value:function(){var e=this,t=this.props,a=t.unit,r=t.items,n=t.paths,o=t.map,c=t.user,s=t.selectedActivityId,l=t.pageSourceUrl,u=t.theme;return i.createElement("g",{className:"skill-graph"},i.createElement("g",{opacity:u.pathOpacity},n.map((function(e,t){return i.createElement(ra,{key:"graph-activity-".concat(t),strokeWidth:3*a,color:u.strokeColor,points:e.points})})),n.map((function(e,t){return i.createElement(ra,{key:"graph-activity-".concat(t),strokeWidth:3*a-4,color:u.pathColor,points:e.points})}))),r.map((function(t,r){return i.createElement(aa,{key:"graph-activity-".concat(r),theme:u,kind:t.activity.kind,activityId:t.activity.activityId,position:t.position,width:5*a,selected:t.activity.activityId===s,onItemSelect:e.onItemSelect,onItemDoubleClick:e.onItemDoubleClick,status:Ie(c,l,o,t.activity.activityId).status})})))}}]),a}(i.Component),ia={dispatchChangeSelectedItem:function(e,t){return{type:g,mapId:e,activityId:t}},dispatchShowCompletionModal:it,dispatchSetSkillMapCompleted:function(e){return{type:y,mapId:e}},dispatchOpenActivity:et,dispatchShowCarryoverModal:ot},oa=Object(l.b)((function(e,t){var a,r,n,i;if(!e)return{};var o=null===(a=e.user)||void 0===a||null===(r=a.mapProgress)||void 0===r?void 0:r[e.pageSourceUrl];return{user:e.user,pageSourceUrl:e.pageSourceUrl,theme:e.theme,selectedActivityId:e.selectedItem&&(null===(n=t.map)||void 0===n?void 0:n.mapId)==e.selectedItem.mapId?e.selectedItem.activityId:void 0,completionState:null==o||null===(i=o[t.map.mapId])||void 0===i?void 0:i.completionState}}),ia)(na);function ca(e,t){return{x:sa(e),y:la(t)}}function sa(e){return 10*(12*e+4)}function la(e){return 10*(9*e+4)}function ua(e){for(var t=[],a=[e],r={};a.length>0;){var n=a.shift();n&&!r[n.activityId]&&(r[n.activityId]=!0,t.push(n),a=n.next.concat(a))}return t}function da(e){var t=function(e){for(var t=[],a=[e],r={};a.length>0;){var n=a.shift();n&&!r[n.activityId]&&(r[n.activityId]=!0,t.push(n),a=a.concat(n.next))}return t}(e),a={};return t.forEach((function(e){var t=e.next.slice();e.next.length=0,a[e.activityId]=JSON.parse(JSON.stringify(e)),e.next=t})),Object.keys(a).forEach((function(e){return a[e].next=a[e].nextIds.map((function(e){return a[e]}))})),a[e.activityId]}a(54);var pa=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).onImageLoad=function(e){r.setState({backgroundSize:{width:e.target.naturalWidth,height:e.target.naturalHeight}})},r.state={backgroundSize:{width:0,height:0}},r}return Object(Ke.a)(a,[{key:"render",value:function(){var e=this.props,t=e.graphs,a=e.graphSize,r=e.backgroundImageUrl,n=this.state.backgroundSize,o=0,c=a.width/a.height,s=n.width/n.height,l=r&&n.width>0&&n.height>0,u=Math.max(400,a.height),d=Math.max(600,a.width);l&&(c-s>.05?u=d*(1/s):c-s<-.05&&(d=u*s));var p=Math.max(u-a.height,0)/2,f=Math.max(d-a.width,0)/2;return i.createElement("div",{className:"skill-graph-wrapper"},i.createElement("div",{className:"skill-graph-content ".concat(l?"has-background":"")},i.createElement("div",{className:"skill-graph-activities"},i.createElement("svg",{viewBox:"-".concat(f+40," -").concat(p+40," ").concat(d+80," ").concat(u+80),preserveAspectRatio:"xMidYMid meet"},t.map((function(e,t){return o+=e.height,i.createElement("g",{key:t,transform:"translate(0, ".concat(o-e.height,")")},i.createElement(oa,Object.assign({unit:10},e)))})))),r&&i.createElement("div",{className:"skill-graph-background"},i.createElement("img",{src:r,alt:lf("Background Image"),onLoad:this.onImageLoad}))))}}]),a}(i.Component),fa=Object(l.b)((function(e,t){if(!e)return{};var a=t.maps.map((function(e){return function(e){var t=[];switch(e.layout){case"manual":t=t.concat(function(e){var t=[],a=ua(da(e)).filter((function(e){return"layout"!==e.kind}));return a.forEach((function(e){if(t.indexOf(e.activityId)<0){var a,r;t.push(e.activityId),e.depth=(null===(a=e.position)||void 0===a?void 0:a.depth)||0,e.offset=(null===(r=e.position)||void 0===r?void 0:r.offset)||0;var n=[];e.next.forEach((function(t,a){var r,i,o,c=(null===(r=t.position)||void 0===r?void 0:r.depth)||0,s=(null===(i=t.position)||void 0===i?void 0:i.offset)||0,l=[{depth:e.depth,offset:e.offset}];(null===(o=e.edges)||void 0===o?void 0:o[a])&&e.edges[a].forEach((function(e){var t=l[l.length-1];e.depth!==t.depth&&e.offset!==t.offset&&l.push({depth:t.depth,offset:e.offset}),l.push(e)}));var u=l[l.length-1];c!==u.depth&&s!==u.offset&&l.push({depth:u.depth,offset:s}),l.push({depth:c,offset:s}),n.push(l)})),e.edges=n}})),a}(e.root));break;case"ortho":default:t=t.concat(function(e){for(var t=da(e),a=[t],r={},n={},i=0,o=function(){var e=a.shift();if(e&&!n[e.activityId]){var t;n[e.activityId]=!0;var o=null===(t=e.parents)||void 0===t?void 0:t[0];if(o){var c=r[o.activityId]||{depth:0,offset:0};0==c.depth?(c.depth=1,e.offset=o.offset+c.offset):(i+=1,c.offset=i,e.offset=i),e.depth=o.depth+c.depth,r[o.activityId]=c}else e.depth=0,e.offset=0;var s=e.next.map((function(t){var a=t;return a.parents?a.parents.push(e):a.parents=[e],a}));s.filter((function(e){return n[e.activityId]})).forEach((function(t){(function(e,t){return!(!e.parents||!t.parents||(e.parents.forEach((function(e){t.parents.indexOf(e)>=0&&(a=e)})),!a||1!=Math.abs(a.nextIds.indexOf(e.activityId)-a.nextIds.indexOf(t.activityId))||e.depth!=t.depth));var a})(t,e)||(t.offset+=1,i=Math.max(i,t.offset),t.depth=Math.max(t.depth,e.depth+1))})),a=s.concat(a)}};a.length>0;)o();var c=ua(t).filter((function(e){return"layout"!==e.kind})),s={};return c.forEach((function(e){null==s[e.depth]&&(s[e.depth]=[]),s[e.depth].push(e.offset)})),c.forEach((function(e){var t;if((!e.next||0==e.next.length)&&1==(null===(t=e.parents)||void 0===t?void 0:t.length)){var a=e.parents[0],r=s[e.depth],n=r[r.indexOf(e.offset)-1];(n?e.offset-n:Math.abs(e.depth-a.depth)+Math.abs(e.offset-a.offset))>2&&(e.depth=a.depth,e.offset=(n||a.offset)+1)}})),c.forEach((function(e){if(e.parents){e.edges=[];var t=e.parents.some((function(t){return t.offset==e.offset}))||e.parents.length>2;e.parents.forEach((function(a){var r,n=[{depth:a.depth,offset:a.offset}];if(t){var i=s[e.depth],o=i.indexOf(e.offset),c=e.offset>a.offset&&!(i[o+1]-i[o]<e.offset-a.offset),l=e.offset<a.offset&&!(i[o]-i[o-1]<a.offset-e.offset);c||l?n.push({depth:e.depth,offset:a.offset}):n.push({depth:a.depth,offset:e.offset})}else n.push({depth:a.depth,offset:e.offset});n.push({depth:e.depth,offset:e.offset}),null===(r=e.edges)||void 0===r||r.push(n)}))}})),c}(e.root))}var a,r=0,n=0,i=[],o=[],c=Object(d.a)(t);try{for(c.s();!(a=c.n()).done;){var s=a.value,l=s.depth,u=s.offset;i.push({activity:s,position:ca(l,u)}),s.edges&&s.edges.forEach((function(e){var t=[];e.forEach((function(e){return t.push(ca(e.depth,e.offset))})),o.push({points:t})})),r=Math.max(r,s.depth),n=Math.max(n,s.offset)}}catch(e){c.e(e)}finally{c.f()}var p=sa(r)+40,f=la(n)+40;return{map:e,items:i,paths:o,width:p,height:f}}(e)})),r=(null==a?void 0:a.length)?a.map((function(e){return e.width})).reduce((function(e,t){return Math.max(e,t)})):0,n=(null==a?void 0:a.length)?a.map((function(e){return e.height})).reduce((function(e,t){return e+t})):0;return{graphs:a,graphSize:{width:r,height:n}}}))(pa),ha=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){var e;Object(Ye.a)(this,a);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return(e=t.call.apply(t,[this].concat(n))).handleActionButtonClick=function(){var t=e.props,a=t.status,r=t.mapId,n=t.activityId,i=t.dispatchOpenActivity,o=t.dispatchShowCarryoverModal,c=t.showCodeCarryoverModal;if("locked"!==a)switch(be("skillmap.activity.open",{path:r,activity:n,status:a||""}),a){case"notstarted":c?o(r,n):i(r,n);break;case"completed":case"inprogress":case"restarted":default:i(r,n)}},e.handleRestartButtonClick=function(){var t=e.props,a=t.mapId,r=t.activityId,n=t.status,i=t.dispatchShowRestartActivityWarning;be("skillmap.sidebar.restart",{path:a,activity:r,status:n||""}),i(a,r)},e.handleShareButtonClick=function(){var t=e.props,a=t.mapId,r=t.activityId,n=t.status,i=t.dispatchShowShareModal;be("skillmap.sidebar.share",{path:a,activity:r,status:n||""}),i(a,r)},e.handleSaveToProjectsClick=function(){var t=e.props,a=t.completedHeaderId;be("skillmap.export",{path:t.mapId||"",activity:t.activityId||""}),window.open("".concat(zt,"#skillmapimport:").concat(a))},e}return Object(Ke.a)(a,[{key:"getActivityActionText",value:function(){switch(this.props.status){case"locked":return lf("LOCKED");case"completed":return lf("VIEW CODE");case"inprogress":case"restarted":return lf("CONTINUE");case"notstarted":default:return lf("START")}}},{key:"isCompleted",value:function(e){return"completed"===e||"restarted"===e}},{key:"render",value:function(){var e=this.props,t=e.status,a=e.completedHeaderId,r=t&&"notstarted"!==t&&"locked"!==t;return"locked"===t?i.createElement("div",null):i.createElement("div",{className:"actions ".concat(a?"grid":"")},i.createElement("div",{className:"action-button",role:"button",onClick:this.handleActionButtonClick},this.getActivityActionText()),r&&i.createElement("div",{className:"action-button",role:"button",onClick:this.handleRestartButtonClick},lf("Restart")),r&&i.createElement("div",{className:"action-button",role:"button",onClick:this.handleShareButtonClick},lf("Share")),a&&i.createElement("div",{className:"action-button",role:"button",onClick:this.handleSaveToProjectsClick},lf("Save to My Projects")))}}]),a}(i.Component),va={dispatchOpenActivity:et,dispatchShowRestartActivityWarning:function(e,t){return lt({type:"restart-warning",currentMapId:e,currentActivityId:t})},dispatchShowShareModal:ct,dispatchShowCarryoverModal:ot},ma=Object(l.b)((function(e,t){if(!e)return{};var a=t,r=e.maps[a.mapId],n=r.activities[a.activityId];return{showCodeCarryoverModal:Ue(e.user,e.pageSourceUrl,r,n)}}),va)(ha),ga=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){var e;Object(Ye.a)(this,a);for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return(e=t.call.apply(t,[this].concat(n))).handleActionButtonClick=function(){var t=e.props,a=t.status,r=t.mapId,n=t.activityId,i=t.dispatchShowCompletionModal;switch(a){case"locked":break;default:return be("skillmap.sidebar.reward",{path:r,activity:n}),i(r,n)}},e}return Object(Ke.a)(a,[{key:"render",value:function(){return"locked"===this.props.status?i.createElement("div",null):i.createElement("div",{className:"actions"},i.createElement("div",{className:"action-button",role:"button",onClick:this.handleActionButtonClick},lf("Claim Reward")))}}]),a}(i.Component),ya={dispatchOpenActivity:et,dispatchShowCompletionModal:it},ba=Object(l.b)(null,ya)(ga),ka=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){return Object(Ye.a)(this,a),t.apply(this,arguments)}return Object(Ke.a)(a,[{key:"render",value:function(){var e=pxt.cloud.cloudStatus[this.props.cloudStatus];return i.createElement("div",{className:"cloud-action"},this.props.signedIn?i.createElement("div",{className:"cloud-indicator"},i.createElement("div",{className:"ui tiny cloudicon xicon ".concat(e.icon),title:e.tooltip,tabIndex:-1}),e.longStatus):i.createElement("div",{className:"sign-in-button",onClick:this.props.dispatchShowLoginModal},lf("Sign in to Save")))}}]),a}(i.Component),wa={dispatchShowLoginModal:st},Ia=Object(l.b)((function(e,t){var a=e.user,r=e.pageSourceUrl,n=e.selectedItem,i="none";if(null==n?void 0:n.activityId){var o,c=null===(o=Ce(a,r,n.mapId,n.activityId))||void 0===o?void 0:o.headerId;c&&(i=e.cloudState&&e.cloudState[c]||i)}else i="synced";return{signedIn:e.auth.signedIn,cloudStatus:i}}),wa)(ka),Sa=(a(55),function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(){return Object(Ye.a)(this,a),t.apply(this,arguments)}return Object(Ke.a)(a,[{key:"getStatusLabel",value:function(e){switch(e){case"locked":return lf("Locked");case"completed":return lf("Completed");default:return null}}},{key:"getStatusIcon",value:function(e){switch(e){case"locked":return"lock";case"completed":return"check circle";default:return null}}},{key:"render",value:function(){var e=this.props,t=e.mapId,a=e.title,r=e.subtitle,n=e.description,o=e.infoUrl,c=e.imageUrl,s=e.details,l=e.node,u=e.status,d=e.completedHeaderId,p=this.getStatusLabel(u),f=!l,h=l&&!Me(l),v=h&&l.tags||void 0,m=pxt.auth.hasIdentity();return i.createElement("div",{className:"info-panel"},i.createElement("div",{className:"info-panel-image"},c?i.createElement("img",{src:c,alt:lf("Preview of activity content")}):i.createElement("i",{className:"icon image"})),i.createElement("div",{className:"info-panel-content"},r&&i.createElement("div",{className:"info-panel-subtitle"},r),i.createElement("div",{className:"info-panel-title"},a),p&&i.createElement("div",{className:"info-panel-label"},i.createElement("i",{className:"ui icon ".concat(this.getStatusIcon(u))}),i.createElement("span",null,p)),i.createElement("div",{className:"info-panel-description"},n),f&&o&&i.createElement("a",{className:"info-panel-link",href:o,target:"_blank",rel:"noopener noreferrer"},lf("Learning Outcomes")),v&&v.length>0&&i.createElement("div",{className:"info-panel-tags"},v.map((function(e,t){return i.createElement("div",{key:t},e)}))),i.createElement("div",{className:"info-panel-detail"},null==s?void 0:s.map((function(e,t){return i.createElement("div",{key:"detail_".concat(t)},e)}))),i.createElement("div",{className:"tablet-spacer"}),!f&&(h?i.createElement(ma,{mapId:t,activityId:l.activityId,status:u,completedHeaderId:d}):i.createElement(ba,{mapId:t,activityId:l.activityId,status:u})),m&&i.createElement(Ia,null)))}}]),a}(i.Component)),Oa=Object(l.b)((function(e,t){var a,r,n,i,o=e.user,c=e.pageSourceUrl,s=e.maps,l=e.selectedItem,u=e.infoUrl,d=l&&(null===(a=e.maps[l.mapId])||void 0===a?void 0:a.activities[l.activityId]),p="activity"===(null==d?void 0:d.kind),f=[];if(s)if((null==l?void 0:l.activityId)&&s[l.mapId]){var h=s[l.mapId],v=Ie(e.user,e.pageSourceUrl,h,l.activityId),m=v.status,g=v.currentStep,y=v.maxSteps;r=m,i=v.completedHeadedId,p&&(f.push(y?"".concat(g,"/").concat(y," ").concat(lf("Steps")):lf("Not Started")),f.push(p?d.type:"")),h&&(n=h.displayName)}else if(o){var b=Object.keys(s),k=0,w=0,I=0,S=0;b.forEach((function(e){var t=s[e].activities;Object.keys(t).filter((function(e){return"activity"==t[e].kind})).forEach((function(t){return++w&&we(o,c,e,t)&&++k})),Object.keys(t).filter((function(e){return Me(t[e])})).forEach((function(t){return++S&&we(o,c,e,t)&&++I}))})),f.push("".concat(k,"/").concat(w," ").concat(lf("Complete"))),f.push(S?"".concat(I,"/").concat(S," ").concat(lf("Reward(s)")):"")}return{mapId:null==l?void 0:l.mapId,title:(null==d?void 0:d.displayName)||e.title,subtitle:n,description:p?d.description:e.description,infoUrl:u,imageUrl:d?null==d?void 0:d.imageUrl:e.bannerImageUrl,node:d,status:r,details:f,completedHeaderId:i}}))(Sa),xa=a(26);function Ca(e){var t=function(e){var t,a=e.split("\n"),r=[],n=null,i=null,o=null,c=Object(d.a)(a);try{for(c.s();!(t=c.n()).done;){var s=t.value;if(s.trim()){if(s.startsWith("#")){var l=/^(#+)\s*(.+)$/.exec(s);if(l){f(),n={headerKind:1===l[1].length?"single":2===l[1].length?"double":"triple",header:l[2],attributes:{}},i=null,o=null;continue}}if(n){var u=/^[*-]\s+(?:([^:]+):)?(.*)$/.exec(s),p=/^ {4}([*-])\s+(.*)$/.exec(s);u?u[1]?(i&&o&&(n.attributes[i]=o.trim()),i=u[1].toLowerCase(),o=u[2]):i&&(o+=u[2]):p&&i&&(n.listAttributes||(n.listAttributes={}),n.listAttributes[i]||(n.listAttributes[i]=[]),p[2]&&n.listAttributes[i].push(p[2].trim()))}}else o&&(o+="\n")}}catch(e){c.e(e)}finally{c.f()}return f(),r;function f(){n&&(i&&o&&(n.attributes[i]=o.trim()),r.push(n))}}(e);(null==t?void 0:t.length)||Ra("Cannot parse content: ".concat(e));for(var a,r=[],n=-1,i=0;i<t.length;i++)"single"===t[i].headerKind?a=Aa(t[i]):"double"===t[i].headerKind&&(n>=0&&r.push(Ea(t[n],t.slice(n+1,i))),n=i);return(n>0||0===r.length)&&r.push(Ea(t[n],t.slice(n+1,t.length))),{maps:r,metadata:a}}function Ea(e,t){var a=function(e){var t={mapId:e.header.toLowerCase(),displayName:e.attributes.name||e.header,description:e.attributes.description,completionUrl:e.attributes.completionurl,prerequisites:[],activities:{},allowCodeCarryover:!e.attributes.allowcodecarryover||!Na(e.attributes.allowcodecarryover)};if("manual"===e.attributes.layout&&(t.layout="manual"),e.attributes.required){var a,r=e.attributes.required.split(","),n=Object(d.a)(r);try{for(n.s();!(a=n.n()).done;){var i=a.value,o=/^\s*(?:(\d+) +)?(.+)$/.exec(i);o[1]?t.prerequisites.push({type:"tag",tag:o[2].trim(),numberCompleted:parseInt(o[1])}):t.prerequisites.push({type:"map",mapId:o[2].trim()})}}catch(e){n.e(e)}finally{n.f()}}return t}(e),r=t.map(ja),n=r.filter((function(e){return"activity"===e.kind}));a.allowCodeCarryover&&n.forEach((function(e){void 0===e.allowCodeCarryover&&(e.allowCodeCarryover=!0)})),a.root=r[0];var i,o=Object(d.a)(r);try{for(o.s();!(i=o.n()).done;){var c=i.value;a.activities[c.activityId]&&Ra("Duplicate activity id '".concat(c.activityId,"' in map '").concat(a.mapId,"'")),a.activities[c.activityId]=c}}catch(e){o.e(e)}finally{o.f()}var s,l=Object(d.a)(r);try{for(l.s();!(s=l.n()).done;){var u,p=s.value,h=Object(d.a)(p.nextIds);try{for(h.s();!(u=h.n()).done;){var v=u.value;a.activities[v]||Ra("Unknown activity id '".concat(v,"' in map '").concat(a.mapId,"'")),p.next.push(a.activities[v])}}catch(e){h.e(e)}finally{h.f()}}}catch(e){l.e(e)}finally{l.f()}var m={};!function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r[t.activityId])console.warn("Loop in map '".concat(a.mapId,"' detected"));else{r[t.activityId]=!0,m[t.activityId]=!0;var n,i=Object(d.a)(t.next);try{for(i.s();!(n=i.n()).done;){var o=n.value;e(o,Object(f.a)({},r))}}catch(e){i.e(e)}finally{i.f()}}}(a.root);var g,y=Object(d.a)(r);try{for(y.s();!(g=y.n()).done;){var b=g.value;m[b.activityId]||console.warn("Unreachable activity detected '".concat(b.activityId,"' in map '").concat(a.mapId,"'"))}}catch(e){y.e(e)}finally{y.f()}return a}function ja(e){var t={activityId:e.header.toLowerCase(),imageUrl:e.attributes.imageurl,next:[],displayName:e.attributes.name||e.header,nextIds:Ta(e.attributes.next)};if(e.attributes.position){var a=e.attributes.position.split(" ");t.position={depth:parseInt(a[0])||0,offset:parseInt(a[1])||0}}if(e.attributes.edges){var r;t.edges=[];var n=Ta(e.attributes.edges,!1,";");null===(r=t.nextIds)||void 0===r||r.forEach((function(e,a){var r,i=Ta(n[a])||[];null===(r=t.edges)||void 0===r||r.push(i.map((function(e){var t=e.split(" ");return{depth:parseInt(t[0])||0,offset:parseInt(t[1])||0}})))}))}return"reward"===e.attributes.kind||"completion"===e.attributes.kind?function(e,t){var a,r,n,i=Object(f.a)(Object(f.a)({},t),{},{kind:e.attributes.kind||"reward"});if(e.attributes.type)switch(e.attributes.type.toLowerCase()){case"certificate":i.rewards||(i.rewards=[]),null===(a=i.rewards)||void 0===a||a.push({type:"certificate",url:e.attributes.url})}if(null===(r=e.listAttributes)||void 0===r?void 0:r.actions){var o,c=[],s=e.listAttributes.actions,l=Object(d.a)(s);try{for(l.s();!(o=l.n()).done;){var u=o.value.split(":"),p=Object(xa.a)(u),h=p[0],v=p.slice(1),m=/\s*\[\s*(.*)\s*\](?:\(([^\s]+)\))?/gi.exec(v.join(":")),g=null==m?void 0:m[1],y=null==m?void 0:m[2];switch(h){case"activity":c.push({kind:"activity",label:g,activityId:y});break;case"map":if(y){var b=Pa(y)?"github":Ma(y)?"docs":void 0;b||Ra("URL: ".concat(y," must be to Github or MakeCode documentation")),c.push({kind:"map",label:g,url:"#".concat(b,":").concat(y)})}break;case"tutorial":y&&(Pa(y)||Ma(y)||Ra("URL: ".concat(y," must be to Github or MakeCode documentation")),c.push({kind:"tutorial",label:g,url:"/#tutorial:".concat(y)}));break;case"docs":if(y){var k=(y.startsWith("/")?"":"/")+y;Ma(k)||Ra("URL: ".concat(k," must be to MakeCode documentation")),c.push({kind:"docs",label:g,url:k})}break;case"editor":c.push({kind:"editor",label:g})}}}catch(e){l.e(e)}finally{l.f()}c.length&&(i.actions=c)}if(null===(n=e.listAttributes)||void 0===n?void 0:n.rewards){var w,I=[],S=e.listAttributes.rewards,O=Object(d.a)(S);try{for(O.s();!(w=O.n()).done;){var x=w.value.split(":"),C=Object(xa.a)(x),E=C[0],j=C.slice(1);switch(E){case"certificate":I.push({type:"certificate",url:j.join(":").trim()});break;case"completion-badge":I.push({type:"completion-badge",imageUrl:j.join(":").trim()})}}}catch(e){O.e(e)}finally{O.f()}var N=["completion-badge","certificate"];I.sort((function(e,t){return N.indexOf(e.type)-N.indexOf(t.type)})),I.length&&(i.rewards=I)}return i}(e,t):"layout"===e.attributes.kind?function(e,t){return Object(f.a)(Object(f.a)({},t),{},{kind:"layout",next:[]})}(0,t):function(e,t){var a=Object(f.a)(Object(f.a)({},t),{},{kind:"activity",description:e.attributes.description,url:e.attributes.url,tags:Ta(e.attributes.tags),allowCodeCarryover:!e.attributes.allowcodecarryover||!Na(e.attributes.allowcodecarryover)});if(e.attributes.type){var r=e.attributes.type.toLowerCase();switch(r){case"tutorial":a.type=r}}if(e.attributes.editor){var n=e.attributes.editor.toLowerCase();switch(n){case"py":case"blocks":case"js":a.editor=n;break;default:a.editor="blocks"}}return a.url||Ra("Activity '".concat(a.activityId,"' is missing attribute 'url'")),a.type||Ra("Activity '".concat(a.activityId,"' is missing attribute 'type'")),a}(e,t)}function Na(e){if(!e)return!1;switch(e.toLowerCase().trim()){case"0":case"no":case"n":case"off":case"false":return!0;default:return!1}}function Aa(e){var t=e.attributes.primarycolor,a=e.attributes.secondarycolor,r=e.attributes.tertiarycolor,n=e.attributes.highlightcolor,i=e.attributes.unlockednodecolor,o=e.attributes.lockednodecolor,c=e.attributes.completednodecolor;return{title:e.attributes.name||e.header,description:e.attributes.description,infoUrl:La(e.attributes.infourl),backgroundImageUrl:e.attributes.backgroundurl,bannerImageUrl:e.attributes.bannerurl,alternateSources:Ta(e.attributes.alternatesources),theme:{backgroundColor:r||"var(--body-background-color)",pathColor:t||"#BFBFBF",strokeColor:"#000000",rewardNodeColor:n||"var(--primary-color)",rewardNodeForeground:n?Ua(n):"#000000",unlockedNodeColor:i||a||"var(--secondary-color)",unlockedNodeForeground:i||a?Ua(i||a):"#000000",lockedNodeColor:o||t||"#BFBFBF",lockedNodeForeground:o||t?Ua(o||t):"#000000",completedNodeColor:c||a||"var(--secondary-color)",completedNodeForeground:c||a?Ua(c||a):"#000000",selectedStrokeColor:n||"var(--primary-color)",pathOpacity:.5}}}function Ua(e){return e=e.replace("#",""),Number.parseInt(e.slice(0,2),16)+Number.parseInt(e.slice(2,4),16)+Number.parseInt(e.slice(4),16)>382.5?"#000000":"#ffffff"}function Pa(e){return e.match(/^(https?:\/\/)?(www\.)?github\.com\//gi)}function Ma(e){return e.indexOf(".")<0}function La(e){if(e)return Pa(e)?e.replace(/\?[\s\S]+$/gi,""):Ma(e)?"".concat(e.startsWith("/")?"":"/").concat(e):void Ra("URL: ".concat(e," must be to Github or MakeCode documentation"))}function Ta(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:",";if(!e)return[];var r=e.split(a).map((function(e){return e.trim().toLowerCase()})).filter((function(e){return!!e}));if(!t){var n={};return r.forEach((function(e){return n[e]=e})),Object.keys(n)}return r}function Ra(e){throw e}var _a=a(34),Ba=function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).renderUserProfile=function(){var e,t=r.props,a=t.profile,n=t.preferences,o=r.state,c=o.notification,s=o.modal;return i.createElement($t,{title:(null==a||null===(e=a.idp)||void 0===e?void 0:e.displayName)||"",fullscreen:!0,onClose:r.handleOnClose},i.createElement(_a.Profile,{user:{profile:a,preferences:n},signOut:r.handleSignout,deleteProfile:r.handleDeleteAccountClick,notification:c,showModalAsync:r.showModalAsync}),s&&i.createElement($t,{title:s.header,onClose:r.closeModal,className:s.className},s.jsx))},r.avatarPicUrl=function(){var e,t,a,n,i=r.props.profile;return null!==(e=null==i||null===(t=i.idp)||void 0===t?void 0:t.pictureUrl)&&void 0!==e?e:null==i||null===(a=i.idp)||void 0===a||null===(n=a.picture)||void 0===n?void 0:n.dataUrl},r.getAccountPanel=function(){var e,t,a,n,o,c,s=r.props.profile,l=(null==s||null===(e=s.idp)||void 0===e?void 0:e.provider)&&pxt.auth.identityProvider(null==s||null===(t=s.idp)||void 0===t?void 0:t.provider),u=i.createElement("div",{className:"profile-pic avatar"},i.createElement("img",{src:r.avatarPicUrl(),alt:lf("User")})),d=i.createElement("div",{className:"profile-pic avatar"},i.createElement("span",null,pxt.auth.userInitials(s)));return i.createElement("div",{className:"account panel ui card"},i.createElement("div",{className:"header-text"},i.createElement("label",null,lf("Profile"))),r.avatarPicUrl()?u:d,i.createElement("div",{className:"row-span-two"},i.createElement("label",{className:"title"},lf("Name")),i.createElement("p",{className:"value"},(null==s||null===(a=s.idp)||void 0===a?void 0:a.displayName)||(null==s||null===(n=s.idp)||void 0===n?void 0:n.username))),i.createElement("div",{className:"row-span-two"},i.createElement("label",{className:"title"},lf("Username")),i.createElement("p",{className:"value"},null==s||null===(o=s.idp)||void 0===o?void 0:o.username)),i.createElement("div",{className:"row-span-two"},i.createElement("label",{className:"title"},lf("Provider")),i.createElement("p",{className:"value"},null==l?void 0:l.name)),i.createElement("div",{className:"row-span-two",onClick:r.handleSignout},i.createElement("div",{className:"ui icon button"},i.createElement("span",{className:"xicon ".concat(null==s||null===(c=s.idp)||void 0===c?void 0:c.provider)}),i.createElement("span",null," ",lf("Sign out")," "))),i.createElement("div",{className:"row-span-two"},i.createElement("a",{className:"ui",title:lf("delete profile"),onClick:r.handleDeleteAccountClick},lf("I want to delete my profile")," ")))},r.handleOnClose=function(){r.props.dispatchCloseUserProfile()},r.getFeedbackPanel=function(){return i.createElement("div",{className:"feedback panel ui card"},i.createElement("div",{className:"header-text"},i.createElement("label",null,lf("Feedback"))),i.createElement("div",{className:"row-span-two"},lf("What do you think about the Sign In & Cloud Save feature? Is there something you'd like to change? Did you encounter issues? Please let us know!")),i.createElement("div",{className:"row-span-two"},i.createElement("a",{className:"ui",title:lf("Provide feedback in a from"),href:"https://aka.ms/AAcnpaj",target:"_blank"},i.createElement("i",{className:"icon external alternate"}),lf("Take the Survey"))))},r.handleSignout=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:pxt.tickEvent("skillmap.userprofile.signout"),Et(location.hash);case 2:case"end":return e.stop()}}),e)}))),r.handleDeleteAccountClick=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.props.dispatchShowDeleteAccountModal();case 1:case"end":return e.stop()}}),e)}))),r.showModalAsync=function(){var e=Object(J.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.setState({modal:t});case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),r.closeModal=function(){r.setState({modal:void 0})},r.state={},pxt.targetConfigAsync().then((function(e){return r.setState({notification:e.profileNotification})})),r}return Object(Ke.a)(a,[{key:"render",value:function(){return this.props.showProfile?this.renderUserProfile():i.createElement("div",null)}}]),a}(i.Component),Ha={dispatchCloseUserProfile:rt,dispatchShowDeleteAccountModal:function(){return lt({type:"delete-account"})}},Da=Object(l.b)((function(e,t){return e?{signedIn:e.auth.signedIn,profile:e.auth.profile,showProfile:e.showProfile,preferences:e.auth.preferences}:{}}),Ha)(Ba),Fa=function(){function e(){Object(Ye.a)(this,e),this.sendMessageAsync=void 0}return Object(Ke.a)(e,[{key:"exportCloudProjectsToLocal",value:function(e){return this.sendMessageAsync({type:"pxteditor",action:"convertcloudprojectstolocal",userId:e})}}]),e}(),Va=function(){function e(){var t=this;Object(Ye.a)(this,e),this.promise_=void 0,this.resources=void 0,this.appMounted=void 0,this.resolve=void 0,this.promise=function(){return t.promise_},this.resources=new Fa,this.promise_=new Promise((function(e){t.resolve=e,t.checkComplete()}))}return Object(Ke.a)(e,[{key:"setSendMessageAsync",value:function(e){this.resources.sendMessageAsync=e,this.checkComplete()}},{key:"setAppMounted",value:function(){this.appMounted=!0,this.checkComplete()}},{key:"checkComplete",value:function(){var e;this.resolve&&this.appMounted&&this.resources.sendMessageAsync&&(qe.dispatch((e=this.resources,{type:Y,resources:e})),this.resolve(this.resources))}}]),e}(),Wa=(a(63),a(64),function(e){Object($e.a)(a,e);var t=Object(Je.a)(a);function a(e){var r;return Object(Ye.a)(this,a),(r=t.call(this,e)).queryFlags={},r.unsubscribeChangeListener=void 0,r.loadedUser=void 0,r.readyPromise=void 0,r.ready=function(){return r.readyPromise.promise()},r.handleHashChange=function(){var e=Object(J.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,r.parseHashAsync();case 2:t.stopPropagation(),t.preventDefault();case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),r.handleError=function(e){var t=e||lf("Oops! Couldn't load content, please check the URL and markdown file.");console.error(t),r.setState({error:t})},r.onMakeCodeFrameLoaded=function(){var e=Object(J.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.readyPromise.setSendMessageAsync(t);case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),r.onStoreChange=Object(J.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=qe.getState(),(a=t.user)===r.loadedUser||r.loadedUser&&a.id!==r.loadedUser.id){e.next=6;break}if(!(!r.props.signedIn||r.props.signedIn&&r.state.cloudSyncCheckHasFinished)){e.next=6;break}return e.next=5,vt(a);case 5:r.loadedUser=a;case 6:return(!r.props.signedIn||r.props.signedIn&&r.state.cloudSyncCheckHasFinished)&&r.state.syncingLocalState&&r.setState({syncingLocalState:!1}),e.next=9,r.syncBadgesAsync();case 9:case"end":return e.stop()}}),e)}))),r.state={cloudSyncCheckHasFinished:!1,badgeSyncLock:!1},r.readyPromise=new Va,window.addEventListener("hashchange",r.handleHashChange),r.cloudSyncCheckAsync(),r}return Object(Ke.a)(a,[{key:"parseHashAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r,n,i,o;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,pxt.targetConfigAsync();case 2:return r=e.sent,i=window.location.hash.replace("#",""),n=i&&(null===(t=r.skillMap)||void 0===t||null===(a=t.pathAliases)||void 0===a?void 0:a[i])?Z(r.skillMap.pathAliases[i]):Z(window.location.hash||(null===(o=r.skillMap)||void 0===o?void 0:o.defaultPath)),e.next=7,this.fetchAndParseSkillMaps(n.cmd,n.arg);case 7:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"initLocalizationAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r,n,i,o,c,s,l,u,d,p;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=pxt.appTarget.appTheme,r=window.location.href,n=!1,i=void 0,/[&?]translate=1/.test(r)&&!pxt.BrowserUtils.isIE()?i=ts.pxtc.Util.TRANSLATION_LOCALE:((o=/(live)?(force)?lang=([a-z]{2,}(-[A-Z]+)?)/i.exec(window.location.href))&&window.location.hash.indexOf(o[0])>=0&&pxt.BrowserUtils.changeHash(window.location.hash.replace(o[0],"")),i=o?o[3]:pxt.BrowserUtils.getCookieLang()||a.defaultLocale||navigator.userLanguage||navigator.language,n=!!o&&!!o[2]),c=pxt.appTarget.id,s=pxt.appTarget.versions.pxtCrowdinBranch,l=pxt.appTarget.versions.targetCrowdinBranch,u=pxt.appTarget.appTheme.defaultLocale,d=null===(t=i)||void 0===t?void 0:t.toLocaleLowerCase(),p=pxt.BrowserUtils.isLocalHostDev()&&(!d||(u?u.toLocaleLowerCase()===d:"en"===d||"en-us"===d)),pxt.BrowserUtils.isPxtElectron()||p||pxt.Util.enableLiveLocalizationUpdates(),e.next=16,Ga({targetId:c,baseUrl:"",code:i,pxtBranch:s,targetBranch:l,force:n});case 16:pxt.Util.isLocaleEnabled(i)&&pxt.BrowserUtils.setCookieLang(i);case 17:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()},{key:"fetchAndParseSkillMaps",value:function(){var e=Object(J.a)($.a.mark((function e(t,a){var n,i,o,c,s,l,u,d,p,f,h,v,m,g,y,b,k,w=this;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,te(t,a);case 2:if(n=e.sent,i=null==n?void 0:n.text,o=null==n?void 0:n.identifier,c=null==n?void 0:n.status,i&&o&&c)try{"banned"===c?this.handleError(lf("This GitHub repository has been banned.")):(ye(o),this.props.dispatchSetPageSourceUrl(o,c),this.props.dispatchClearMetadata()),l=Ca(i),u=l.maps,d=l.metadata,(null==u?void 0:u.length)>0&&(s=u,this.props.dispatchClearSkillMaps(),u.forEach((function(e){w.props.dispatchAddSkillMap(e)}))),d&&(p=d.title,f=d.description,h=d.infoUrl,v=d.backgroundImageUrl,m=d.bannerImageUrl,g=d.theme,y=d.alternateSources,r=p,this.props.dispatchSetPageTitle(p),f&&this.props.dispatchSetPageDescription(f),h&&this.props.dispatchSetPageInfoUrl(h),v&&this.props.dispatchSetPageBackgroundImageUrl(v),m&&this.props.dispatchSetPageBannerImageUrl(m),y&&this.props.dispatchSetPageAlternateUrls(y),g&&this.props.dispatchSetPageTheme(g)),this.setState({error:void 0})}catch(e){this.handleError(e)}else this.setState({error:lf("No content loaded.")});return e.next=9,ft();case 9:return b=e.sent,o&&!b.completedTags[o]&&(b.completedTags[o]={}),this.applyQueryFlags(b,s,o),this.loadedUser=b,this.props.dispatchSetUser(b),e.next=16,_t();case 16:(k=e.sent)&&this.props.dispatchSetUserPreferences(k);case 18:case"end":return e.stop()}}),e,this)})));return function(t,a){return e.apply(this,arguments)}}()},{key:"cloudSyncCheckAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r=this;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.ready();case 2:return t=e.sent,e.next=5,St();case 5:if(e.sent){e.next=9;break}this.setState({cloudSyncCheckHasFinished:!0,syncingLocalState:!1}),e.next=14;break;case 9:return this.setState({syncingLocalState:!0}),a=function(){var e=Object(J.a)($.a.mark((function e(){var a,n,i,o,c,s,l,u,d,p,h,v,m,g,y,b,k,w,I,S,O,x,C,E,j;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=qe.getState(),e.next=3,dt();case 3:return n=e.sent,e.next=6,ft();case 6:return i=e.sent,o=Re(n,a.pageSourceUrl,i),e.next=10,t.sendMessageAsync({type:"pxteditor",action:"savelocalprojectstocloud",headerIds:o});case 10:if(!(c=e.sent.resp.headerIdMap)){e.next=27;break}for(s=Object(f.a)(Object(f.a)({},i),{},{mapProgress:{}}),l=Object.keys(n.mapProgress),u=0,d=l;u<d.length;u++)for(p=d[u],s.mapProgress[p]=Object(f.a)({},n.mapProgress[p]),h=Object.keys(n.mapProgress[p]),v=0,m=h;v<m.length;v++)if(g=m[v],!Ee(i,p))for(s.mapProgress[p][g]=Object(f.a)({},n.mapProgress[p][g]),s.completedTags[p]=n.completedTags[p],y={},s.mapProgress[p][g].activityState=y,b=n.mapProgress[p][g].activityState,k=0,w=Object.keys(b);k<w.length;k++)I=w[k],(S=b[I]).headerId&&(y[I]=Object(f.a)(Object(f.a)({},S),{},{headerId:c[S.headerId]||S.headerId}));for(O=Object.keys(i.mapProgress),x=0,C=O;x<C.length;x++)E=C[x],Ee(i,E)&&(s.mapProgress[E]=Object(f.a)({},i.mapProgress[E]),s.completedTags[E]=i.completedTags[E]);return r.props.dispatchSetUser(s),e.next=20,vt(s);case 20:return i=s,e.next=23,_t();case 23:return(j=e.sent)&&r.props.dispatchSetUserPreferences(j),e.next=27,r.syncBadgesAsync();case 27:return e.next=29,t.sendMessageAsync({type:"pxteditor",action:"requestprojectcloudstatus",headerIds:Re(i,a.pageSourceUrl)});case 29:r.setState({cloudSyncCheckHasFinished:!0,syncingLocalState:!1});case 30:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),e.next=14,Promise.race([pxt.U.delay(1e4).then((function(){r.state.cloudSyncCheckHasFinished||r.setState({cloudSyncCheckHasFinished:!0,syncingLocalState:!1})})),a()]);case 14:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"componentDidMount",value:function(){var e=Object(J.a)($.a.mark((function e(){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.unsubscribeChangeListener=qe.subscribe(this.onStoreChange),this.queryFlags=ee(),!this.queryFlags.authcallback){e.next=5;break}return e.next=5,xt(this.queryFlags);case 5:return e.next=7,wt();case 7:return e.next=9,this.initLocalizationAsync();case 9:return e.next=11,this.parseHashAsync();case 11:this.readyPromise.setAppMounted();case 12:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"componentWillUnmount",value:function(){window.removeEventListener("hashchange",this.handleHashChange),this.unsubscribeChangeListener&&this.unsubscribeChangeListener()}},{key:"render",value:function(){var e=this.props,t=e.skillMaps,a=e.activityOpen,r=e.backgroundImageUrl,n=e.theme,i=this.state,c=i.error,s=i.syncingLocalState,l=Object.keys(t).map((function(e){return t[e]}));return o.a.createElement("div",{className:"app-container ".concat(pxt.appTarget.id)},o.a.createElement(Wt,null),s&&o.a.createElement("div",{className:"makecode-frame-loader"},o.a.createElement("img",{src:ge("assets/logo.svg"),alt:lf("MakeCode Logo")}),o.a.createElement("div",{className:"makecode-frame-loader-text"},lf("Saving to cloud..."))),o.a.createElement("div",{className:"skill-map-container ".concat(a?"hidden":""),style:{backgroundColor:n.backgroundColor}},c?o.a.createElement("div",{className:"skill-map-error"},c):o.a.createElement(fa,{maps:l,backgroundImageUrl:r}),!c&&o.a.createElement(Oa,null)),o.a.createElement(Kt,{onWorkspaceReady:this.onMakeCodeFrameLoaded}),o.a.createElement(ta,null),o.a.createElement(Da,null))}},{key:"applyQueryFlags",value:function(e,t,a){var r=a||"default";if("true"===this.queryFlags.debugNewUser&&(e.isDebug=!0,e.mapProgress=Object(p.a)({},r,{}),e.completedTags={}),"true"===this.queryFlags.debugCompleted&&(e.isDebug=!0,e.mapProgress=Object(p.a)({},r,{}),t)){var n,i=Object(d.a)(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;e.mapProgress[r][o.mapId]={completionState:"completed",mapId:o.mapId,activityState:{}};for(var c=0,s=Object.keys(o.activities);c<s.length;c++){var l,u=s[c],f=o.activities[u];if(e.mapProgress[r][o.mapId].activityState[f.activityId]?e.mapProgress[r][o.mapId].activityState[f.activityId].isCompleted=!0:e.mapProgress[r][o.mapId].activityState[f.activityId]={activityId:f.activityId,isCompleted:!0},"activity"===f.kind&&(null===(l=f.tags)||void 0===l?void 0:l.length)&&a){var h,v=Object(d.a)(f.tags);try{for(v.s();!(h=v.n()).done;){var m=h.value;e.completedTags[a][m]||(e.completedTags[a][m]=0),e.completedTags[a][m]++}}catch(e){v.e(e)}finally{v.f()}}}}}catch(e){i.e(e)}finally{i.f()}}}},{key:"syncBadgesAsync",value:function(){var e=Object(J.a)($.a.mark((function e(){var t,a,r,n,i,o,c,s,l,u,d,p;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=qe.getState(),a=t.user,r=t.maps,n=t.pageSourceUrl,i=t.pageSourceStatus,!this.props.signedIn||!this.state.cloudSyncCheckHasFinished||"approved"!==i){e.next=24;break}for(o=[],c=0,s=Object.keys(r);c<s.length;c++)u=s[c],(l=o).push.apply(l,Object(Qe.a)(Le(a,n,r[u])));if(!o.length){e.next=24;break}return e.next=7,Tt();case 7:if(e.t0=e.sent,e.t0){e.next=10;break}e.t0={badges:[]};case 10:if(d=e.t0,!(o=o.filter((function(e){return!pxt.auth.hasBadge(d,e)}))).length||this.state.badgeSyncLock){e.next=24;break}return this.setState({badgeSyncLock:!0}),e.prev=14,e.next=17,Ut(o,d.badges);case 17:return e.next=19,_t();case 19:(p=e.sent)&&this.props.dispatchSetUserPreferences(p);case 21:return e.prev=21,this.setState({badgeSyncLock:!1}),e.finish(21);case 24:case"end":return e.stop()}}),e,this,[[14,,21,24]])})));return function(){return e.apply(this,arguments)}}()}]),a}(o.a.Component));function Ga(e){return za.apply(this,arguments)}function za(){return(za=Object(J.a)($.a.mark((function e(t){var a,r,n,i,o,c;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t.targetId,r=t.baseUrl,n=t.pxtBranch,i=t.targetBranch,t.force,o=t.code,e.next=4,pxt.Util.downloadTranslationsAsync(a,r,o,n,i,pxt.Util.liveLocalizationEnabled(),ts.pxtc.Util.TranslationsKind.SkillMap);case 4:c=e.sent,pxt.Util.setUserLanguage(o),c&&pxt.Util.setLocalizedStrings(c);case 7:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var qa={dispatchAddSkillMap:function(e){return{type:h,map:e}},dispatchClearSkillMaps:function(){return{type:v}},dispatchClearMetadata:function(){return{type:m}},dispatchSetPageTitle:function(e){return{type:E,title:e}},dispatchSetPageDescription:function(e){return{type:j,description:e}},dispatchSetPageInfoUrl:function(e){return{type:N,infoUrl:e}},dispatchSetUser:function(e){return{type:O,user:e}},dispatchSetPageSourceUrl:function(e,t){return{type:M,url:e,status:t}},dispatchSetPageAlternateUrls:function(e){return{type:L,urls:e}},dispatchSetPageBackgroundImageUrl:function(e){return{type:A,backgroundImageUrl:e}},dispatchSetPageBannerImageUrl:function(e){return{type:U,bannerImageUrl:e}},dispatchSetPageTheme:function(e){return{type:P,theme:e}},dispatchSetUserPreferences:function(e){return{type:V,preferences:e}}},Qa=Object(l.b)((function(e,t){return e?{skillMaps:e.maps,activityOpen:!!e.editorView,backgroundImageUrl:e.backgroundImageUrl,theme:e.theme,signedIn:e.auth.signedIn}:{}}),qa)(Wa),Ya=window.pxtTargetBundle;Ya.bundledpkgs={},pxt.setAppTarget(Ya),pxt.Cloud.apiRoot="https://www.makecode.com/api/",me()||pxt.setupWebConfig(window.pxtConfig),s.a.render(o.a.createElement(l.a,{store:qe},o.a.createElement(Qa,null)),document.getElementById("root"))}},[[65,1,2]]]);