https://seedlang.com/assets/modal-Dc-ZOn5x.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`b118a3387c06afdf625a4e3c513ea6a95901cac8`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`7461ea9e-4937-4ccd-b8d5-32279431ec6f`,e._sentryDebugIdIdentifier=`sentry-dbid-7461ea9e-4937-4ccd-b8d5-32279431ec6f`)}catch{}})();import{o as e}from"./chunk-BBRjo-9F.js";import{t}from"./react-CgWhlUet.js";import{n}from"./dist-Bfo7hZtR.js";import{_ as r,c as i,f as a}from"./mobx.module-D8DpqJEi.js";import{t as o}from"./dist-DVwav7_F.js";import{t as s}from"./dist-DpLgsRfL.js";import{t as c}from"./mobxreact.esm--Z-zxU5E.js";import{n as l,r as u}from"./error_boundary-CYFJBKMo.js";import{t as d}from"./emotion-styled.browser.esm-4FI-bo8L.js";import{t as f}from"./jsx-runtime-CLsEzmKX.js";var p=f(),m=e(t());a();var h=l(),g=u(),_=s(),v=o(),y=n(),b,x,S,C;function w(e,t,n,r){n&&Object.defineProperty(e,t,{enumerable:n.enumerable,configurable:n.configurable,writable:n.writable,value:n.initializer?n.initializer.call(r):void 0})}function T(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var E=d.div`
2`,D=d.div`
3  position: fixed;
4  left: 0;
5  right: 0;
6  top: 0;
7  bottom: 0;
8  background: ${e=>e.background};
9  z-index: ${_.Theme.z[`modal-background`]};
10`,O=d.div`
11  width: ${e=>e.width};
12  max-width: ${e=>e.maxWidth};
13  height: ${e=>e.height};
14  top: ${e=>e.top};
15  position: fixed;
16  background: ${e=>e.background};
17  border-radius: 10px;
18  z-index: ${_.Theme.z[`modal-foreground`]};
19  overflow-x: hidden;
20  overflow-y: ${e=>e.overflowY};
21  margin: ${e=>e.margin||`0 auto`};
22  margin-top: ${e=>(0,v.pixify)(e.marginTop)};
23  left: ${e=>e.left||`0`};
24  right: ${e=>e.right||`0`};
25  transform: ${e=>e.transform||`none`};
26`,k=d.div`
27  width: 20px;
28  position: absolute;
29  top: ${e=>e.top};
30  right: ${e=>e.right};
31  cursor: pointer;
32  bottom: 0;
33  margin: auto 0;
34  display: flex;
35  align-items: center;
36  z-index: 99;
37  svg {
38    fill: ${e=>e.iconFill};
39    width: 20px;
40  }
41`,A=d.div`
42  width: 20px;
43  position: absolute;
44  top: ${e=>e.top};
45  left: 20px;
46  cursor: pointer;
47  bottom: 0;
48  margin: auto 0;
49  display: flex;
50  align-items: center;
51  svg {
52    fill: ${e=>e.iconFill};
53    width: 20px;
54  }
55`,j=d.div`
56  position: relative;
57  box-sizing: border-box;
58  background: ${e=>e.background||`#FFF`};
59  width: 100%;
60  height: ${e=>e.height};
61  padding: ${e=>e.padding};
62  overflow: ${e=>e.overflow};
63  max-height: ${e=>e.maxHeight};
64`,M=d.div`
65  width: 100%;
66  position: relative;
67  padding: ${e=>e.padding};
68  height: ${e=>e.height};
69  display: flex;
70  flex-direction: row;
71  align-items: center;
72  h3 {
73    width: 100%;
74    color: #FFF !important;
75    margin: 0;
76    text-align: center;
77    font-size: 18px;
78  }
79`,N=c(b=(x=(C=class extends m.Component{constructor(...e){super(...e),w(this,`scale`,S,this)}get iconTop(){return this.props.iconTop?this.props.iconTop:(0,v.isPresent)(this.props.title)?`0px`:`40px`}get padding(){return this.props.padding?this.props.padding:y.AppUI.layout.isMobile?`10px`:`20px`}get background(){return this.props.gradient?`linear-gradient(-134deg,#3BD7C5 0%,#0DAFF6 100%)`:this.props.background}get headerPadding(){return this.props.onClickGearIcon||this.props.onCloseModal&&!this.props.hideCloseIcon?`20px 40px 20px 20px`:this.props.title?`20px`:`0px`}componentDidMount(){this.scale=1}render(){return(0,p.jsx)(g.Motion,{style:{scale:(0,g.spring)(this.scale,{stiffness:300,damping:18})},children:({scale:e})=>(0,p.jsxs)(E,{children:[(0,p.jsx)(D,{onClick:this.props.onCloseModal,background:this.props.modalBackground}),(0,p.jsxs)(O,{background:this.background,top:this.props.top,width:(0,v.pixify)(this.props.width),maxWidth:this.props.maxWidth,height:(0,v.pixify)(this.props.height),overflowY:this.props.contentShouldScroll?`hidden`:`auto`,style:Object.assign({},this.props.modalStyle,{transform:this.props.transform||`scale(${e})`}),marginTop:this.props.marginTop,margin:this.props.margin,left:this.props.left,right:this.props.right,transform:this.props.transform,children:[(0,p.jsxs)(M,{padding:this.headerPadding,height:(0,v.isPresent)(this.props.title)?`60px`:`0px`,children:[this.props.onClickGearIcon&&(0,p.jsx)(A,{top:this.iconTop,iconFill:this.props.iconFill,children:(0,p.jsx)(h.SettingsOutlineIcon,{onClick:this.props.onClickGearIcon})}),this.props.onCloseModal&&!this.props.hideCloseIcon&&(0,p.jsxs)(k,{top:this.iconTop,right:this.props.iconRight?this.props.iconRight:`20px`,iconFill:this.props.iconFill,children:[this.props.showRedX&&(0,p.jsx)(h.CloseIconRedX,{onClick:this.props.onCloseModal}),!this.props.showRedX&&(0,p.jsx)(h.CloseIcon,{onClick:this.props.onCloseModal})]}),this.props.title&&(0,p.jsx)(`h3`,{children:this.props.title})]}

79),(0,p.jsx)(j,{background:this.props.contentBackground,height:this.props.title&&this.props.contentShouldScroll?`calc(100% - 60px)`:`100%`,padding:this.padding,overflow:this.props.contentShouldScroll?`auto`:null,maxHeight:(0,v.pixify)(this.props.maxHeight),children:this.props.children})]})]})})}},C.defaultProps={top:`80px`,width:`660px`,modalBackground:`rgba(0, 0, 0, 0.8)`,background:`#FFF`,iconFill:`#FFF`},C),S=T(x.prototype,`scale`,[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return this.props.animate?.3:1}}),T(x.prototype,`iconTop`,[i],Object.getOwnPropertyDescriptor(x.prototype,`iconTop`),x.prototype),T(x.prototype,`padding`,[i],Object.getOwnPropertyDescriptor(x.prototype,`padding`),x.prototype),T(x.prototype,`background`,[i],Object.getOwnPropertyDescriptor(x.prototype,`background`),x.prototype),T(x.prototype,`headerPadding`,[i],Object.getOwnPropertyDescriptor(x.prototype,`headerPadding`),x.prototype),x))||b;export{N as t};
80//# sourceMappingURL=modal-Dc-ZOn5x.js.map