https://flett-dev-2024.fly.dev/assets/Modal-BL_02PQH.js

1import{r as c,R as a}from"./index-t2syyCXo.js";import{J as Y,f as g,j as me,h as fe,s as pe,K as N,b as h,E as ge,N as Ee,O as he,Q as ve,R as be,V as Fe,X as Me,v as ye,T as Z,k as ee,a as ke,c as S,w as Ce,W as xe,d as Se}from"./ButtonGroup-DMO-zSCm.js";import{K as H,i as R,j as z,k as Ne,l as Pe}from"./Page-N6hXmg9P.js";import{S as Ie,F as we}from"./context-CQkNxO4v.js";import{_ as Te,a as De,b as Be,T as K,c as Le,C as _e}from"./CSSTransition--uiLsw9e.js";import{a as He}from"./XIcon.svg-ZVUCXaPy.js";var L={Backdrop:"Polaris-Backdrop",transparent:"Polaris-Backdrop--transparent",belowNavigation:"Polaris-Backdrop--belowNavigation"};function Re(){const e=c.useContext(Ie);if(!e)throw new Y("No ScrollLockManager was provided.");return e}function Oe(e){const t=Re();return c.useEffect(()=>(t.registerScrollLock(),()=>{t.unregisterScrollLock()}),[t]),null}function Ae(e){const{onClick:t,onTouchStart:o,belowNavigation:r,transparent:n,setClosing:i}=e,l=g(L.Backdrop,r&&L.belowNavigation,n&&L.transparent),u=()=>{i&&i(!0)},s=()=>{i&&i(!1),t&&t()};return a.createElement(a.Fragment,null,a.createElement(Oe,null),a.createElement("div",{className:l,onClick:s,onTouchStart:o,onMouseDown:u}))}var je={InlineGrid:"Polaris-InlineGrid"};function Ue({children:e,columns:t,gap:o,alignItems:r}){const n={...me("inline-grid","grid-template-columns",Ve(t)),...fe("inline-grid","gap","space",o),"--pc-inline-grid-align-items":r};return a.createElement("div",{className:je.InlineGrid,style:pe(n)},e)}function Ve(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)?Object.fromEntries(Object.entries(e).map(([t,o])=>[t,$(o)])):$(e)}function $(e){if(e)return typeof e=="number"||!isNaN(Number(e))?`repeat(${Number(e)}, minmax(0, 1fr))`:typeof e=="string"?e:e.map(t=>{switch(t){case"oneThird":return"minmax(0, 1fr)";case"oneHalf":return"minmax(0, 1fr)";case"twoThirds":return"minmax(0, 2fr)"}}).join(" ")}const We=c.createContext(void 0),Ge=c.memo(function({children:t,disabled:o,root:r}){return c.useEffect(()=>{if(o||!r)return;const n=ze(r)?r.current:r;!n||n.querySelector("[autofocus]")||N(n,!1)},[o,r]),a.createElement(a.Fragment,null,t)});function ze(e){return e.current!==void 0}function Ke(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e,t){var o=function(i){return t&&c.isValidElement(i)?t(i):i},r=Object.create(null);return e&&c.Children.map(e,function(n){return n}).forEach(function(n){r[n.key]=o(n)}),r}function $e(e,t){e=e||{},t=t||{};function o(f){return f in t?t[f]:e[f]}var r=Object.create(null),n=[];for(var i in e)i in t?n.length&&(r[i]=n,n=[]):n.push(i);var l,u={};for(var s in t){if(r[s])for(l=0;l<r[s].length;l++){var m=r[s][l];u[r[s][l]]=o(m)}u[s]=o(s)}for(l=0;l<n.length;l++)u[n[l]]=o(n[l]);return u}function b(e,t,o){return o[t]!=null?o[t]:e.props[t]}function Xe(e,t){return O(e.children,function(o){return c.cloneElement(o,{onExited:t.bind(null,o),in:!0,appear:b(o,"appear",e),enter:b(o,"enter",e),exit:b(o,"exit",e)})})}function qe(e,t,o){var r=O(e.children),n=$e(t,r);return Object.keys(n).forEach(function(i){var l=n[i];if(c.isValidElement(l)){var u=i in t,s=i in r,m=t[i],f=c.isValidElement(m)&&!m.props.in;s&&(!u||f)?n[i]=c.cloneElement(l,{onExited:o.bind(null,l),in:!0,exit:b(l,"exit",e),enter:b(l,"enter",e)}):!s&&u&&!f?n[i]=c.cloneElement(l,{in:!1}):s&&u&&c.isValidElement(m)&&(n[i]=c.cloneElement(l,{onExited:o.bind(null,l),in:m.props.in,exit:b(l,"exit",e),enter:b(l,"enter",e)}))}}),n}var Je=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},Qe={component:"div",childFactory:function(t){return t}},A=function(e){Te(t,e);function t(r,n){var i;i=e.call(this,r,n)||this;var l=i.handleExited.bind(Ke(i));return i.state={contextValue:{isMounting:!0},handleExited:l,firstRender:!0},i}var o=t.prototype;return o.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},o.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(n,i){var l=i.children,u=i.handleExited,s=i.firstRender;

1return{children:s?Xe(n,u):qe(n,l,u),firstRender:!1}},o.handleExited=function(n,i){var l=O(this.props.children);n.key in l||(n.props.onExited&&n.props.onExited(i),this.mounted&&this.setState(function(u){var s=De({},u.children);return delete s[n.key],{children:s}}))},o.render=function(){var n=this.props,i=n.component,l=n.childFactory,u=Be(n,["component","childFactory"]),s=this.state.contextValue,m=Je(this.state.children).map(l);return delete u.appear,delete u.enter,delete u.exit,i===null?a.createElement(K.Provider,{value:s},m):a.createElement(K.Provider,{value:s},a.createElement(i,u,m))},t}(a.Component);A.propTypes={};A.defaultProps=Qe;var _={Body:"Polaris-Modal__Body",NoScrollBody:"Polaris-Modal__NoScrollBody",IFrame:"Polaris-Modal__IFrame"},X={Section:"Polaris-Modal-Section",titleHidden:"Polaris-Modal-Section--titleHidden"};function te({children:e,flush:t=!1,subdued:o=!1,titleHidden:r=!1}){const n=g(X.Section,r&&X.titleHidden);return a.createElement("div",{className:n},a.createElement(h,Object.assign({as:"section",padding:t?"0":"400"},r&&{paddingInlineEnd:"0"},o&&{background:"bg-surface-tertiary"}),e))}var d={Container:"Polaris-Modal-Dialog__Container",Dialog:"Polaris-Modal-Dialog",Modal:"Polaris-Modal-Dialog__Modal",limitHeight:"Polaris-Modal-Dialog--limitHeight",sizeSmall:"Polaris-Modal-Dialog--sizeSmall",sizeLarge:"Polaris-Modal-Dialog--sizeLarge",sizeFullScreen:"Polaris-Modal-Dialog--sizeFullScreen",animateFadeUp:"Polaris-Modal-Dialog--animateFadeUp",entering:"Polaris-Modal-Dialog--entering",exiting:"Polaris-Modal-Dialog--exiting",exited:"Polaris-Modal-Dialog--exited",entered:"Polaris-Modal-Dialog--entered"};function Ye({trapping:e}){const t=c.useContext(we),o=c.useId();if(!t)throw new Y("No FocusManager was provided.");const{trapFocusList:r,add:n,remove:i}=t,l=r[0]===o,u=c.useMemo(()=>({canSafelyFocus:l}),[l]);return c.useEffect(()=>{if(e)return n(o),()=>{i(o)}},[n,o,i,e]),u}function Ze({trapping:e=!0,children:t}){const{canSafelyFocus:o}=Ye({trapping:e}),r=c.useRef(null),[n,i]=c.useState(!0);c.useEffect(()=>{const s=o&&!(r.current&&r.current.contains(document.activeElement))?!e:!0;i(s)},[o,e]);const l=s=>{const m=r.current&&r.current.contains(document.activeElement);e===!1||!r.current||m||s.target instanceof Element&&s.target.matches(`${Ee.selector} *`)||o&&s.target instanceof HTMLElement&&r.current!==s.target&&!r.current.contains(s.target)&&N(r.current)},u=s=>{if(e===!1||!r.current)return;const m=he(r.current),f=ve(r.current);s.target===f&&!s.shiftKey&&(s.preventDefault(),be(r.current)),s.target===m&&s.shiftKey&&(s.preventDefault(),Fe(r.current))};return a.createElement(Ge,{disabled:n,root:r.current},a.createElement("div",{ref:r},a.createElement(ge,{event:"focusin",handler:l}),a.createElement(H,{keyCode:R.Tab,keyEvent:"keydown",handler:u}),t))}function et({instant:e,labelledBy:t,children:o,limitHeight:r,size:n,onClose:i,onExited:l,onEntered:u,setClosing:s,hasToasts:m,...f}){const P=Me(),E=c.useRef(null),y=c.useContext(We);let F;y&&(F=y.toastMessages);const I=g(d.Modal,n&&d[ye("size",n)],r&&d.limitHeight),p=e?Le:nt;c.useEffect(()=>{E.current&&!E.current.contains(document.activeElement)&&N(E.current)},[]);const w=()=>{s&&s(!0)},k=()=>{s&&s(!1),i()},C=a.createElement("div",{"aria-live":"assertive"},F?F.map(M=>a.createElement(Z,{visuallyHidden:!0,as:"p",key:M.id},M.content)):null);return a.createElement(p,Object.assign({},f,{nodeRef:E,mountOnEnter:!0,unmountOnExit:!0,timeout:parseInt(P.motion["motion-duration-200"],10),onEntered:u,onExited:l}),a.createElement("div",{className:d.Container,"data-polaris-layer":!0,"data-polaris-overlay":!0,ref:E},a.createElement(Ze,null,a.createElement("div",{role:"dialog","aria-modal":!0,"aria-label":t,"aria-labelledby":t,tabIndex:-1,className:d.Dialog},a.createElement("div",{className:I},a.createElement(H,{keyCode:R.Escape,keyEvent:"keydown",handler:w}),a.createElement(H,{keyCode:R.Escape,handler:k}),o),C))))}const tt={appear:g(d.animateFadeUp,d.entering),appearActive:g(d.animateFadeUp,d.entered),enter:g(d.animateFadeUp,d.entering),enterActive:g(d.animateFadeUp,d.entered),exit:g(d.animateFadeUp,d.exiting),exitActive:g(d.animateFadeUp,d.exited)};function nt({children:e,...t}){return a.createElement(_e,Object.assign({},t,{classNames:tt}),e)}function q({pressed:e,onClick:t}){const o=ee();return a.createElement(ke,{variant:"tertiary",pressed:e,icon:He,onClick:t,accessibilityLabel:o.translate("Polaris.Common.close")})}function rt({id:e,children:t,closing:o,titleHidden:r,onClose:n}){const i="400",l="400";return r||!t?a.createElement(h,{position:"absolute",insetInlineEnd:i,insetBlockStart:l,zIndex:"1"},a.createElement(q,{onClick:n})):a.createElement(h,{paddingBlockStart:"400",paddingBlockEnd:"400",paddingInlineStart:i,paddingInlineEnd:i,borderBlockEndWidth:"025",borderColor:"border",background:"bg-surface-tertiary"},a.createElement(Ue,{columns:{xs:"1fr auto"},gap:"400"},a.createElement(S,{gap:"400",blockAlign:"center"},a.createElement(Z,{id:e,as:"h2",variant:"headingMd",breakWord:!0}

1,t)),a.createElement(q,{pressed:o,onClick:n})))}function at({primaryAction:e,secondaryActions:t,children:o}){const r=e&&z(e,{variant:"primary"})||null,n=t&&z(t)||null,i=r||n?a.createElement(S,{gap:"200"},n,r):null;return a.createElement(S,{gap:"400",blockAlign:"center"},a.createElement(h,{borderColor:"border",borderBlockStartWidth:"025",padding:"400",width:"100%"},a.createElement(S,{gap:"400",blockAlign:"center",align:"space-between"},a.createElement(h,null,o),i)))}const J=200,ot=400,it=function({children:t,title:o,titleHidden:r=!1,src:n,iFrameName:i,open:l,instant:u,sectioned:s,loading:m,size:f,limitHeight:P,footer:E,primaryAction:y,secondaryActions:F,onScrolledToBottom:I,activator:p,activatorWrapper:w="div",onClose:k,onIFrameLoad:C,onTransitionEnd:M,noScroll:ne}){const[re,T]=c.useState(J),[ae,j]=c.useState(!1),U=c.useId(),V=c.useRef(null),oe=ee().translate("Polaris.Modal.iFrameTitle");let W,G;const ie=c.useCallback(()=>{M&&M()},[M]),le=c.useCallback(()=>{T(J);const v=p&&Q(p)?p&&p.current:V.current;v&&requestAnimationFrame(()=>N(v))},[p]),se=c.useCallback(v=>{const x=v.target;if(x&&x.contentWindow)try{T(x.contentWindow.document.body.scrollHeight)}catch{T(ot)}C!=null&&C(v)},[C]);if(l){const v=!E&&!y&&!F?null:a.createElement(at,{primaryAction:y,secondaryActions:F},E),x=s?Ce(t,te,{titleHidden:r}):t,B=m?a.createElement(h,{padding:"400"},a.createElement(S,{gap:"400",align:"center",blockAlign:"center"},a.createElement(Se,null))):x,ue=ne?a.createElement("div",{className:_.NoScrollBody},a.createElement(h,{width:"100%",overflowX:"hidden",overflowY:"hidden"},B)):a.createElement(Pe,{shadow:!0,className:_.Body,onScrolledToBottom:I},B),de=n?a.createElement("iframe",{name:i,title:oe,src:n,className:_.IFrame,onLoad:se,style:{height:`${re}px`}}):ue;W=a.createElement(et,{instant:u,labelledBy:U,onClose:k,onEntered:ie,onExited:le,size:f,limitHeight:P,setClosing:j},a.createElement(rt,{titleHidden:r,id:U,closing:ae,onClose:k},o),de,v),G=a.createElement(Ae,{setClosing:j,onClick:k})}const D=!u,ce=p&&!Q(p)?a.createElement(h,{ref:V,as:w},p):null;return a.createElement(xe.Provider,{value:!0},ce,a.createElement(Ne,{idPrefix:"modal"},a.createElement(A,{appear:D,enter:D,exit:D},W),G))};function Q(e){return Object.prototype.hasOwnProperty.call(e,"current")}it.Section=te;export{it as M};