!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=19)}([function(e,t){e.exports=window.React},function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wc.wcSettings},,function(e,t){function n(){return e.exports=n=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?C(I,--P):0,T--,10===N&&(T=1,M--),N}function F(){return N=P2||q(N)>3?"":" "}function Y(e,t){for(;--t&&F()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return V(e,U()+(t<6&&32==B()&&32==F()))}function K(e,t){for(;F()&&e+N!==57&&(e+N!==84||47!==B()););return"/*"+V(t,P-1)+"*"+O(47===e?e:F())}function J(e){for(;!q(B());)F();return V(e,P)}function Z(e,t,n,r,o,a,i,c,l,s,u){for(var d=o-1,p=0===o?a:[""],f=R(p),b=0,g=0,h=0;b0?p[v]+" "+y:k(y,/&\f/g,p[v])))&&(l[h++]=O);return L(e,t,n,0===o?m:c,l,s,u)}function Q(e,t,n){return L(e,t,n,h,O(N),S(e,2,-2),0)}function ee(e,t,n,r){return L(e,t,n,v,S(e,0,r),S(e,r+1,-1),r)}function te(e,t){for(var n="",r=R(e),o=0;o-1&&!e.return)switch(e.type){case v:e.return=function e(t,n){switch(function(e,t){return(((t<<2^C(e,0))<<2^C(e,1))<<2^C(e,2))<<2^C(e,3)}(t,n)){case 5103:return g+"print-"+t+t;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return g+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return g+t+b+t+f+t+t;case 6828:case 4268:return g+t+f+t+t;case 6165:return g+t+f+"flex-"+t+t;case 5187:return g+t+k(t,/(\w+).+(:[^]+)/,g+"box-$1$2"+f+"flex-$1$2")+t;case 5443:return g+t+f+"flex-item-"+k(t,/flex-|-self/,"")+t;case 4675:return g+t+f+"flex-line-pack"+k(t,/align-content|flex-|-self/,"")+t;case 5548:return g+t+f+k(t,"shrink","negative")+t;case 5292:return g+t+f+k(t,"basis","preferred-size")+t;case 6060:return g+"box-"+k(t,"-grow","")+g+t+f+k(t,"grow","positive")+t;case 4554:return g+k(t,/([^-])(transform)/g,"$1"+g+"$2")+t;case 6187:return k(k(k(t,/(zoom-|grab)/,g+"$1"),/(image-set)/,g+"$1"),t,"")+t;case 5495:case 3959:return k(t,/(image-set\([^]*)/,g+"$1$`$1");case 4968:return k(k(t,/(.+:)(flex-)?(.*)/,g+"box-pack:$3"+f+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+g+t+t;case 4095:case 3583:case 4068:case 2532:return k(t,/(.+)-inline(.+)/,g+"$1$2")+t;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(_(t)-1-n>6)switch(C(t,n+1)){case 109:if(45!==C(t,n+4))break;case 102:return k(t,/(.+:)(.+)-([^]+)/,"$1"+g+"$2-$3$1"+b+(108==C(t,n+3)?"$3":"$2-$3"))+t;case 115:return~E(t,"stretch")?e(k(t,"stretch","fill-available"),n)+t:t}break;case 4949:if(115!==C(t,n+1))break;case 6444:switch(C(t,_(t)-3-(~E(t,"!important")&&10))){case 107:return k(t,":",":"+g)+t;case 101:return k(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+g+(45===C(t,14)?"inline-":"")+"box$3$1"+g+"$2$3$1"+f+"$2box$3")+t}break;case 5936:switch(C(t,n+11)){case 114:return g+t+f+k(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return g+t+f+k(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return g+t+f+k(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return g+t+f+t+t}return t}(e.value,e.length);break;case y:return te([$(e,{value:k(e.value,"@","@"+g)})],r);case m:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return te([$(e,{props:[k(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return te([$(e,{props:[k(t,/:(plac\w+)/,":"+g+"input-$1")]}),$(e,{props:[k(t,/:(plac\w+)/,":-moz-$1")]}),$(e,{props:[k(t,/:(plac\w+)/,f+"input-$1")]})],r)}return""}))}}],se=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var r,o,a=e.stylisPlugins||le,i={},c=[];r=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n0&&_(S)-p&&D(b>32?ee(S+";",o,r,p-1):ee(k(S," ","")+";",o,r,p-2),s);break;case 59:S+=";";default:if(D(C=Z(S,n,r,u,d,a,l,w,x=[],j=[],p),i),123===y)if(0===d)e(S,n,C,C,x,i,p,l,j);else switch(f){case 100:case 109:case 115:e(t,C,C,o&&D(Z(t,C,C,0,0,a,l,w,a,x=[],p),j),a,j,p,l,o?x:j);break;default:e(S,C,C,C,[""],j,0,l,j)}}u=d=b=0,h=v=1,w=S="",p=c;break;case 58:p=1+_(S),b=g;default:if(h<1)if(123==y)--h;else if(125==y&&0==h++&&125==z())continue;switch(S+=O(y),y*h){case 38:v=d>0?1:(S+="\f",-1);break;case 44:l[u++]=(_(S)-1)*v,v=1;break;case 64:45===B()&&(S+=H(F())),f=B(),d=p=_(w=S+=J(U())),y++;break;case 45:45===g&&2==_(S)&&(h=0)}}return i}("",null,null,null,[""],e=G(e),0,[0],e))}(e?e+"{"+t.styles+"}":t.styles),d),r&&(f.inserted[t.name]=!0)};var f={key:t,sheet:new p({key:t,container:r,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:o};return f.sheet.hydrate(c),f};n(13);var ue=Object(i.createContext)("undefined"!=typeof HTMLElement?se({key:"css"}):null);ue.Provider;var de=function(e){return Object(i.forwardRef)((function(t,n){var r=Object(i.useContext)(ue);return e(t,r,n)}))},pe=Object(i.createContext)({});function fe(e,t,n){var r="";return n.split(" ").forEach((function(n){void 0!==e[n]?t.push(e[n]+";"):r+=n+" "})),r}i.useInsertionEffect&&i.useInsertionEffect;var be=function(e,t,n){var r=e.key+"-"+t.name;!1===n&&void 0===e.registered[r]&&(e.registered[r]=t.styles)},ge=function(e){for(var t,n=0,r=0,o=e.length;o>=4;++r,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(o){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)},he={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},me=/[A-Z]|^ms/g,ve=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ye=function(e){return 45===e.charCodeAt(1)},we=function(e){return null!=e&&"boolean"!=typeof e},Oe=l((function(e){return ye(e)?e:e.replace(me,"-$&").toLowerCase()})),xe=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(ve,(function(e,t,n){return ke={name:t,styles:n,next:ke},t}))}return 1===he[e]||ye(e)||"number"!=typeof t||0===t?t:t+"px"};function je(e,t,n){if(null==n)return"";if(void 0!==n.__emotion_styles)return n;switch(typeof n){case"boolean":return"";case"object":if(1===n.anim)return ke={name:n.name,styles:n.styles,next:ke},n.name;if(void 0!==n.styles){var r=n.next;if(void 0!==r)for(;void 0!==r;)ke={name:r.name,styles:r.styles,next:ke},r=r.next;return n.styles+";"}return function(e,t,n){var r="";if(Array.isArray(n))for(var o=0;o96?Re:De},Te=function(e,t,n){var r;if(t){var o=t.shouldForwardProp;r=e.__emotion_forwardProp&&o?function(t){return e.__emotion_forwardProp(t)&&o(t)}:o}return"function"!=typeof r&&n&&(r=e.__emotion_forwardProp),r},Ae=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return be(t,n,r),_e((function(){return function(e,t,n){be(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+r:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,n,r)})),null},Pe=function e(t,n){var r,o,a=t.__emotion_real===t,c=a&&t.__emotion_base||t;void 0!==n&&(r=n.label,o=n.target);var l=Te(t,n,a),s=l||Me(c),u=!s("as");return function(){var p=arguments,f=a&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==r&&f.push("label:"+r+";"),null==p[0]||void 0===p[0].raw)f.push.apply(f,p);else{f.push(p[0][0]);for(var b=p.length,g=1;g :last-child { margin-bottom: 0; } `,qe=Ie.div` flex: 1 1 auto; margin-bottom: 12px; `;var Ge=e=>{let{Description:t=(()=>null),children:n,...o}=e;return Object(r.createElement)(Ue,o,Object(r.createElement)(Ve,null,Object(r.createElement)(t,null)),Object(r.createElement)(qe,null,n))};const We=Ie(Be.Card)` border-radius: 3px; `,He=Ie(Be.CardBody)` padding: 24px; // increasing the specificity of the styles to override the Gutenberg ones &.is-size-medium.is-size-medium { padding: 24px; } h4 { margin-top: 0; margin-bottom: 1em; } > * { margin-top: 0; margin-bottom: 1.5em; // fixing the spacing on the inputs and their help text, to ensure it is consistent &:last-child { margin-bottom: 0; > :last-child { margin-bottom: 0; } } } input, select { margin: 0; } // spacing adjustment on "Express checkouts > Show express checkouts on" list ul > li:last-child { margin-bottom: 0; .components-base-control__field { margin-bottom: 0; } } `;var Xe=e=>{let{children:t,...n}=e;return Object(r.createElement)(We,null,Object(r.createElement)(He,n,t))},Ye=n(8),Ke=n(14),Je=n.n(Ke),Ze=n(15),Qe=n(10);const et=e=>!(e=>null===e)(e)&&e instanceof Object&&e.constructor===Object,tt={enabled:!1,title:Object(Le.__)("Local Pickup","woocommerce"),tax_status:"taxable",cost:""},nt={hasLegacyPickup:!1,storeCountry:"",storeState:""},rt=()=>{const e=hydratedScreenSettings.pickupLocationSettings;return{enabled:null!=e&&e.enabled?"yes"===(null==e?void 0:e.enabled):tt.enabled,title:(null==e?void 0:e.title)||tt.title,tax_status:(null==e?void 0:e.tax_status)||tt.tax_status,cost:(null==e?void 0:e.cost)||tt.cost}},ot=()=>(hydratedScreenSettings.pickupLocations||[]).map((e,t)=>({...e,id:Object(Ye.cleanForSlug)(e.name)+"-"+t})),at=hydratedScreenSettings.readonlySettings||nt,it=Object($e.getSetting)("countries",[]),ct=Object($e.getSetting)("countryStates",[]),lt={options:Object.keys(it).map(e=>{const t=ct[e]||{};if(0===Object.keys(t).length)return{options:[{value:e,label:it[e]}]};const n=Object.keys(t).map(n=>({value:`${e}:${n}`,label:`${it[e]} — ${t[n]}`}));return{label:it[e],options:[...n]}})},st=Object(r.createContext)({settings:tt,readOnlySettings:nt,setSettingField:()=>()=>{},pickupLocations:[],setPickupLocations:()=>{},toggleLocation:()=>{},updateLocation:()=>{},isSaving:!1,save:()=>{}}),ut=()=>Object(r.useContext)(st),dt=e=>{let{children:t}=e;const[n,o]=Object(r.useState)(!1),[a,i]=Object(r.useState)(ot),[c,l]=Object(r.useState)(rt),s=Object(r.useCallback)(e=>t=>{l(n=>({...n,[e]:t}))},[]),u=Object(r.useCallback)(e=>{i(t=>{const n=t.findIndex(t=>{let{id:n}=t;return n===e}),r=[...t];return r[n].enabled=!t[n].enabled,r})},[]),d=Object(r.useCallback)(()=>{const e={pickup_location_settings:{enabled:c.enabled?"yes":"no",title:c.title,tax_status:["taxable","none"].includes(c.tax_status)?c.tax_status:"taxable",cost:c.cost},pickup_locations:a.map(e=>({name:e.name,address:e.address,details:e.details,enabled:e.enabled}))};o(!0),Je()({path:"/wp/v2/settings",method:"POST",data:e}).then(t=>{o(!1),Object(Qe.isEqual)(t.pickup_location_settings,e.pickup_location_settings)&&Object(Qe.isEqual)(t.pickup_locations,e.pickup_locations)&&Object(Ze.dispatch)("core/notices").createSuccessNotice(Object(Le.__)("Local Pickup settings have been saved.","woocommerce"))})},[c,a]),p={settings:c,setSettingField:s,readOnlySettings:at,pickupLocations:a,setPickupLocations:i,toggleLocation:u,updateLocation:(e,t)=>{i(n=>"new"===e?[...n,{...t,id:Object(Ye.cleanForSlug)(t.name)+"-"+n.length}]:n.map(n=>n.id===e?t:n).filter(Boolean))},isSaving:n,save:d};return Object(r.createElement)(st.Provider,{value:p},t)},pt=()=>Object(r.createElement)(r.Fragment,null,Object(r.createElement)("h2",null,Object(Le.__)("General","woocommerce")),Object(r.createElement)("p",null,Object(Le.__)("Enable or disable local pickup on your store, and define costs. Local pickup is only available from the block checkout.","woocommerce")),Object(r.createElement)(Be.ExternalLink,{href:`${$e.ADMIN_URL}post.php?post=${Fe}&action=edit`},Object(Le.__)("View checkout page","woocommerce"))),ft=Ie(Be.Notice)` margin-left: 0; margin-right: 0; `;var bt=()=>{const{settings:e,setSettingField:t,readOnlySettings:n}=ut(),[o,a]=Object(r.useState)(!!e.cost);return Object(r.createElement)(Ge,{Description:pt},Object(r.createElement)(Xe,null,n.hasLegacyPickup&&Object(r.createElement)(ft,{status:"warning",isDismissible:!1},Object(r.createInterpolateElement)(Object(Le.__)("Enabling this will produce duplicate options at checkout. Remove the local pickup shipping method from your shipping zones.","woocommerce"),{a:Object(r.createElement)("a",{href:$e.ADMIN_URL+"admin.php?page=wc-settings&tab=shipping",target:"_blank",rel:"noopener noreferrer"})})),Object(r.createElement)(Be.CheckboxControl,{checked:e.enabled,name:"local_pickup_enabled",onChange:t("enabled"),label:Object(Le.__)("Enable local pickup","woocommerce"),help:Object(Le.__)("When enabled, local pickup will appear as an option on the block based checkout.","woocommerce")}),Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Title","woocommerce"),name:"local_pickup_title",help:Object(Le.__)("This is the shipping method title shown to customers.","woocommerce"),placeholder:Object(Le.__)("Local Pickup","woocommerce"),value:e.title,onChange:t("title"),disabled:!1,autoComplete:"off",required:!0,onInvalid:e=>{e.target.setCustomValidity(Object(Le.__)("Local pickup title is required","woocommerce"))},onInput:e=>{e.target.setCustomValidity("")}}),Object(r.createElement)(Be.CheckboxControl,{checked:o,onChange:()=>{a(!o),t("cost")("")},label:Object(Le.__)("Add a price for customers who choose local pickup","woocommerce"),help:Object(Le.__)("By default, the local pickup shipping method is free.","woocommerce")}),o?Object(r.createElement)(r.Fragment,null,Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Cost","woocommerce"),name:"local_pickup_cost",help:Object(Le.__)("Optional cost to charge for local pickup.","woocommerce"),placeholder:Object(Le.__)("Free","woocommerce"),type:"number",pattern:"[0-9]+\\.?[0-9]*",min:0,value:e.cost,onChange:t("cost"),disabled:!1,autoComplete:"off"}),Object(r.createElement)(Be.SelectControl,{label:Object(Le.__)("Taxes","woocommerce"),name:"local_pickup_tax_status",help:Object(Le.__)("If a cost is defined, this controls if taxes are applied to that cost.","woocommerce"),options:[{label:Object(Le.__)("Taxable","woocommerce"),value:"taxable"},{label:Object(Le.__)("Not taxable","woocommerce"),value:"none"}],value:e.tax_status,onChange:t("tax_status"),disabled:!1})):null))},gt=function(e){let{icon:t,size:n=24,...o}=e;return Object(r.cloneElement)(t,{width:n,height:n,...o})},ht=n(11),mt=Object(r.createElement)(ht.SVG,{width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},Object(r.createElement)(ht.Path,{d:"M5 4h2V2H5v2zm6-2v2h2V2h-2zm-6 8h2V8H5v2zm6 0h2V8h-2v2zm-6 6h2v-2H5v2zm6 0h2v-2h-2v2z"})),vt=n(7);const yt="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function wt(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function Ot(e){return"nodeType"in e}function xt(e){var t,n;return e?wt(e)?e:Ot(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function jt(e){const{Document:t}=xt(e);return e instanceof t}function kt(e){return!wt(e)&&e instanceof xt(e).HTMLElement}function Et(e){return e?wt(e)?e.document:Ot(e)?jt(e)?e:kt(e)?e.ownerDocument:document:document:document}const Ct=yt?i.useLayoutEffect:i.useEffect;function St(e){const t=Object(i.useRef)(e);return Ct(()=>{t.current=e}),Object(i.useCallback)((function(...e){return null==t.current?void 0:t.current(...e)}),[])}function _t(e,t=[e]){const n=Object(i.useRef)(e);return Ct(()=>{n.current!==e&&(n.current=e)},t),n}function Rt(e,t){const n=Object(i.useRef)();return Object(i.useMemo)(()=>{const t=e(n.current);return n.current=t,t},[...t])}function Dt(e){const t=St(e),n=Object(i.useRef)(null),r=Object(i.useCallback)(e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e},[]);return[n,r]}function Mt(e){const t=Object(i.useRef)();return Object(i.useEffect)(()=>{t.current=e},[e]),t.current}let Tt={};function At(e,t){return Object(i.useMemo)(()=>{if(t)return t;const n=null==Tt[e]?0:Tt[e]+1;return Tt[e]=n,`${e}-${n}`},[e,t])}function Pt(e){return(t,...n)=>n.reduce((t,n)=>{const r=Object.entries(n);for(const[n,o]of r){const r=t[n];null!=r&&(t[n]=r+e*o)}return t},{...t})}const Nt=Pt(1),It=Pt(-1);function Lt(e){if(!e)return!1;const{KeyboardEvent:t}=xt(e.target);return t&&e instanceof t}function $t(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=xt(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const zt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return`translate3d(${t?Math.round(t):0}px, ${n?Math.round(n):0}px, 0)`}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return`scaleX(${t}) scaleY(${n})`}},Transform:{toString(e){if(e)return[zt.Translate.toString(e),zt.Scale.toString(e)].join(" ")}},Transition:{toString:({property:e,duration:t,easing:n})=>`${e} ${t}ms ${n}`}}),Ft="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function Bt(e){return e.matches(Ft)?e:e.querySelector(Ft)}const Ut={display:"none"};function Vt(e){let{id:t,value:n}=e;return c.a.createElement("div",{id:t,style:Ut},n)}const qt={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};function Gt(e){let{id:t,announcement:n}=e;return c.a.createElement("div",{id:t,style:qt,role:"status","aria-live":"assertive","aria-atomic":!0},n)}const Wt=Object(i.createContext)(null),Ht={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},Xt={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Yt(e){let{announcements:t=Xt,container:n,hiddenTextDescribedById:r,screenReaderInstructions:o=Ht}=e;const{announce:a,announcement:l}=function(){const[e,t]=Object(i.useState)("");return{announce:Object(i.useCallback)(e=>{null!=e&&t(e)},[]),announcement:e}}(),s=At("DndLiveRegion"),[u,d]=Object(i.useState)(!1);if(Object(i.useEffect)(()=>{d(!0)},[]),function(e){const t=Object(i.useContext)(Wt);Object(i.useEffect)(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of ");return t(e)},[e,t])}(Object(i.useMemo)(()=>({onDragStart(e){let{active:n}=e;a(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&a(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;a(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;a(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;a(t.onDragCancel({active:n,over:r}))}}),[a,t])),!u)return null;const p=c.a.createElement(c.a.Fragment,null,c.a.createElement(Vt,{id:r,value:o.draggable}),c.a.createElement(Gt,{id:s,announcement:l}));return n?Object(vt.createPortal)(p,n):p}var Kt;function Jt(){}function Zt(e,t){return Object(i.useMemo)(()=>({sensor:e,options:null!=t?t:{}}),[e,t])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(Kt||(Kt={}));const Qt=Object.freeze({x:0,y:0});function en(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function tn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function nn(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const rn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=nn(t,t.left,t.top),a=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=(i=nn(r),c=o,Math.sqrt(Math.pow(i.x-c.x,2)+Math.pow(i.y-c.y,2)));a.push({id:t,data:{droppableContainer:e,value:n}})}}var i,c;return a.sort(en)};function on(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),a=Math.min(t.top+t.height,e.top+e.height),i=o-r,c=a-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,a=n.get(r);if(a){const n=on(a,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(tn)};function cn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Qt}function ln(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}const sn=ln(1);const un={ignoreTransform:!1};function dn(e,t){void 0===t&&(t=un);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{getComputedStyle:t}=xt(e),{transform:r,transformOrigin:o}=t(e);r&&(n=function(e,t,n){const r=function(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;const{scaleX:o,scaleY:a,x:i,y:c}=r,l=e.left-i-(1-o)*parseFloat(n),s=e.top-c-(1-a)*parseFloat(n.slice(n.indexOf(" ")+1)),u=o?e.width/o:e.width,d=a?e.height/a:e.height;return{width:u,height:d,top:s,right:l+u,bottom:s+d,left:l}}(n,r,o))}const{top:r,left:o,width:a,height:i,bottom:c,right:l}=n;return{top:r,left:o,width:a,height:i,bottom:c,right:l}}function pn(e){return dn(e,{ignoreTransform:!0})}function fn(e,t){const n=[];return e?function r(o){if(null!=t&&n.length>=t)return n;if(!o)return n;if(jt(o)&&null!=o.scrollingElement&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!kt(o)||function(e){return e instanceof xt(e).SVGElement}(o))return n;if(n.includes(o))return n;const{getComputedStyle:a}=xt(o),i=a(o);return o!==e&&function(e,t){void 0===t&&(t=xt(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const r=t[e];return"string"==typeof r&&n.test(r)})}(o,i)&&n.push(o),function(e,t){return void 0===t&&(t=xt(e).getComputedStyle(e)),"fixed"===t.position}(o,i)?n:r(o.parentNode)}(e):n}function bn(e){const[t]=fn(e,1);return null!=t?t:null}function gn(e){return yt&&e?wt(e)?e:Ot(e)?jt(e)||e===Et(e).scrollingElement?window:kt(e)?e:null:null:null}function hn(e){return wt(e)?e.scrollX:e.scrollLeft}function mn(e){return wt(e)?e.scrollY:e.scrollTop}function vn(e){return{x:hn(e),y:mn(e)}}var yn;function wn(e){return!(!yt||!e)&&e===document.scrollingElement}function On(e){const t={x:0,y:0},n=wn(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(yn||(yn={}));const xn={x:.2,y:.2};function jn(e,t,n,r,o){let{top:a,left:i,right:c,bottom:l}=n;void 0===r&&(r=10),void 0===o&&(o=xn);const{isTop:s,isBottom:u,isLeft:d,isRight:p}=On(e),f={x:0,y:0},b={x:0,y:0},g=t.height*o.y,h=t.width*o.x;return!s&&a<=t.top+g?(f.y=yn.Backward,b.y=r*Math.abs((t.top+g-a)/g)):!u&&l>=t.bottom-g&&(f.y=yn.Forward,b.y=r*Math.abs((t.bottom-g-l)/g)),!p&&c>=t.right-h?(f.x=yn.Forward,b.x=r*Math.abs((t.right-h-c)/h)):!d&&i<=t.left+h&&(f.x=yn.Backward,b.x=r*Math.abs((t.left+h-i)/h)),{direction:f,speed:b}}function kn(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function En(e){return e.reduce((e,t)=>Nt(e,vn(t)),Qt)}const Cn=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+hn(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+mn(t),0)}]];class Sn{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=fn(t),r=En(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of Cn)for(const a of t)Object.defineProperty(this,a,{get:()=>{const t=o(n),i=r[e]-t;return this.rect[a]+i},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Rn{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function Dn(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var Mn,Tn;function An(e){e.preventDefault()}function Pn(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(Mn||(Mn={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"}(Tn||(Tn={}));const Nn={start:[Tn.Space,Tn.Enter],cancel:[Tn.Esc],end:[Tn.Space,Tn.Enter]},In=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case Tn.Right:return{...n,x:n.x+25};case Tn.Left:return{...n,x:n.x-25};case Tn.Down:return{...n,y:n.y+25};case Tn.Up:return{...n,y:n.y-25}}};class Ln{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new Rn(Et(t)),this.windowListeners=new Rn(xt(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Mn.Resize,this.handleCancel),this.windowListeners.add(Mn.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Mn.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=dn),!e)return;const{top:n,left:r,bottom:o,right:a}=t(e);bn(e)&&(o<=0||a<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(Qt)}handleKeyDown(e){if(Lt(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:o=Nn,coordinateGetter:a=In,scrollBehavior:i="smooth"}=r,{code:c}=e;if(o.end.includes(c))return void this.handleEnd(e);if(o.cancel.includes(c))return void this.handleCancel(e);const{collisionRect:l}=n.current,s=l?{x:l.left,y:l.top}:Qt;this.referenceCoordinates||(this.referenceCoordinates=s);const u=a(e,{active:t,context:n.current,currentCoordinates:s});if(u){const t=It(u,s),r={x:0,y:0},{scrollableAncestors:o}=n.current;for(const n of o){const o=e.code,{isTop:a,isRight:c,isLeft:l,isBottom:s,maxScroll:d,minScroll:p}=On(n),f=kn(n),b={x:Math.min(o===Tn.Right?f.right-f.width/2:f.right,Math.max(o===Tn.Right?f.left:f.left+f.width/2,u.x)),y:Math.min(o===Tn.Down?f.bottom-f.height/2:f.bottom,Math.max(o===Tn.Down?f.top:f.top+f.height/2,u.y))},g=o===Tn.Right&&!c||o===Tn.Left&&!l,h=o===Tn.Down&&!s||o===Tn.Up&&!a;if(g&&b.x!==u.x){const e=n.scrollLeft+t.x,a=o===Tn.Right&&e<=d.x||o===Tn.Left&&e>=p.x;if(a&&!t.y)return void n.scrollTo({left:e,behavior:i});r.x=a?n.scrollLeft-e:o===Tn.Right?n.scrollLeft-d.x:n.scrollLeft-p.x,r.x&&n.scrollBy({left:-r.x,behavior:i});break}if(h&&b.y!==u.y){const e=n.scrollTop+t.y,a=o===Tn.Down&&e<=d.y||o===Tn.Up&&e>=p.y;if(a&&!t.x)return void n.scrollTo({top:e,behavior:i});r.y=a?n.scrollTop-e:o===Tn.Down?n.scrollTop-d.y:n.scrollTop-p.y,r.y&&n.scrollBy({top:-r.y,behavior:i});break}}this.handleMove(e,Nt(It(u,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function $n(e){return Boolean(e&&"distance"in e)}function zn(e){return Boolean(e&&"delay"in e)}Ln.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Nn,onActivation:o}=t,{active:a}=n;const{code:i}=e.nativeEvent;if(r.start.includes(i)){const t=a.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class Fn{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=xt(e);return e instanceof t?e:Et(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:o}=e,{target:a}=o;this.props=e,this.events=t,this.document=Et(a),this.documentListeners=new Rn(this.document),this.listeners=new Rn(n),this.windowListeners=new Rn(xt(a)),this.initialCoordinates=null!=(r=$t(o))?r:Qt,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(Mn.Resize,this.handleCancel),this.windowListeners.add(Mn.DragStart,An),this.windowListeners.add(Mn.VisibilityChange,this.handleCancel),this.windowListeners.add(Mn.ContextMenu,An),this.documentListeners.add(Mn.Keydown,this.handleKeydown),t){if($n(t))return;if(zn(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay))}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Mn.Click,Pn,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Mn.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:o}=this,{onMove:a,options:{activationConstraint:i}}=o;if(!r)return;const c=null!=(t=$t(e))?t:Qt,l=It(r,c);if(!n&&i){if(zn(i))return Dn(l,i.tolerance)?this.handleCancel():void 0;if($n(i))return null!=i.tolerance&&Dn(l,i.tolerance)?this.handleCancel():Dn(l,i.distance)?this.handleStart():void 0}e.cancelable&&e.preventDefault(),a(c)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===Tn.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const Bn={move:{name:"pointermove"},end:{name:"pointerup"}};class Un extends Fn{constructor(e){const{event:t}=e,n=Et(t.target);super(e,Bn,n)}}Un.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const Vn={move:{name:"mousemove"},end:{name:"mouseup"}};var qn;!function(e){e[e.RightClick=2]="RightClick"}(qn||(qn={}));class Gn extends Fn{constructor(e){super(e,Vn,Et(e.event.target))}}Gn.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==qn.RightClick&&(null==r||r({event:n}),!0)}}];const Wn={move:{name:"touchmove"},end:{name:"touchend"}};class Hn extends Fn{constructor(e){super(e,Wn)}static setup(){return window.addEventListener(Wn.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Wn.move.name,e)};function e(){}}}var Xn,Yn;Hn.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return!(o.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(Xn||(Xn={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(Yn||(Yn={}));const Kn={x:{[yn.Backward]:!1,[yn.Forward]:!1},y:{[yn.Backward]:!1,[yn.Forward]:!1}};var Jn,Zn;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Jn||(Jn={})),function(e){e.Optimized="optimized"}(Zn||(Zn={}));const Qn=new Map;function er(e,t){return Rt(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function tr(e){let{callback:t,disabled:n}=e;const r=St(t),o=Object(i.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(r)},[n]);return Object(i.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}function nr(e){return new Sn(dn(e),e)}function rr(e,t,n){void 0===t&&(t=nr);const[r,o]=Object(i.useReducer)((function(r){if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=r?r:n)?o:null;const a=t(e);return JSON.stringify(r)===JSON.stringify(a)?r:a}),null),a=function(e){let{callback:t,disabled:n}=e;const r=St(t),o=Object(i.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(r)},[r,n]);return Object(i.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){o();break}}}}),c=tr({callback:o});return Ct(()=>{o(),e?(null==c||c.observe(e),null==a||a.observe(document.body,{childList:!0,subtree:!0})):(null==c||c.disconnect(),null==a||a.disconnect())},[e]),r}const or=[];function ar(e,t){void 0===t&&(t=[]);const n=Object(i.useRef)(null);return Object(i.useEffect)(()=>{n.current=null},t),Object(i.useEffect)(()=>{const t=e!==Qt;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?It(e,n.current):Qt}function ir(e){return Object(i.useMemo)(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const cr=[];const lr=[{sensor:Un,options:{}},{sensor:Ln,options:{}}],sr={current:{}},ur={draggable:{measure:pn},droppable:{measure:pn,strategy:Jn.WhileDragging,frequency:Zn.Optimized},dragOverlay:{measure:dn}};class dr extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const pr={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new dr,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Jt},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:ur,measureDroppableContainers:Jt,windowRect:null,measuringScheduled:!1},fr={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Jt,draggableNodes:new Map,over:null,measureDroppableContainers:Jt},br=Object(i.createContext)(fr),gr=Object(i.createContext)(pr);function hr(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new dr}}}function mr(e,t){switch(t.type){case Kt.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Kt.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case Kt.DragEnd:case Kt.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Kt.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new dr(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case Kt.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;const i=new dr(e.droppable.containers);return i.set(n,{...a,disabled:o}),{...e,droppable:{...e.droppable,containers:i}}}case Kt.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const a=new dr(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}function vr(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:o}=Object(i.useContext)(br),a=Mt(r),c=Mt(null==n?void 0:n.id);return Object(i.useEffect)(()=>{if(!t&&!r&&a&&null!=c){if(!Lt(a))return;if(document.activeElement===a.target)return;const e=o.get(c);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=Bt(e);if(t){t.focus();break}}})}},[r,t,o,c,a]),null}const yr=Object(i.createContext)({...Qt,scaleX:1,scaleY:1});var wr;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(wr||(wr={}));const Or=Object(i.memo)((function(e){var t,n,r,o;let{id:a,accessibility:l,autoScroll:s=!0,children:u,sensors:d=lr,collisionDetection:p=an,measuring:f,modifiers:b,...g}=e;const h=Object(i.useReducer)(mr,void 0,hr),[m,v]=h,[y,w]=function(){const[e]=Object(i.useState)(()=>new Set),t=Object(i.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[Object(i.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]),t]}(),[O,x]=Object(i.useState)(wr.Uninitialized),j=O===wr.Initialized,{draggable:{active:k,nodes:E,translate:C},droppable:{containers:S}}=m,_=k?E.get(k):null,R=Object(i.useRef)({initial:null,translated:null}),D=Object(i.useMemo)(()=>{var e;return null!=k?{id:k,data:null!=(e=null==_?void 0:_.data)?e:sr,rect:R}:null},[k,_]),M=Object(i.useRef)(null),[T,A]=Object(i.useState)(null),[P,N]=Object(i.useState)(null),I=_t(g,Object.values(g)),L=At("DndDescribedBy",a),$=Object(i.useMemo)(()=>S.getEnabled(),[S]),z=(F=f,Object(i.useMemo)(()=>({draggable:{...ur.draggable,...null==F?void 0:F.draggable},droppable:{...ur.droppable,...null==F?void 0:F.droppable},dragOverlay:{...ur.dragOverlay,...null==F?void 0:F.dragOverlay}}),[null==F?void 0:F.draggable,null==F?void 0:F.droppable,null==F?void 0:F.dragOverlay]));var F;const{droppableRects:B,measureDroppableContainers:U,measuringScheduled:V}=function(e,t){let{dragging:n,dependencies:r,config:o}=t;const[a,c]=Object(i.useState)(null),l=null!=a,{frequency:s,measure:u,strategy:d}=o,p=Object(i.useRef)(e),f=function(){switch(d){case Jn.Always:return!1;case Jn.BeforeDragging:return n;default:return!n}}(),b=_t(f),g=Object(i.useCallback)((function(e){void 0===e&&(e=[]),b.current||c(t=>t?t.concat(e):e)}),[b]),h=Object(i.useRef)(null),m=Rt(t=>{if(f&&!n)return Qn;const r=a;if(!t||t===Qn||p.current!==e||null!=r){const t=new Map;for(let n of e){if(!n)continue;if(r&&r.length>0&&!r.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}const e=n.node.current,o=e?new Sn(u(e),e):null;n.rect.current=o,o&&t.set(n.id,o)}return t}return t},[e,a,n,f,u]);return Object(i.useEffect)(()=>{p.current=e},[e]),Object(i.useEffect)(()=>{f||requestAnimationFrame(()=>g())},[n,f]),Object(i.useEffect)(()=>{l&&c(null)},[l]),Object(i.useEffect)(()=>{f||"number"!=typeof s||null!==h.current||(h.current=setTimeout(()=>{g(),h.current=null},s))},[s,f,g,...r]),{droppableRects:m,measureDroppableContainers:g,measuringScheduled:l}}($,{dragging:j,dependencies:[C.x,C.y],config:z.droppable}),q=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return Rt(e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null},[r,t])}(E,k),G=Object(i.useMemo)(()=>P?$t(P):null,[P]),W=function(){const e=!1===(null==T?void 0:T.autoScrollEnabled),t="object"==typeof s?!1===s.enabled:!1===s,n=j&&!e&&!t;return"object"==typeof s?{...s,enabled:n}:{enabled:n}}(),H=function(e,t){return er(e,t)}(q,z.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:r,config:o=!0}=e;const a=Object(i.useRef)(!1),{x:c,y:l}="boolean"==typeof o?{x:o,y:o}:o;Ct(()=>{if(!c&&!l||!t)return void(a.current=!1);if(a.current||!r)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const o=cn(n(e),r);if(c||(o.x=0),l||(o.y=0),a.current=!0,Math.abs(o.x)>0||Math.abs(o.y)>0){const t=bn(e);t&&t.scrollBy({top:o.y,left:o.x})}},[t,c,l,r,n])}({activeNode:k?E.get(k):null,config:W.layoutShiftCompensation,initialRect:H,measure:z.draggable.measure});const X=rr(q,z.draggable.measure,H),Y=rr(q?q.parentElement:null),K=Object(i.useRef)({activatorEvent:null,active:null,activeNode:q,collisionRect:null,collisions:null,droppableRects:B,draggableNodes:E,draggingNode:null,draggingNodeRect:null,droppableContainers:S,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),J=S.getNodeFor(null==(t=K.current.over)?void 0:t.id),Z=function(e){let{measure:t}=e;const[n,r]=Object(i.useState)(null),o=tr({callback:Object(i.useCallback)(e=>{for(const{target:n}of e)if(kt(n)){r(e=>{const r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),a=Object(i.useCallback)(e=>{const n=function(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return kt(t)?t:e}(e);null==o||o.disconnect(),n&&(null==o||o.observe(n)),r(n?t(n):null)},[t,o]),[c,l]=Dt(a);return Object(i.useMemo)(()=>({nodeRef:c,rect:n,setRef:l}),[n,c,l])}({measure:z.dragOverlay.measure}),Q=null!=(n=Z.nodeRef.current)?n:q,ee=j?null!=(r=Z.rect)?r:X:null,te=Boolean(Z.nodeRef.current&&Z.rect),ne=cn(re=te?null:X,er(re));var re;const oe=ir(Q?xt(Q):null),ae=function(e){const t=Object(i.useRef)(e),n=Rt(n=>e?n&&n!==or&&e&&t.current&&e.parentNode===t.current.parentNode?n:fn(e):or,[e]);return Object(i.useEffect)(()=>{t.current=e},[e]),n}(j?null!=J?J:q:null),ie=function(e,t){void 0===t&&(t=dn);const[n]=e,r=ir(n?xt(n):null),[o,a]=Object(i.useReducer)((function(){return e.length?e.map(e=>wn(e)?r:new Sn(t(e),e)):cr}),cr),c=tr({callback:a});return e.length>0&&o===cr&&a(),Ct(()=>{e.length?e.forEach(e=>null==c?void 0:c.observe(e)):(null==c||c.disconnect(),a())},[e]),o}(ae),ce=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}(b,{transform:{x:C.x-ne.x,y:C.y-ne.y,scaleX:1,scaleY:1},activatorEvent:P,active:D,activeNodeRect:X,containerNodeRect:Y,draggingNodeRect:ee,over:K.current.over,overlayNodeRect:Z.rect,scrollableAncestors:ae,scrollableAncestorRects:ie,windowRect:oe}),le=G?Nt(G,C):null,se=function(e){const[t,n]=Object(i.useState)(null),r=Object(i.useRef)(e),o=Object(i.useCallback)(e=>{const t=gn(e.target);t&&n(e=>e?(e.set(t,vn(t)),new Map(e)):null)},[]);return Object(i.useEffect)(()=>{const t=r.current;if(e!==t){a(t);const i=e.map(e=>{const t=gn(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,vn(t)]):null}).filter(e=>null!=e);n(i.length?new Map(i):null),r.current=e}return()=>{a(e),a(t)};function a(e){e.forEach(e=>{const t=gn(e);null==t||t.removeEventListener("scroll",o)})}},[o,e]),Object(i.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>Nt(e,t),Qt):En(e):Qt,[e,t])}(ae),ue=ar(se),de=ar(se,[X]),pe=Nt(ce,ue),fe=ee?sn(ee,ce):null,be=D&&fe?p({active:D,collisionRect:fe,droppableRects:B,droppableContainers:$,pointerCoordinates:le}):null,ge=function(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}(be,"id"),[he,me]=Object(i.useState)(null),ve=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(te?ce:Nt(ce,de),null!=(o=null==he?void 0:he.rect)?o:null,X),ye=Object(i.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(null==M.current)return;const o=E.get(M.current);if(!o)return;const a=e.nativeEvent,i=new n({active:M.current,activeNode:o,event:a,options:r,context:K,onStart(e){const t=M.current;if(null==t)return;const n=E.get(t);if(!n)return;const{onDragStart:r}=I.current,o={active:{id:t,data:n.data,rect:R}};Object(vt.unstable_batchedUpdates)(()=>{null==r||r(o),x(wr.Initializing),v({type:Kt.DragStart,initialCoordinates:e,active:t}),y({type:"onDragStart",event:o})})},onMove(e){v({type:Kt.DragMove,coordinates:e})},onEnd:c(Kt.DragEnd),onCancel:c(Kt.DragCancel)});function c(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:o}=K.current;let i=null;if(t&&o){const{cancelDrop:c}=I.current;i={activatorEvent:a,active:t,collisions:n,delta:o,over:r},e===Kt.DragEnd&&"function"==typeof c&&await Promise.resolve(c(i))&&(e=Kt.DragCancel)}M.current=null,Object(vt.unstable_batchedUpdates)(()=>{v({type:e}),x(wr.Uninitialized),me(null),A(null),N(null);const t=e===Kt.DragEnd?"onDragEnd":"onDragCancel";if(i){const e=I.current[t];null==e||e(i),y({type:t,event:i})}})}}Object(vt.unstable_batchedUpdates)(()=>{A(i),N(e.nativeEvent)})},[E]),we=function(e,t){return Object(i.useMemo)(()=>e.reduce((e,n)=>{const{sensor:r}=n;return[...e,...r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}))]},[]),[e,t])}(d,Object(i.useCallback)((e,t)=>(n,r)=>{const o=n.nativeEvent,a=E.get(r);if(null!==M.current||!a||o.dndKit||o.defaultPrevented)return;const i={active:a};!0===e(n,t.options,i)&&(o.dndKit={capturedBy:t.sensor},M.current=r,ye(n,t))},[E,ye]));!function(e){Object(i.useEffect)(()=>{if(!yt)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(d),Ct(()=>{X&&O===wr.Initializing&&x(wr.Initialized)},[X,O]),Object(i.useEffect)(()=>{const{onDragMove:e}=I.current,{active:t,activatorEvent:n,collisions:r,over:o}=K.current;if(!t||!n)return;const a={active:t,activatorEvent:n,collisions:r,delta:{x:pe.x,y:pe.y},over:o};Object(vt.unstable_batchedUpdates)(()=>{null==e||e(a),y({type:"onDragMove",event:a})})},[pe.x,pe.y]),Object(i.useEffect)(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:o}=K.current;if(!e||null==M.current||!t||!o)return;const{onDragOver:a}=I.current,i=r.get(ge),c=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:o.x,y:o.y},over:c};Object(vt.unstable_batchedUpdates)(()=>{me(c),null==a||a(l),y({type:"onDragOver",event:l})})},[ge]),Ct(()=>{K.current={activatorEvent:P,active:D,activeNode:q,collisionRect:fe,collisions:be,droppableRects:B,draggableNodes:E,draggingNode:Q,draggingNodeRect:ee,droppableContainers:S,over:he,scrollableAncestors:ae,scrollAdjustedTranslate:pe},R.current={initial:ee,translated:fe}},[D,q,be,fe,E,Q,ee,B,S,he,ae,pe]),function(e){let{acceleration:t,activator:n=Xn.Pointer,canScroll:r,draggingRect:o,enabled:a,interval:c=5,order:l=Yn.TreeOrder,pointerCoordinates:s,scrollableAncestors:u,scrollableAncestorRects:d,delta:p,threshold:f}=e;const b=function(e){let{delta:t,disabled:n}=e;const r=Mt(t);return Rt(e=>{if(n||!r||!e)return Kn;const o=Math.sign(t.x-r.x),a=Math.sign(t.y-r.y);return{x:{[yn.Backward]:e.x[yn.Backward]||-1===o,[yn.Forward]:e.x[yn.Forward]||1===o},y:{[yn.Backward]:e.y[yn.Backward]||-1===a,[yn.Forward]:e.y[yn.Forward]||1===a}}},[n,t,r])}({delta:p,disabled:!a}),[g,h]=function(){const e=Object(i.useRef)(null);return[Object(i.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),Object(i.useCallback)(()=>{null!==e.current&&(clearInterval(e.current),e.current=null)},[])]}(),m=Object(i.useRef)({x:0,y:0}),v=Object(i.useRef)({x:0,y:0}),y=Object(i.useMemo)(()=>{switch(n){case Xn.Pointer:return s?{top:s.y,bottom:s.y,left:s.x,right:s.x}:null;case Xn.DraggableRect:return o}},[n,o,s]),w=Object(i.useRef)(null),O=Object(i.useCallback)(()=>{const e=w.current;if(!e)return;const t=m.current.x*v.current.x,n=m.current.y*v.current.y;e.scrollBy(t,n)},[]),x=Object(i.useMemo)(()=>l===Yn.TreeOrder?[...u].reverse():u,[l,u]);Object(i.useEffect)(()=>{if(a&&u.length&&y){for(const e of x){if(!1===(null==r?void 0:r(e)))continue;const n=u.indexOf(e),o=d[n];if(!o)continue;const{direction:a,speed:i}=jn(e,o,y,t,f);for(const e of["x","y"])b[e][a[e]]||(i[e]=0,a[e]=0);if(i.x>0||i.y>0)return h(),w.current=e,g(O,c),m.current=i,void(v.current=a)}m.current={x:0,y:0},v.current={x:0,y:0},h()}else h()},[t,O,r,h,a,c,JSON.stringify(y),JSON.stringify(b),g,u,x,d,JSON.stringify(f)])}({...W,delta:C,draggingRect:fe,pointerCoordinates:le,scrollableAncestors:ae,scrollableAncestorRects:ie});const Oe=Object(i.useMemo)(()=>({active:D,activeNode:q,activeNodeRect:X,activatorEvent:P,collisions:be,containerNodeRect:Y,dragOverlay:Z,draggableNodes:E,droppableContainers:S,droppableRects:B,over:he,measureDroppableContainers:U,scrollableAncestors:ae,scrollableAncestorRects:ie,measuringConfiguration:z,measuringScheduled:V,windowRect:oe}),[D,q,X,P,be,Y,Z,E,S,B,he,U,ae,ie,z,V,oe]),xe=Object(i.useMemo)(()=>({activatorEvent:P,activators:we,active:D,activeNodeRect:X,ariaDescribedById:{draggable:L},dispatch:v,draggableNodes:E,over:he,measureDroppableContainers:U}),[P,we,D,X,v,L,E,he,U]);return c.a.createElement(Wt.Provider,{value:w},c.a.createElement(br.Provider,{value:xe},c.a.createElement(gr.Provider,{value:Oe},c.a.createElement(yr.Provider,{value:ve},u)),c.a.createElement(vr,{disabled:!1===(null==l?void 0:l.restoreFocus)})),c.a.createElement(Yt,{...l,hiddenTextDescribedById:L}))})),xr=Object(i.createContext)(null),jr="button";const kr={timeout:25},Er=({transform:e})=>({...e,x:0});function Cr(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Sr(e,t){return e.reduce((e,n,r)=>{const o=t.get(n);return o&&(e[r]=o),e},Array(e.length))}function _r(e){return null!==e&&e>=0}const Rr=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const a=Cr(t,r,n),i=t[o],c=a[o];return c&&i?{x:c.left-i.left,y:c.top-i.top,scaleX:c.width/i.width,scaleY:c.height/i.height}:null},Dr={scaleX:1,scaleY:1},Mr=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:o,rects:a,overIndex:i}=e;const c=null!=(t=a[n])?t:r;if(!c)return null;if(o===n){const e=a[i];return e?{x:0,y:nn&&o<=i?{x:0,y:-c.height-l,...Dr}:o=i?{x:0,y:c.height+l,...Dr}:{x:0,y:0,...Dr}},Tr=c.a.createContext({activeIndex:-1,containerId:"Sortable",disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Rr,disabled:{draggable:!1,droppable:!1}});function Ar(e){let{children:t,id:n,items:r,strategy:o=Rr,disabled:a=!1}=e;const{active:l,dragOverlay:s,droppableRects:u,over:d,measureDroppableContainers:p,measuringScheduled:f}=Object(i.useContext)(gr),b=At("Sortable",n),g=Boolean(null!==s.rect),h=Object(i.useMemo)(()=>r.map(e=>"object"==typeof e&&"id"in e?e.id:e),[r]),m=null!=l,v=l?h.indexOf(l.id):-1,y=d?h.indexOf(d.id):-1,w=Object(i.useRef)(h),O=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{O&&m&&!f&&p(h)},[O,h,m,p,f]),Object(i.useEffect)(()=>{w.current=h},[h]);const k=Object(i.useMemo)(()=>({activeIndex:v,containerId:b,disabled:j,disableTransforms:x,items:h,overIndex:y,useDragOverlay:g,sortedRects:Sr(h,u),strategy:o}),[v,b,j.draggable,j.droppable,x,h,y,u,g,o]);return c.a.createElement(Tr.Provider,{value:k},t)}const Pr=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return Cr(n,r,o).indexOf(t)},Nr=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:a,newIndex:i,previousItems:c,previousContainerId:l,transition:s}=e;return!(!s||!r||c!==a&&o===i||!n&&(i===o||t!==l))},Ir={duration:200,easing:"ease"},Lr=zt.Transition.toString({property:"transform",duration:0,easing:"linear"}),$r={roleDescription:"sortable"};function zr(e){let{animateLayoutChanges:t=Nr,attributes:n,disabled:r,data:o,getNewIndex:a=Pr,id:c,strategy:l,resizeObserverConfig:s,transition:u=Ir}=e;const{items:d,containerId:p,activeIndex:f,disabled:b,disableTransforms:g,sortedRects:h,overIndex:m,useDragOverlay:v,strategy:y}=Object(i.useContext)(Tr),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(r,b),O=d.indexOf(c),x=Object(i.useMemo)(()=>({sortable:{containerId:p,index:O,items:d},...o}),[p,o,O,d]),j=Object(i.useMemo)(()=>d.slice(d.indexOf(c)),[d,c]),{rect:k,node:E,isOver:C,setNodeRef:S}=function(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:o}=e;const a=At("Droppable"),{active:c,dispatch:l,over:s,measureDroppableContainers:u}=Object(i.useContext)(br),d=Object(i.useRef)({disabled:n}),p=Object(i.useRef)(!1),f=Object(i.useRef)(null),b=Object(i.useRef)(null),{disabled:g,updateMeasurementsFor:h,timeout:m}={...kr,...o},v=_t(null!=h?h:r),y=tr({callback:Object(i.useCallback)(()=>{p.current?(null!=b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{u(Array.isArray(v.current)?v.current:[v.current]),b.current=null},m)):p.current=!0},[m]),disabled:g||!c}),w=Object(i.useCallback)((e,t)=>{y&&(t&&(y.unobserve(t),p.current=!1),e&&y.observe(e))},[y]),[O,x]=Dt(w),j=_t(t);return Object(i.useEffect)(()=>{y&&O.current&&(y.disconnect(),p.current=!1,y.observe(O.current))},[O,y]),Ct(()=>(l({type:Kt.RegisterDroppable,element:{id:r,key:a,disabled:n,node:O,rect:f,data:j}}),()=>l({type:Kt.UnregisterDroppable,key:a,id:r})),[r]),Object(i.useEffect)(()=>{n!==d.current.disabled&&(l({type:Kt.SetDroppableDisabled,id:r,key:a,disabled:n}),d.current.disabled=n)},[r,a,n,l]),{active:c,rect:f,isOver:(null==s?void 0:s.id)===r,node:O,over:s,setNodeRef:x}}({id:c,data:x,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:j,...s}}),{active:_,activatorEvent:R,activeNodeRect:D,attributes:M,setNodeRef:T,listeners:A,isDragging:P,over:N,setActivatorNodeRef:I,transform:L}=function(e){let{id:t,data:n,disabled:r=!1,attributes:o}=e;const a=At("Droppable"),{activators:c,activatorEvent:l,active:s,activeNodeRect:u,ariaDescribedById:d,draggableNodes:p,over:f}=Object(i.useContext)(br),{role:b=jr,roleDescription:g="draggable",tabIndex:h=0}=null!=o?o:{},m=(null==s?void 0:s.id)===t,v=Object(i.useContext)(m?yr:xr),[y,w]=Dt(),[O,x]=Dt(),j=function(e,t){return Object(i.useMemo)(()=>e.reduce((e,n)=>{let{eventName:r,handler:o}=n;return e[r]=e=>{o(e,t)},e},{}),[e,t])}(c,t),k=_t(n);return Ct(()=>(p.set(t,{id:t,key:a,node:y,activatorNode:O,data:k}),()=>{const e=p.get(t);e&&e.key===a&&p.delete(t)}),[p,t]),{active:s,activatorEvent:l,activeNodeRect:u,attributes:Object(i.useMemo)(()=>({role:b,tabIndex:h,"aria-disabled":r,"aria-pressed":!(!m||b!==jr)||void 0,"aria-roledescription":g,"aria-describedby":d.draggable}),[r,b,h,m,g,d.draggable]),isDragging:m,listeners:r?void 0:j,node:y,over:f,setNodeRef:w,setActivatorNodeRef:x,transform:v}}({id:c,data:x,attributes:{...$r,...n},disabled:w.draggable}),$=function(...e){return Object(i.useMemo)(()=>t=>{e.forEach(e=>e(t))},e)}(S,T),z=Boolean(_),F=z&&!g&&_r(f)&&_r(m),B=!v&&P,U=B&&F?L:null,V=F?null!=U?U:(null!=l?l:y)({rects:h,activeNodeRect:D,activeIndex:f,overIndex:m,index:O}):null,q=_r(f)&&_r(m)?a({id:c,items:d,activeIndex:f,overIndex:m}):O,G=null==_?void 0:_.id,W=Object(i.useRef)({activeId:G,items:d,newIndex:q,containerId:p}),H=d!==W.current.items,X=t({active:_,containerId:p,isDragging:P,isSorting:z,id:c,index:O,items:d,newIndex:W.current.newIndex,previousItems:W.current.items,previousContainerId:W.current.containerId,transition:u,wasDragging:null!=W.current.activeId}),Y=function(e){let{disabled:t,index:n,node:r,rect:o}=e;const[a,c]=Object(i.useState)(null),l=Object(i.useRef)(n);return Ct(()=>{if(!t&&n!==l.current&&r.current){const e=o.current;if(e){const t=dn(r.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&c(n)}}n!==l.current&&(l.current=n)},[t,n,r,o]),Object(i.useEffect)(()=>{a&&requestAnimationFrame(()=>{c(null)})},[a]),a}({disabled:!X,index:O,node:E,rect:k});return Object(i.useEffect)(()=>{z&&W.current.newIndex!==q&&(W.current.newIndex=q),p!==W.current.containerId&&(W.current.containerId=p),d!==W.current.items&&(W.current.items=d)},[z,q,p,d]),Object(i.useEffect)(()=>{if(G===W.current.activeId)return;if(G&&!W.current.activeId)return void(W.current.activeId=G);const e=setTimeout(()=>{W.current.activeId=G},50);return()=>clearTimeout(e)},[G]),{active:_,activeIndex:f,attributes:M,data:x,rect:k,index:O,newIndex:q,items:d,isOver:C,isSorting:z,isDragging:P,listeners:A,node:E,overIndex:m,over:N,setNodeRef:$,setActivatorNodeRef:I,setDroppableNodeRef:S,setDraggableNodeRef:T,transform:null!=Y?Y:V,transition:Y||H&&W.current.newIndex===O?Lr:B&&!Lt(R)||!u?void 0:z||X?zt.Transition.toString({...u,property:"transform"}):void 0}}Tn.Down,Tn.Right,Tn.Up,Tn.Left;const Fr=e=>{let{children:t,id:n}=e;const{attributes:o,listeners:i,transform:c,transition:l,setNodeRef:s}=zr({id:n}),u={transform:zt.Transform.toString(c),transition:l};return Object(r.createElement)("tr",{ref:s,style:u},Object(r.createElement)(r.Fragment,null,Object(r.createElement)("td",{style:{width:"1%"}},Object(r.createElement)(gt,a()({icon:mt,size:14,className:"sortable-table__handle"},o,i))),t))},Br=Ie.table` background: #fff; border: 0; border-radius: 3px; box-shadow: 0 0 0 1px rgb( 0 0 0 / 10% ); border-spacing: 0; width: 100%; clear: both; margin: 0; font-size: 14px; .align-left { text-align: left; .components-flex { justify-content: flex-start; gap: 0; } } .align-right { text-align: right; .components-flex { justify-content: flex-end; gap: 0; } } .align-center { text-align: center; > * { margin: 0 auto; } .components-flex { display: block; } } .sortable-table__handle { cursor: move; } th { position: relative; color: #2c3338; text-align: left; vertical-align: middle; vertical-align: top; word-wrap: break-word; } tbody { td { vertical-align: top; margin-bottom: 9px; } } tfoot { td { text-align: left; vertical-align: middle; } } thead, tfoot, tbody { td, th { border-top: 1px solid rgb( 0 0 0 / 10% ); border-bottom: 1px solid rgb( 0 0 0 / 10% ); padding: 16px 0 16px 24px; line-height: 1.5; &:last-child { padding-right: 24px; } > svg, > .components-base-control { margin: 3px 0; } } } thead th { border-top: 0; } tfoot td { border-bottom: 0; } `,Ur=e=>{let{columns:t,data:n,setData:o,className:c,footerContent:l,placeholder:s}=e;const u=Object(r.useMemo)(()=>n.map(e=>{let{id:t}=e;return t}),[n]),d=function(){for(var e=arguments.length,t=new Array(e),n=0;n[...t].filter(e=>null!=e),[...t])}(Zt(Gn,{}),Zt(Hn,{}),Zt(Ln,{})),p=(e,t)=>{const n=(null==e?void 0:e.align)||"left",r=(null==e?void 0:e.width)||"auto";return{className:`${t}-${e.name} align-${n}`,style:{width:r}}};return Object(r.createElement)(Or,{sensors:d,onDragEnd:function(e){const{active:t,over:r}=e;if(null!==t&&null!==r&&(null==t?void 0:t.id)!==(null==r?void 0:r.id)){const e=Cr(n,u.indexOf(t.id),u.indexOf(r.id));o(e)}},collisionDetection:rn,modifiers:[Er]},Object(r.createElement)(Br,{className:c+" sortable-table"},Object(r.createElement)("thead",null,Object(r.createElement)("tr",null,t.map((e,t)=>Object(r.createElement)("th",a()({key:e.name},p(e,"sortable-table__column"),{colSpan:0===t?2:1}),e.label)))),l&&Object(r.createElement)("tfoot",null,Object(r.createElement)("tr",null,Object(r.createElement)("td",{colSpan:t.length+1},Object(r.createElement)(l,null)))),Object(r.createElement)("tbody",null,Object(r.createElement)(Ar,{items:u,strategy:Mr},n.length?n.map(e=>e&&Object(r.createElement)(Fr,{key:e.id,id:e.id,className:c},t.map(t=>{return Object(r.createElement)("td",a()({key:`${e.id}-${t.name}`},p(t,"sortable-table__column")),t.renderCallback?t.renderCallback(e):Object(r.createElement)(r.Fragment,null,(n=e,o=t.name,et(n)&&o in n&&e[t.name])));var n,o}))):Object(r.createElement)("tr",null,Object(r.createElement)("td",{colSpan:t.length+1},s))))))},Vr=Ie(Be.Modal)` max-width: 600px; border-radius: 4px; @media ( min-width: 600px ) { min-width: 560px; } .components-modal__header { padding: 12px 24px; border-bottom: 1px solid #e0e0e0; position: relative; height: auto; width: auto; margin: 0 -24px 16px; @media ( max-width: 599px ) { button { display: none; } } } .components-modal__content { margin: 0; padding: 0 24px; @media ( max-width: 599px ) { display: flex; flex-direction: column; hr:last-of-type { margin-top: auto; } } .components-base-control { label { margin-top: 8px; text-transform: none !important; } } } `,qr=Ie.div` display: flex; justify-content: flex-end; border-top: 1px solid #e0e0e0; margin: 24px -24px 0; padding: 24px; > * { &:not( :first-of-type ) { margin-left: 8px; } } .button-link-delete { margin-right: auto; color: #d63638; } `;var Gr=e=>{let{children:t,actions:n,title:o,onRequestClose:i,...c}=e;return Object(r.createElement)(Vr,a()({title:o,onRequestClose:i},c),t,Object(r.createElement)(qr,null,n))},Wr=e=>{let{formRef:t,values:n,setValues:o}=e;const{country:a,state:i}=n.address,c=e=>t=>{o(n=>({...n,[e]:t}))},l=e=>t=>{o(n=>({...n,address:{...n.address,[e]:t}}))},s=ct[a]&&Object.keys(ct[a]).length>0;return Object(r.createElement)("form",{ref:t},Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Location name","woocommerce"),name:"location_name",value:n.name,onChange:c("name"),autoComplete:"off",required:!0,onInvalid:e=>{e.target.setCustomValidity(Object(Le.__)("A Location title is required","woocommerce"))},onInput:e=>{e.target.setCustomValidity("")}}),Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Address","woocommerce"),name:"location_address",placeholder:Object(Le.__)("Address","woocommerce"),value:n.address.address_1,onChange:l("address_1"),autoComplete:"off"}),Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("City","woocommerce"),name:"location_city",hideLabelFromVision:!0,placeholder:Object(Le.__)("City","woocommerce"),value:n.address.city,onChange:l("city"),autoComplete:"off"}),Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Postcode / ZIP","woocommerce"),name:"location_postcode",hideLabelFromVision:!0,placeholder:Object(Le.__)("Postcode / ZIP","woocommerce"),value:n.address.postcode,onChange:l("postcode"),autoComplete:"off"}),!s&&Object(r.createElement)(Be.TextControl,{placeholder:Object(Le.__)("State","woocommerce"),value:i,onChange:l("state")}),Object(r.createElement)(Be.SelectControl,{name:"location_country_state",label:Object(Le.__)("Country / State","woocommerce"),hideLabelFromVision:!0,placeholder:Object(Le.__)("Country / State","woocommerce"),value:!i&&s?`${a}:${Object.keys(ct[a])[0]}`:`${a}${i&&null!==(u=ct[a])&&void 0!==u&&u[i]?":"+i:""}`,onChange:e=>{const[t,n=""]=e.split(":");l("country")(t),l("state")(n)}},lt.options.map(e=>e.label?Object(r.createElement)("optgroup",{key:e.label,label:e.label},e.options.map(e=>Object(r.createElement)("option",{key:e.value,value:e.value},e.label))):Object(r.createElement)("option",{key:e.options[0].value,value:e.options[0].value},e.options[0].label))),Object(r.createElement)(Be.TextControl,{label:Object(Le.__)("Pickup details","woocommerce"),name:"pickup_details",value:n.details,onChange:c("details"),autoComplete:"off"}));var u},Hr=e=>{let{locationData:t,editingLocation:n,onClose:o,onSave:a,onDelete:i}=e;const c=Object(r.useRef)(null),[l,s]=Object(r.useState)(t);return t?Object(r.createElement)(Gr,{onRequestClose:o,title:"new"===n?Object(Le.__)("Pickup location","woocommerce"):Object(Le.__)("Edit pickup location","woocommerce"),actions:Object(r.createElement)(r.Fragment,null,"new"!==n&&Object(r.createElement)(Be.Button,{variant:"link",className:"button-link-delete",onClick:()=>{i(),o()}},Object(Le.__)("Delete location","woocommerce")),Object(r.createElement)(Be.Button,{variant:"secondary",onClick:o},Object(Le.__)("Cancel","woocommerce")),Object(r.createElement)(Be.Button,{variant:"primary",onClick:()=>{(null==c?void 0:c.current).reportValidity()&&(a(l),o())}},Object(Le.__)("Done","woocommerce")))},Object(r.createElement)(Wr,{formRef:c,values:l,setValues:s})):null};const Xr=()=>Object(r.createElement)(r.Fragment,null,Object(r.createElement)("h2",null,Object(Le.__)("Pickup locations","woocommerce")),Object(r.createElement)("p",null,Object(Le.__)("Define pickup locations for your customers to choose from during checkout.","woocommerce")),Object(r.createElement)(Be.ExternalLink,{href:"https://woocommerce.com/document/local-pickup/"},Object(Le.__)("Learn more","woocommerce"))),Yr=Ie.address` color: #757575; font-style: normal; display: inline; margin-left: 12px; `;var Kr=()=>{const{pickupLocations:e,setPickupLocations:t,toggleLocation:n,updateLocation:o,readOnlySettings:a}=ut(),[i,c]=Object(r.useState)(""),l=[{name:"name",label:Object(Le.__)("Pickup location","woocommerce"),width:"50%",renderCallback:e=>Object(r.createElement)(r.Fragment,null,e.name,Object(r.createElement)(Yr,null,(e=>{var t;const n=et(e)&&{...e,country:"string"==typeof e.country&&it[e.country],state:"string"==typeof e.country&&"string"==typeof e.state&&null!==(t=ct[e.country])&&void 0!==t&&t[e.state]?ct[e.country][e.state]:e.state};return Object.values(n).filter(e=>""!==e).join(", ")})(e.address)))},{name:"enabled",label:Object(Le.__)("Enabled","woocommerce"),align:"right",renderCallback:e=>{return Object(r.createElement)(Be.ToggleControl,{checked:(t=e.enabled,"boolean"==typeof t&&e.enabled),onChange:()=>n(e.id)});var t}},{name:"edit",label:"",align:"center",width:"1%",renderCallback:e=>Object(r.createElement)("button",{type:"button",className:"button-link-edit button-link",onClick:()=>{c(e.id)}},Object(Le.__)("Edit","woocommerce"))}];return Object(r.createElement)(Ge,{Description:Xr},Object(r.createElement)(Ur,{className:"pickup-locations",columns:l,data:e,setData:e=>{t(e)},placeholder:Object(Le.__)("When you add a pickup location, it will appear here.","woocommerce"),footerContent:()=>Object(r.createElement)(Be.Button,{variant:"secondary",onClick:()=>{c("new")}},Object(Le.__)("Add pickup location","woocommerce"))}),i&&Object(r.createElement)(Hr,{locationData:"new"===i?{name:"",details:"",enabled:!0,address:{address_1:"",city:"",state:a.storeState,postcode:"",country:a.storeCountry}}:e.find(e=>{let{id:t}=e;return t===i})||null,editingLocation:i,onSave:e=>{o(i,e)},onClose:()=>c(""),onDelete:()=>{o(i,null),c("")}}))};const Jr=Ie(Ge)` text-align: right; padding-top: 0; margin-top: 0; `;var Zr=()=>{const{isSaving:e,save:t}=ut();return Object(r.createElement)(Jr,{className:"submit"},Object(r.createElement)(Be.Button,{variant:"primary",isBusy:e,disabled:e,onClick:e=>{var n;e.preventDefault();const r=e.target;null!=r&&null!==(n=r.form)&&void 0!==n&&n.reportValidity()&&t()},type:"submit"},Object(Le.__)("Save changes","woocommerce")))};const Qr=Ie.form` margin: 48px auto 0; max-width: 1032px; display: flex; flex-flow: column; @media ( min-width: 960px ) { padding: 0 56px; } `;const eo=document.getElementById("wc-shipping-method-pickup-location-settings-container");eo&&Object(r.render)(Object(r.createElement)(()=>Object(r.createElement)(Qr,{id:"local-pickup-settings"},Object(r.createElement)(dt,null,Object(r.createElement)(bt,null),Object(r.createElement)(Kr,null),Object(r.createElement)(Zr,null))),null),eo)}]);