"use strict";(self.webpackChunkcommerce_extensibility=self.webpackChunkcommerce_extensibility||[]).push([[5349],{99744:function(e,t,i){i.d(t,{y:function(){return f}});var s=i(88763),a=i(16992),n=i(3823),o=i(68424);var r={name:"5e09sd",styles:"gap:20px;padding-top:0"},l={name:"1jqta1z",styles:"&>div{display:flex;justify-content:right;gap:12px;button{cursor:pointer;margin:0px!important;}}"},c={name:"ghamsc",styles:"&>div>button{width:100%;border-radius:4px;}&>div>button>svg{width:10px;height:10px;}&>div>button{path:nth-child(1){display:none;}}&>div>div{width:246px;max-height:98px;ul:nth-child(1){svg:nth-child(1){width:10px;height:10px;margin-top:7px;path:nth-child(1){display:none;}}}}&>div>div>ul{overflow-x:hidden!important;overflow-y:scroll!important;}&>div>div>ul>li{padding:0!important;}&>div>div>ul>li>div>div{height:20px!important;}&>div>div>ul>li>span>div>p{white-space:normal;overflow:visible;word-wrap:break-word;width:185px;}"},d={name:"96gqxh",styles:"padding-top:3px;color:#464646"},p={name:"gatnof",styles:"color:#464646"},u={name:"1066lcq",styles:"display:flex;justify-content:space-between;align-items:center"},m={name:"yf0cgy",styles:"width:246px"},g={name:"1cahs4g",styles:"color:#222222"},h={name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"},v={name:"6apepd",styles:"display:flex;flex-direction:column;gap:48px"},y={name:"1akciq3",styles:"background-color:white;z-index:2;position:absolute"},x={name:"8f8b7n",styles:"align-items:center;box-sizing:border-box;display:flex;height:var(--spectrum-visual-viewport-height);justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);visibility:hidden;width:100vw;z-index:2;height:100vh;--spectrum-visual-viewport-height:552px"},b={name:"cy139t",styles:"margin-left:10px;cursor:pointer;text-decoration:underline"};const f=()=>{const{allOrganizations:e,switchOrganization:t,selectedOrganization:i}=(0,s.useContext)(n.A),{0:f,1:Y}=(0,s.useState)(e.findIndex((e=>e.id===i.id))),{0:w,1:z}=(0,s.useState)(!1);(0,s.useEffect)((()=>(document.querySelector('[data-testid="underlay"]')&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""})),[w]);const B=()=>{z(!1)};return(0,o.Y)(s.default.Fragment,null,(0,o.Y)("span",{css:b,"data-cy":"change-organization-btn",onClick:()=>z(!0)},"Change organization"),w&&(0,o.Y)("div",null,(0,o.Y)("div",{"data-testid":"underlay",class:"spectrum-Underlay spectrum-overlay is-open spectrum-overlay--open","aria-hidden":"true",style:"overflow: hidden;"}),(0,o.Y)("div",{css:x},(0,o.Y)("div",{className:"spectrum-Modal is-open","data-testid":"modal",css:y},(0,o.Y)("section",{className:"spectrum-Dialog spectrum-Dialog--medium spectrum-Dialog--confirmation",role:"alertdialog",tabIndex:"-1","aria-modal":"true"},(0,o.Y)("div",{className:"spectrum-Dialog-grid"},(0,o.Y)("h1",{className:"spectrum-Dialog-heading spectrum-Dialog-heading--noHeader"},"Change organization"),(0,o.Y)("hr",{className:"spectrum-Divider spectrum-Divider--sizeM spectrum-Divider--horizontal spectrum-Dialog-divider"}),(0,o.Y)("section",{className:"spectrum-Dialog-content"},(0,o.Y)("div",{css:v},(0,o.Y)("div",{css:h},(0,o.Y)("p",{className:"spectrum-Body spectrum-Body--sizeM",css:g},"You are currently in [",(0,o.Y)("span",{className:"spectrum-Heading spectrum-Heading--sizeXS"},e[f].name),"]."),(0,o.Y)("div",{css:m},(0,o.Y)("div",{css:u},(0,o.Y)("p",{className:"spectrum-Body spectrum-Body--sizeXS",css:p},"Choose organization"),(0,o.Y)("p",{className:"spectrum-Body spectrum-Body--sizeL",css:d},"*")),(0,o.Y)("div",{css:c},(0,o.Y)(a.L,{isQuiet:!1,items:e.map(((e,t)=>({title:null==e?void 0:e.name,selected:t===f,type:"DEVELOPER"===(null==e?void 0:e.role)?"Developer":"ADMIN"===(null==e?void 0:e.role)?"System Administrator":""}))),onChange:e=>{Y(e)},"data-cy":"organization-picker"})))),(0,o.Y)("div",{css:l},(0,o.Y)("div",{className:"spectrum-ButtonGroup spectrum-Dialog-buttonGroup spectrum-Dialog-buttonGroup--noFooter",css:r},(0,o.Y)("button",{className:"spectrum-Button spectrum-Button--sizeM spectrum-Button--outline spectrum-Button--secondary spectrum-ButtonGroup-item",onClick:B},(0,o.Y)("span",{className:"spectrum-Button-label"},"Cancel")),(0,o.Y)("button",{"data-cy":"submit-change-organization",className:"spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeM",onClick:()=>{B(),t(e[f])}},(0,o.Y)("span",{className:"spectrum-Button-label"},"Change organization"))))))))))))}}}]);
//# sourceMappingURL=b5b0150a-7997540cb5f13509fc9b.js.map