talkweb 3.50.36

package/dist/js/AddContact-Be-cyln0.js

@@ -0,0 +1,14 @@
+import{e,j as a,l as s,eA as t,e6 as r}from"./main-BLVwj1_6.js";import{useState as n,useEffect as l}from"react";import{b as i}from"./useContactThread-CoTj8qLV.js";const m=({open:m,setOpen:c,init:o,onComplete:d})=>{const x=o||{firstName:"",lastName:"",username:""},[u,h]=n(x),p=e(),[N,f]=n(!1),{openOrCreateThread:b}=i(),[j,g]=n(""),v=e=>{const{name:a,value:s}=e.target;h(e=>({...e,[a]:s}))};function k(){c(!1),g(""),h(x)}return l(()=>{m||h(x)},[m,p]),/* @__PURE__ */a.jsx("div",{children:/* @__PURE__ */a.jsx(s,{disableAutoFocus:!0,open:m,onOpenChange:()=>{c(!m),g("")},title:"اضافه کردن مخاطب جدید",closable:!1,size:"xs",errorText:j||void 0,onConfirm:async()=>{if(!u.firstName.trim()||!u.username.trim()){const a=(e=u).username.trim()?e.firstName.trim()?"":"نام اجباری است":"نام کاربری یا موبایل اجباری است";return void g(a)}var e;f(!0),g("");try{const e=await p(t({firstName:u.firstName,addBy:u.username,lastName:u.lastName})).unwrap();if(f(!1),e.hasError||!e.linkedUser)return void g(e.errorMessage??"کاربر یافت نشد");if(k(),d)return void d(e);const a=e.id;if(!a)return;p(r({new_data:{coreUserId:e.linkedUser.coreUserId,contactFirstName:e.firstName,contactId:a,contactLastName:e.lastName,image:e.linkedUser.image}})),await b({coreUserId:e.linkedUser.coreUserId,username:e.linkedUser.username,contactId:a,participantInfo:{firstName:e.firstName,lastName:e.lastName,image:e.linkedUser.image}})}catch(a){f(!1)}},onCancel:()=>k(),confirmText:N?"در حال اضافه کردن...":"اضافه کردن",cancelText:"انصراف",children:/* @__PURE__ */a.jsx("div",{className:"mt-5",children:/* @__PURE__ */a.jsx("form",{className:"h-full",noValidate:!0,children:/* @__PURE__ */a.jsx("div",{className:"flex flex-1 h-full flex-col items-between justify-between",children:/* @__PURE__ */a.jsxs("div",{className:"gap-4",children:[
+/* @__PURE__ */a.jsxs("div",{className:"mb-10",children:[
+/* @__PURE__ */a.jsxs("label",{className:"mb-2 mr-1 flex items-center gap-1 text-xs font-medium",htmlFor:"firstName",children:[
+/* @__PURE__ */a.jsx("span",{className:"text-invertBlackWhite text-xs",children:"نام"}),
+/* @__PURE__ */a.jsx("span",{className:"text-textGrayColor text-xs",children:"( اجباری )"})]}),
+/* @__PURE__ */a.jsx("input",{maxLength:15,placeholder:"نام",id:"firstName",name:"firstName",value:u.firstName,onChange:v,disabled:N,className:"w-full outline-none px-3 py-[14px] bg-bgInput text-invertBlackWhite disabled:opacity-50 disabled:cursor-not-allowed"})]}),
+/* @__PURE__ */a.jsxs("div",{className:"mb-10",children:[
+/* @__PURE__ */a.jsx("label",{className:"mb-2 mr-1 flex text-invertBlackWhite text-xs",htmlFor:"lastName",children:/* @__PURE__ */a.jsx("span",{children:"نام خانوادگی"})}),
+/* @__PURE__ */a.jsx("input",{maxLength:15,placeholder:"نام خانوادگی",id:"lastName",name:"lastName",value:u.lastName,onChange:v,disabled:N,className:"w-full px-3 outline-none py-[14px] bg-bgInput text-invertBlackWhite disabled:opacity-50 disabled:cursor-not-allowed"})]}),
+/* @__PURE__ */a.jsxs("div",{className:(o?.username?"hidden":"block")+" mb-10",children:[
+/* @__PURE__ */a.jsxs("label",{className:"mb-2 mr-1 flex items-center gap-1 text-invertBlackWhite text-xs",htmlFor:"username",children:[
+/* @__PURE__ */a.jsx("span",{children:"شماره موبایل یا نام کاربری "}),
+/* @__PURE__ */a.jsx("span",{className:"text-textGrayColor text-xs",children:"( اجباری )"})]}),
+/* @__PURE__ */a.jsx("input",{placeholder:"شماره موبایل یا نام کاربری ",id:"username",name:"username",value:u.username,maxLength:40,onChange:v,disabled:N,className:"w-full px-3 outline-none py-[14px] bg-bgInput text-invertBlackWhite disabled:opacity-50 disabled:cursor-not-allowed"})]})]})})})})})})};export{m as A};

package/dist/js/HamburgerMenu-DFDe3J_T.js

@@ -0,0 +1,20 @@
+import{k as e,j as t,Z as n,dQ as i,e as o,g as a,f1 as r,f2 as s,f3 as c,f4 as l,da as d,d9 as m,f5 as u,ea as h,f6 as x,dx as f,f7 as p,f8 as w,f9 as v,fa as g,fb as b,_ as j,o as y,p as k,aB as C,cs as N,fc as E}from"./main-BLVwj1_6.js";import{A as M}from"./LoadingDots-UeQc7J-0.js";import{useEffect as B,useState as S,useRef as T}from"react";import{u as I}from"./useCopyToClipboard-2_RdAJsg.js";import{A as R}from"./AddContact-Be-cyln0.js";import{u as L}from"./index-oo-E5DFA.js";import{flushSync as W}from"react-dom";const _=({icon:i,title:o,to:a,onClick:r,subtitle:s,className:c,withBorder:l=!1,target:d="_self",children:m})=>{const u=e();/* @__PURE__ */
+return t.jsx(n,{children:/* @__PURE__ */t.jsxs("div",{className:`flex items-center ${l?"border-b-2 border-divider":""} `,children:[
+/* @__PURE__ */t.jsx("div",{onClick:e=>{a&&("_blank"===d?window.open(a,"_blank","noopener,noreferrer"):u(a)),r&&r()},className:`flex items-center justify-between cursor-pointer px-4 py-[9px] hover:bg-bgHover flex-1 ${c} `,children:/* @__PURE__ */t.jsxs("div",{className:"flex items-center gap-3",children:[i&&/* @__PURE__ */t.jsx("div",{className:"flex-shrink-0 text-menuIconColor",children:i}),
+/* @__PURE__ */t.jsxs("div",{className:"text-right flex flex-col",children:[
+/* @__PURE__ */t.jsx("p",{className:"text-[13px] font-normal !select-text text-invertBlackWhite "+(s?"mb-1":"mb-0"),children:o}),s&&/* @__PURE__ */t.jsx("p",{className:"text-[12px] font-normal !select-text text-lightText",children:s})]})]})}),m&&/* @__PURE__ */t.jsx("div",{children:m})]})})},H=({icon:e,title:o,isDarkMode:a,refProp:r,onToggle:s})=>/* @__PURE__ */t.jsx(n,{children:/* @__PURE__ */t.jsxs("div",{ref:r,onClick:s,className:"flex items-center justify-between px-4 py-[9px] cursor-pointer hover:bg-bgHover border-b-2 border-divider",children:[
+/* @__PURE__ */t.jsxs("div",{className:"flex items-center gap-3",children:[
+/* @__PURE__ */t.jsx("div",{className:"flex-shrink-0 text-menuIconColor",children:e}),
+/* @__PURE__ */t.jsx("p",{className:"text-[13px] text-invertBlackWhite",children:o})]}),
+/* @__PURE__ */t.jsx("div",{className:"pointer-events-none",children:/* @__PURE__ */t.jsx(i,{checked:a,onChange:()=>{}})})]})});var z,D,A="undefined"!=typeof window;(D=z||(z={})).CIRCLE="circle",D.BLUR_CIRCLE="blur-circle",D.QR_SCAN="qr-scan";const P=()=>{const[n,i]=S(!1),{copyText:N}=I(),{handleToggle:E}=L(),{ref:M,toggleSwitchTheme:D,isDarkMode:P}=function(e){var t=e||{},n=t.duration,i=void 0===n?750:n,o=t.easing,a=void 0===o?"ease-in-out":o,r=t.pseudoElement,s=void 0===r?"::view-transition-new(root)":r,c=t.globalClassName,l=void 0===c?"dark":c,d=t.animationType,m=void 0===d?z.CIRCLE:d,u=t.blurAmount,h=void 0===u?2:u,x=t.styleId,f=void 0===x?"theme-switch-style":x,p=t.isDarkMode,w=t.onDarkModeChange,v="undefined"!=typeof window&&(window.innerWidth>=3e3||window.innerHeight>=2e3)?Math.max(.8*i,500):i;B(function(){!function(){if(A){var e="theme-switch-base-style";if(!document.getElementById(e)){var t=document.createElement("style");t.id=e;var n=window.innerWidth>=3e3||window.innerHeight>=2e3;t.textContent="\n        ::view-transition-old(root),\n        ::view-transition-new(root) {\n          animation: none;\n          mix-blend-mode: normal;\n          ".concat(n?"transform: translateZ(0);":"","\n        }\n        \n        ").concat(n?"\n        ::view-transition-group(root),\n        ::view-transition-image-pair(root),\n        ::view-transition-old(root),\n        ::view-transition-new(root) {\n          backface-visibility: hidden;\n          perspective: 1000px;\n          transform: translate3d(0, 0, 0);\n        }\n        ":"","\n      "),document.head.appendChild(t)}}}()},[]);var g=S(!!A&&"dark"===localStorage.getItem("theme")),b=g[0],j=g[1],y=null!=p?p:b,k=function(e){var t="function"==typeof e?e(y):e;w?w(t):j(t)},C=T(null);return B(function(){y?(document.documentElement.classList.add(l),localStorage.theme="dark"):(document.documentElement.classList.remove(l),localStorage.theme="light")},[y,l]),{ref:C,toggleSwitchTheme:function(){return t=function(){var e,t,n,i,o,r,c,l,d,u,x,p,w,g,b,j,y,N,E,M,B;return function(e,t){var n,i,o,a,r={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(s){return function(e){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,e[0]&&(r=0)),r;)try{if(n=1,i&&(o=2&e[0]?i.return:e[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,e[1])).done)return o;switch(i=0,o&&(e=[2&e[0],o.value]),e[0]){case 0:case 1:o=e;break;case 4:return r.label++,{value:e[1],done:!1};case 5:r.label++,i=e[1],e=[0];continue;case 7:e=r.ops.pop(),r.trys.pop();continue;default:if(!((o=(o=r.trys).length>0&&o[o.length-1])||6!==e[0]&&2!==e[0])){r=0;continue}if(3===e[0]&&(!o||e[1]>o[0]&&e[1]<o[3])){r.label=e[1];break}if(6===e[0]&&r.label<o[1]){r.label=o[1],o=e;break}if(o&&r.label<o[2]){r.label=o[2],r.ops.push(e);break}o[2]&&r.ops.pop(),r.trys.pop();continue}e=t(r)}catch(s){e=[6,s],i=0}finally{n=o=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,s])}}}(0,function(S){switch(S.label){case 0:return C.current&&document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches?((e=document.getElementById(f))&&e.remove(),t=C.current.getBoundingClientRect(),n=t.top,i=t.left,o=t.width,r=t.height,d=Math.hypot(c=i+o/2,l=n+r/2),u=Math.hypot(window.innerWidth-c,l),x=Math.hypot(c,window.innerHeight-l),p=Math.hypot(window.innerWidth-c,window.innerHeight-l),w=Math.max(d,u,x,p),g=Math.max(window.innerWidth,window.innerHeight)+200,b=window.innerWidth>=3e3||window.innerHeight>=2e3,j=b?2.5:4,y=b?Math.min(g*j,5e3):g*j,m===z.BLUR_CIRCLE&&((N=document.createElement("style")).id=f,E=b?1.5:1.2,M=Math.max(y,2.5*w),N.textContent="\n        ::view-transition-group(root) {\n          animation-duration: ".concat(v,"ms;\n          animation-timing-function: ").concat(b?"cubic-bezier(0.2, 0, 0.2, 1)":"linear(0 0%, 0.2342 12.49%, 0.4374 24.99%,0.6093 37.49%, 0.6835 43.74%,0.7499 49.99%, 0.8086 56.25%,0.8593 62.5%, 0.9023 68.75%, 0.9375 75%,0.9648 81.25%, 0.9844 87.5%,0.9961 93.75%, 1 100%)",";\n          will-change: transform;\n        }\n\n        ::view-transition-new(root) {\n          mask: ").concat((T=h*E,I="undefined"!=typeof window&&(window.innerWidth>=3e3||window.innerHeight>=2e3)?20:25,'url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 100 100"><defs>'.concat('<filter id="blur"><feGaussianBlur stdDeviation="'.concat(T,'" /></filter>'),'</defs><circle cx="0" cy="0" r="').concat(I,'" fill="white" filter="url(%23blur)"/></svg>\')'))," 0 0 / 100% 100% no-repeat;\n          mask-position: ").concat(c,"px ").concat(l,"px;\n          animation: maskScale ").concat(v,"ms ").concat(a,";\n          transform-origin: ").concat(c,"px ").concat(l,"px;\n          will-change: mask-size, mask-position;\n        }\n\n        ::view-transition-old(root),\n        .dark::view-transition-old(root) {\n          animation: maskScale ").concat(v,"ms ").concat(a,";\n          transform-origin: ").concat(c,"px ").concat(l,"px;\n          z-index: -1;\n          will-change: mask-size, mask-position;\n        }\n\n        @keyframes maskScale {\n          0% {\n            mask-size: 0px;\n            mask-position: ").concat(c,"px ").concat(l,"px;\n          }\n          100% {\n            mask-size: ").concat(M,"px;\n            mask-position: ").concat(c-M/2,"px ").concat(l-M/2,"px;\n          }\n        }\n      "),document.head.appendChild(N)),[4,document.startViewTransition(function(){W(function(){k(function(e){return!e})})}).ready]):(k(function(e){return!e}),[2]);case 1:return S.sent(),m===z.CIRCLE&&document.documentElement.animate({clipPath:["circle(0px at ".concat(c,"px ").concat(l,"px)"),"circle(".concat(w,"px at ").concat(c,"px ").concat(l,"px)")]},{duration:v,easing:a,pseudoElement:s}),m===z.QR_SCAN&&(B=b?8:4,document.documentElement.animate({clipPath:["polygon(0% 0%, ".concat(B,"px 0%, ").concat(B,"px 100%, 0% 100%)"),"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"]},{duration:v,easing:a,pseudoElement:s})),m===z.BLUR_CIRCLE&&setTimeout(function(){var e=document.getElementById(f);e&&e.remove()},v),[2]}var T,I})},new((e=void 0)||(e=Promise))(function(n,i){function o(e){try{r(t.next(e))}catch(n){i(n)}}function a(e){try{r(t.throw(e))}catch(n){i(n)}}function r(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e(function(e){e(i)})).then(o,a)}r((t=t.call(void 0)).next())});var e,t},isDarkMode:y}}({duration:750}),U=o(),G=a(e=>e.chat.currentUser),O=a(e=>e.threads.threads),Q=e(),V=[{title:"اطلاعات کاربری",items:[{icon:/* @__PURE__ */t.jsx(r,{}),title:"نام کاربری",onClick:()=>{N(G?.username||"","نام کاربری مورد نظر کپی شد")},subtitle:G?.username},{icon:/* @__PURE__ */t.jsx(s,{}),title:"شماره همراه",className:"cursor-default select-text",subtitle:G?.cellphoneNumber},{icon:/* @__PURE__ */t.jsx(c,{}),title:"درباره من",className:"cursor-default select-text",subtitle:G?.chatProfileVO?.bio,withBorder:!0}]},{title:"دستگاه‌ها و مخاطبین",items:[{icon:/* @__PURE__ */t.jsx(l,{}),title:"دستگاه‌های فعال",to:"/devicesSessions",withBorder:!0},{icon:/* @__PURE__ */t.jsx(r,{}),title:"مخاطبین",to:"/contacts"},{icon:/* @__PURE__ */t.jsx(d,{}),title:"افزودن مخاطب جدید",children:/* @__PURE__ */t.jsx(R,{open:n,setOpen:i}),onClick:()=>{i(!0),E(!0)}},{icon:/* @__PURE__ */t.jsx(r,{}),title:"کاربران مسدود",to:"/blockedUsers",withBorder:!0}]},{title:"گروه و کانال",items:[{icon:/* @__PURE__ */t.jsx(m,{}),title:"ایجاد گروه جدید",to:"/createGroup/chooseMembers"},{icon:/* @__PURE__ */t.jsx(u,{}),title:"ایجاد کانال جدید",to:"/createChannel/chooseMembers",withBorder:!0}]},{title:"پیام‌ها",items:[{icon:/* @__PURE__ */t.jsx(h,{}),title:"صندوق پیام",to:"/",onClick:function(){const e=O.find(e=>e.type===j.SELF);if(e)return"/thread"!==location.pathname&&Q("/thread",{replace:!0}),U(y(e)),U(k(!1)),void E(!0);U(C()).unwrap().then(({thread:e})=>{U(y(e)),E(!0),U(k(!1))}).catch(e=>{})}},{icon:/* @__PURE__ */t.jsx(x,{}),title:"پوشه بایگانی",to:"/folders"},{icon:/* @__PURE__ */t.jsx(f,{}),title:"تنظیمات",to:"/setting",withBorder:!0}]},{title:"حالت شب",items:[{icon:/* @__PURE__ */t.jsx(p,{}),type:"theme",title:"حالت شب"}]},{title:"درباره ما و خروج",items:[{icon:/* @__PURE__ */t.jsx(w,{}),title:"درباره ما",to:"/about"},{icon:/* @__PURE__ */t.jsx(v,{}),title:"سوالات متداول",to:"/faq",target:"_blank"},{icon:/* @__PURE__ */t.jsx(b,{}),title:"خروج",children:null,onClick:()=>U(g(!0))}]}];/* @__PURE__ */
+return t.jsx(t.Fragment,{children:V.map((e,n)=>/* @__PURE__ */t.jsx("div",{children:e.items.map((e,n)=>"theme"===e?.type?/* @__PURE__ */t.jsx(H,{icon:e.icon,title:e.title,isDarkMode:P,refProp:M,onToggle:D},n):/* @__PURE__ */t.jsx(_,{...e},n))},n))})},U=()=>{const n=a(e=>e.chat.currentUser),i=e(),{handleToggle:o,showRightMenu:r}=L();/* @__PURE__ */
+return t.jsxs("div",{className:"rtl h-[calc(100dvh-60px)] w-full top-[60px] z-chatRightMenu absolute \n    "+(r?"translate-x-0":"translate-x-full"),children:[
+/* @__PURE__ */t.jsx("div",{onClick:o,className:"inset-0 h-full w-full  bg-menuAsideOverlay "}),
+/* @__PURE__ */t.jsxs("div",{className:"transition-all flex flex-col h-full absolute top-0  duration-300 w-64 bg-bgColor shadow-lg  min-w-[260px]",children:[
+/* @__PURE__ */t.jsxs("div",{className:"overflow-y-auto scroll-container h-full",children:[
+/* @__PURE__ */t.jsxs("div",{className:"flex items-center gap-3 px-3 py-4 border-b-2 border-divider h-[68px]",children:[
+/* @__PURE__ */t.jsx(M,{firstName:n?.name,image:n?.image,size:"xs"}),
+/* @__PURE__ */t.jsx("div",{className:"flex-1 text-right",children:/* @__PURE__ */t.jsx("p",{className:"text-invertBlackWhite text-[14px]",children:n?.name})}),
+/* @__PURE__ */t.jsx("button",{className:"text-xs text-menuIconColor",onClick:()=>i("/editProfile"),children:/* @__PURE__ */t.jsx(N,{width:"20px"})})]}),
+/* @__PURE__ */t.jsx(P,{})]}),
+/* @__PURE__ */t.jsxs("div",{className:"flex justify-center items-center px-5 py-6 bg-bgSecondary text-lightText",children:["پیام رسان تاک نسخه ",E]})]})]})};export{U as default};

package/dist/js/ImageEditorModal-BpYLqQzj.js

@@ -0,0 +1,11 @@
+import{aG as e,fB as t,fC as o,j as n,l as r,S as i,cp as a,bi as s}from"./main-BLVwj1_6.js";import*as c from"react";import{useState as h,useCallback as p}from"react";var u,d,l,m,v,f,g,w,C,S;const x=/* @__PURE__ */e(S?C:(S=1,C=function(){if(w)return g;w=1;var e=function(){if(d)return u;d=1;var e,t,o,n,r,i,a,s,c,h,p,l,m,v,f,g=!1;function w(){if(!g){g=!0;var u=navigator.userAgent,d=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(u),w=/(Mac OS X)|(Windows)|(Linux)/.exec(u);if(l=/\b(iPhone|iP[ao]d)/.exec(u),m=/\b(iP[ao]d)/.exec(u),h=/Android/i.exec(u),v=/FBAN\/\w+;/i.exec(u),f=/Mobile/i.exec(u),p=!!/Win64/.exec(u),d){(e=d[1]?parseFloat(d[1]):d[5]?parseFloat(d[5]):NaN)&&document&&document.documentMode&&(e=document.documentMode);var C=/(?:Trident\/(\d+.\d+))/.exec(u);i=C?parseFloat(C[1])+4:e,t=d[2]?parseFloat(d[2]):NaN,o=d[3]?parseFloat(d[3]):NaN,(n=d[4]?parseFloat(d[4]):NaN)?(d=/(?:Chrome\/(\d+\.\d+))/.exec(u),r=d&&d[1]?parseFloat(d[1]):NaN):r=NaN}else e=t=o=r=n=NaN;if(w){if(w[1]){var S=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(u);a=!S||parseFloat(S[1].replace("_","."))}else a=!1;s=!!w[2],c=!!w[3]}else a=s=c=!1}}var C={ie:function(){return w()||e},ieCompatibilityMode:function(){return w()||i>e},ie64:function(){return C.ie()&&p},firefox:function(){return w()||t},opera:function(){return w()||o},webkit:function(){return w()||n},safari:function(){return C.webkit()},chrome:function(){return w()||r},windows:function(){return w()||s},osx:function(){return w()||a},linux:function(){return w()||c},iphone:function(){return w()||l},mobile:function(){return w()||l||m||h||f},nativeApp:function(){return w()||v},android:function(){return w()||h},ipad:function(){return w()||m}};return u=C}(),t=function(){if(f)return v;f=1;var e,t=function(){if(m)return l;m=1;var e=!("undefined"==typeof window||!window.document||!window.document.createElement),t={canUseDOM:e,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:e&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:e&&!!window.screen,isInWorker:!e};return l=t}();return t.canUseDOM&&(e=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),v=function(o,n){if(!t.canUseDOM||n&&!("addEventListener"in document))return!1;var r="on"+o,i=r in document;if(!i){var a=document.createElement("div");a.setAttribute(r,"return;"),i="function"==typeof a[r]}return!i&&e&&"wheel"===o&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}}();function o(e){var t=0,o=0,n=0,r=0;return"detail"in e&&(o=e.detail),"wheelDelta"in e&&(o=-e.wheelDelta/120),"wheelDeltaY"in e&&(o=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=o,o=0),n=10*t,r=10*o,"deltaY"in e&&(r=e.deltaY),"deltaX"in e&&(n=e.deltaX),(n||r)&&e.deltaMode&&(1==e.deltaMode?(n*=40,r*=40):(n*=800,r*=800)),n&&!t&&(t=n<1?-1:1),r&&!o&&(o=r<1?-1:1),{spinX:t,spinY:o,pixelX:n,pixelY:r}}return o.getEventType=function(){return e.firefox()?"DOMMouseScroll":t("wheel")?"wheel":"mousewheel"},g=o}()));function y(e,t,o,n,r){void 0===r&&(r=0);var i=E(t.width,t.height,r),a=i.width,s=i.height;return{x:z(e.x,a,o.width,n),y:z(e.y,s,o.height,n)}}function z(e,t,o,n){var r=t*n/2-o/2;return A(e,-r,r)}function R(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function b(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function D(e,t){return Math.min(e,Math.max(0,t))}function P(e,t){return t}function M(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function E(e,t,o){var n=o*Math.PI/180;return{width:Math.abs(Math.cos(n)*e)+Math.abs(Math.sin(n)*t),height:Math.abs(Math.sin(n)*e)+Math.abs(Math.cos(n)*t)}}function A(e,t,o){return Math.min(Math.max(e,t),o)}function W(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return"string"==typeof e&&e.length>0}).join(" ").trim()}var N=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.cropperRef=c.createRef(),t.imageRef=c.createRef(),t.videoRef=c.createRef(),t.containerPosition={x:0,y:0},t.containerRef=null,t.styleRef=null,t.containerRect=null,t.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},t.dragStartPosition={x:0,y:0},t.dragStartCrop={x:0,y:0},t.gestureZoomStart=0,t.gestureRotationStart=0,t.isTouching=!1,t.lastPinchDistance=0,t.lastPinchRotation=0,t.rafDragTimeout=null,t.rafPinchTimeout=null,t.wheelTimer=null,t.currentDoc="undefined"!=typeof document?document:null,t.currentWindow="undefined"!=typeof window?window:null,t.resizeObserver=null,t.previousCropSize=null,t.isInitialized=!1,t.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},t.initResizeObserver=function(){if(void 0!==window.ResizeObserver&&t.containerRef){var e=!0;t.resizeObserver=new window.ResizeObserver(function(o){e?e=!1:t.computeSizes()}),t.resizeObserver.observe(t.containerRef)}},t.preventZoomSafari=function(e){return e.preventDefault()},t.cleanEvents=function(){t.currentDoc&&(t.currentDoc.removeEventListener("mousemove",t.onMouseMove),t.currentDoc.removeEventListener("mouseup",t.onDragStopped),t.currentDoc.removeEventListener("touchmove",t.onTouchMove),t.currentDoc.removeEventListener("touchend",t.onDragStopped),t.currentDoc.removeEventListener("gesturechange",t.onGestureChange),t.currentDoc.removeEventListener("gestureend",t.onGestureEnd),t.currentDoc.removeEventListener("scroll",t.onScroll))},t.clearScrollEvent=function(){t.containerRef&&t.containerRef.removeEventListener("wheel",t.onWheel),t.wheelTimer&&clearTimeout(t.wheelTimer)},t.onMediaLoad=function(){var e=t.computeSizes();e&&(t.previousCropSize=e,t.emitCropData(),t.setInitialCrop(e),t.isInitialized=!0),t.props.onMediaLoaded&&t.props.onMediaLoaded(t.mediaSize)},t.setInitialCrop=function(e){if(t.props.initialCroppedAreaPercentages){var o=function(e,t,o,n,r,i){var a=E(t.width,t.height,o),s=A(n.width/a.width*(100/e.width),r,i);return{crop:{x:s*a.width/2-n.width/2-a.width*s*(e.x/100),y:s*a.height/2-n.height/2-a.height*s*(e.y/100)},zoom:s}}(t.props.initialCroppedAreaPercentages,t.mediaSize,t.props.rotation,e,t.props.minZoom,t.props.maxZoom),n=o.crop,r=o.zoom;t.props.onCropChange(n),t.props.onZoomChange&&t.props.onZoomChange(r)}else if(t.props.initialCroppedAreaPixels){var i=function(e,t,o,n,r,i){void 0===o&&(o=0);var a=E(t.naturalWidth,t.naturalHeight,o),s=A(function(e,t,o){var n=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return o.height>o.width?o.height/(e.height*n):o.width/(e.width*n)}(e,t,n),r,i),c=n.height>n.width?n.height/e.height:n.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*c,y:((a.height-e.height)/2-e.y)*c},zoom:s}}(t.props.initialCroppedAreaPixels,t.mediaSize,t.props.rotation,e,t.props.minZoom,t.props.maxZoom);n=i.crop,r=i.zoom,t.props.onCropChange(n),t.props.onZoomChange&&t.props.onZoomChange(r)}},t.computeSizes=function(){var e,n,r,i,a,s,c=t.imageRef.current||t.videoRef.current;if(c&&t.containerRef){t.containerRect=t.containerRef.getBoundingClientRect(),t.saveContainerPosition();var h=t.containerRect.width/t.containerRect.height,p=(null===(e=t.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(n=t.videoRef.current)||void 0===n?void 0:n.videoWidth)||0,u=(null===(r=t.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(i=t.videoRef.current)||void 0===i?void 0:i.videoHeight)||0,d=p/u,l=void 0;if(c.offsetWidth<p||c.offsetHeight<u)switch(t.state.mediaObjectFit){default:case"contain":l=h>d?{width:t.containerRect.height*d,height:t.containerRect.height}:{width:t.containerRect.width,height:t.containerRect.width/d};break;case"horizontal-cover":l={width:t.containerRect.width,height:t.containerRect.width/d};break;case"vertical-cover":l={width:t.containerRect.height*d,height:t.containerRect.height}}else l={width:c.offsetWidth,height:c.offsetHeight};t.mediaSize=o(o({},l),{naturalWidth:p,naturalHeight:u}),t.props.setMediaSize&&t.props.setMediaSize(t.mediaSize);var m=t.props.cropSize?t.props.cropSize:function(e,t,o,n,r,i){void 0===i&&(i=0);var a=E(e,t,i),s=a.width,c=a.height,h=Math.min(s,o),p=Math.min(c,n);return h>p*r?{width:p*r,height:p}:{width:h,height:h/r}}(t.mediaSize.width,t.mediaSize.height,t.containerRect.width,t.containerRect.height,t.props.aspect,t.props.rotation);return(null===(a=t.state.cropSize)||void 0===a?void 0:a.height)===m.height&&(null===(s=t.state.cropSize)||void 0===s?void 0:s.width)===m.width||t.props.onCropSizeChange&&t.props.onCropSizeChange(m),t.setState({cropSize:m},t.recomputeCropPosition),t.props.setCropSize&&t.props.setCropSize(m),m}},t.saveContainerPosition=function(){if(t.containerRef){var e=t.containerRef.getBoundingClientRect();t.containerPosition={x:e.left,y:e.top}}},t.onMouseDown=function(e){t.currentDoc&&(e.preventDefault(),t.currentDoc.addEventListener("mousemove",t.onMouseMove),t.currentDoc.addEventListener("mouseup",t.onDragStopped),t.saveContainerPosition(),t.onDragStart(n.getMousePoint(e)))},t.onMouseMove=function(e){return t.onDrag(n.getMousePoint(e))},t.onScroll=function(e){t.currentDoc&&(e.preventDefault(),t.saveContainerPosition())},t.onTouchStart=function(e){t.currentDoc&&(t.isTouching=!0,t.props.onTouchRequest&&!t.props.onTouchRequest(e)||(t.currentDoc.addEventListener("touchmove",t.onTouchMove,{passive:!1}),t.currentDoc.addEventListener("touchend",t.onDragStopped),t.saveContainerPosition(),2===e.touches.length?t.onPinchStart(e):1===e.touches.length&&t.onDragStart(n.getTouchPoint(e.touches[0]))))},t.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?t.onPinchMove(e):1===e.touches.length&&t.onDrag(n.getTouchPoint(e.touches[0]))},t.onGestureStart=function(e){t.currentDoc&&(e.preventDefault(),t.currentDoc.addEventListener("gesturechange",t.onGestureChange),t.currentDoc.addEventListener("gestureend",t.onGestureEnd),t.gestureZoomStart=t.props.zoom,t.gestureRotationStart=t.props.rotation)},t.onGestureChange=function(e){if(e.preventDefault(),!t.isTouching){var o=n.getMousePoint(e),r=t.gestureZoomStart-1+e.scale;if(t.setNewZoom(r,o,{shouldUpdatePosition:!0}),t.props.onRotationChange){var i=t.gestureRotationStart+e.rotation;t.props.onRotationChange(i)}}},t.onGestureEnd=function(e){t.cleanEvents()},t.onDragStart=function(e){var n,r,i=e.x,a=e.y;t.dragStartPosition={x:i,y:a},t.dragStartCrop=o({},t.props.crop),null===(r=(n=t.props).onInteractionStart)||void 0===r||r.call(n)},t.onDrag=function(e){var o=e.x,n=e.y;t.currentWindow&&(t.rafDragTimeout&&t.currentWindow.cancelAnimationFrame(t.rafDragTimeout),t.rafDragTimeout=t.currentWindow.requestAnimationFrame(function(){if(t.state.cropSize&&void 0!==o&&void 0!==n){var e=o-t.dragStartPosition.x,r=n-t.dragStartPosition.y,i={x:t.dragStartCrop.x+e,y:t.dragStartCrop.y+r},a=t.props.restrictPosition?y(i,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):i;t.props.onCropChange(a)}}))},t.onDragStopped=function(){var e,o;t.isTouching=!1,t.cleanEvents(),t.emitCropData(),null===(o=(e=t.props).onInteractionEnd)||void 0===o||o.call(e)},t.onWheel=function(e){if(t.currentWindow&&(!t.props.onWheelRequest||t.props.onWheelRequest(e))){e.preventDefault();var o=n.getMousePoint(e),r=x(e).pixelY,i=t.props.zoom-r*t.props.zoomSpeed/200;t.setNewZoom(i,o,{shouldUpdatePosition:!0}),t.state.hasWheelJustStarted||t.setState({hasWheelJustStarted:!0},function(){var e,o;return null===(o=(e=t.props).onInteractionStart)||void 0===o?void 0:o.call(e)}),t.wheelTimer&&clearTimeout(t.wheelTimer),t.wheelTimer=t.currentWindow.setTimeout(function(){return t.setState({hasWheelJustStarted:!1},function(){var e,o;return null===(o=(e=t.props).onInteractionEnd)||void 0===o?void 0:o.call(e)})},250)}},t.getPointOnContainer=function(e,o){var n=e.x,r=e.y;if(!t.containerRect)throw Error("The Cropper is not mounted");return{x:t.containerRect.width/2-(n-o.x),y:t.containerRect.height/2-(r-o.y)}},t.getPointOnMedia=function(e){var o=e.x,n=e.y,r=t.props,i=r.crop,a=r.zoom;return{x:(o+i.x)/a,y:(n+i.y)/a}},t.setNewZoom=function(e,o,n){var r=(void 0===n?{}:n).shouldUpdatePosition,i=void 0===r||r;if(t.state.cropSize&&t.props.onZoomChange){var a=A(e,t.props.minZoom,t.props.maxZoom);if(i){var s=t.getPointOnContainer(o,t.containerPosition),c=t.getPointOnMedia(s),h={x:c.x*a-s.x,y:c.y*a-s.y},p=t.props.restrictPosition?y(h,t.mediaSize,t.state.cropSize,a,t.props.rotation):h;t.props.onCropChange(p)}t.props.onZoomChange(a)}},t.getCropData=function(){return t.state.cropSize?function(e,t,n,r,i,a,s){void 0===a&&(a=0),void 0===s&&(s=!0);var c=s?D:P,h=E(t.width,t.height,a),p=E(t.naturalWidth,t.naturalHeight,a),u={x:c(100,((h.width-n.width/i)/2-e.x/i)/h.width*100),y:c(100,((h.height-n.height/i)/2-e.y/i)/h.height*100),width:c(100,n.width/h.width*100/i),height:c(100,n.height/h.height*100/i)},d=Math.round(c(p.width,u.width*p.width/100)),l=Math.round(c(p.height,u.height*p.height/100)),m=p.width>=p.height*r?{width:Math.round(l*r),height:l}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:u,croppedAreaPixels:o(o({},m),{x:Math.round(c(p.width-m.width,u.x*p.width/100)),y:Math.round(c(p.height-m.height,u.y*p.height/100))})}}(t.props.restrictPosition?y(t.props.crop,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):t.props.crop,t.mediaSize,t.state.cropSize,t.getAspect(),t.props.zoom,t.props.rotation,t.props.restrictPosition):null},t.emitCropData=function(){var e=t.getCropData();if(e){var o=e.croppedAreaPercentages,n=e.croppedAreaPixels;t.props.onCropComplete&&t.props.onCropComplete(o,n),t.props.onCropAreaChange&&t.props.onCropAreaChange(o,n)}},t.emitCropAreaChange=function(){var e=t.getCropData();if(e){var o=e.croppedAreaPercentages,n=e.croppedAreaPixels;t.props.onCropAreaChange&&t.props.onCropAreaChange(o,n)}},t.recomputeCropPosition=function(){var e,o;if(t.state.cropSize){var n=t.props.crop;if(t.isInitialized&&(null===(e=t.previousCropSize)||void 0===e?void 0:e.width)&&(null===(o=t.previousCropSize)||void 0===o?void 0:o.height)&&(Math.abs(t.previousCropSize.width-t.state.cropSize.width)>1e-6||Math.abs(t.previousCropSize.height-t.state.cropSize.height)>1e-6)){var r=t.state.cropSize.width/t.previousCropSize.width,i=t.state.cropSize.height/t.previousCropSize.height;n={x:t.props.crop.x*r,y:t.props.crop.y*i}}var a=t.props.restrictPosition?y(n,t.mediaSize,t.state.cropSize,t.props.zoom,t.props.rotation):n;t.previousCropSize=t.state.cropSize,t.props.onCropChange(a),t.emitCropData()}},t.onKeyDown=function(e){var n,r,i=t.props,a=i.crop,s=i.onCropChange,c=i.keyboardStep,h=i.zoom,p=i.rotation,u=c;if(t.state.cropSize){e.shiftKey&&(u*=.2);var d=o({},a);switch(e.key){case"ArrowUp":d.y-=u,e.preventDefault();break;case"ArrowDown":d.y+=u,e.preventDefault();break;case"ArrowLeft":d.x-=u,e.preventDefault();break;case"ArrowRight":d.x+=u,e.preventDefault();break;default:return}t.props.restrictPosition&&(d=y(d,t.mediaSize,t.state.cropSize,h,p)),e.repeat||null===(r=(n=t.props).onInteractionStart)||void 0===r||r.call(n),s(d)}},t.onKeyUp=function(e){var o,n;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":e.preventDefault();break;default:return}t.emitCropData(),null===(n=(o=t.props).onInteractionEnd)||void 0===n||n.call(o)},t}return t(n,e),n.prototype.componentDidMount=function(){this.currentDoc&&this.currentWindow&&(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),void 0===window.ResizeObserver&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=".reactEasyCrop_Container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n  will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n  width: 100%;\n  height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n  width: auto;\n  height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 9999em;\n  color: rgba(0, 0, 0, 0.5);\n  overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n  border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 0;\n  bottom: 0;\n  left: 33.33%;\n  right: 33.33%;\n  border-top: 0;\n  border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n  content: ' ';\n  box-sizing: border-box;\n  position: absolute;\n  border: 1px solid rgba(255, 255, 255, 0.5);\n  top: 33.33%;\n  bottom: 33.33%;\n  left: 0;\n  right: 0;\n  border-left: 0;\n  border-right: 0;\n}\n",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},n.prototype.componentWillUnmount=function(){var e,t;this.currentDoc&&this.currentWindow&&(void 0===window.ResizeObserver&&this.currentWindow.removeEventListener("resize",this.computeSizes),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(t=this.styleRef.parentNode)||void 0===t||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},n.prototype.componentDidUpdate=function(e){var t,o,n,r,i,a,s,c,h;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect||e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(o=this.props.cropSize)||void 0===o?void 0:o.height)||(null===(n=e.cropSize)||void 0===n?void 0:n.width)!==(null===(r=this.props.cropSize)||void 0===r?void 0:r.width)?this.computeSizes():(null===(i=e.crop)||void 0===i?void 0:i.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(c=this.props.crop)||void 0===c?void 0:c.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(h=this.videoRef.current)||void 0===h||h.load());var p=this.getObjectFit();p!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:p},this.computeSizes)},n.prototype.getAspect=function(){var e=this.props,t=e.cropSize,o=e.aspect;return t?t.width/t.height:o},n.prototype.getObjectFit=function(){var e,t,o,n;if("cover"===this.props.objectFit){if((this.imageRef.current||this.videoRef.current)&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var r=this.containerRect.width/this.containerRect.height;return((null===(e=this.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=this.videoRef.current)||void 0===t?void 0:t.videoWidth)||0)/((null===(o=this.imageRef.current)||void 0===o?void 0:o.naturalHeight)||(null===(n=this.videoRef.current)||void 0===n?void 0:n.videoHeight)||0)<r?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},n.prototype.onPinchStart=function(e){var t=n.getTouchPoint(e.touches[0]),o=n.getTouchPoint(e.touches[1]);this.lastPinchDistance=R(t,o),this.lastPinchRotation=b(t,o),this.onDragStart(M(t,o))},n.prototype.onPinchMove=function(e){var t=this;if(this.currentDoc&&this.currentWindow){var o=n.getTouchPoint(e.touches[0]),r=n.getTouchPoint(e.touches[1]),i=M(o,r);this.onDrag(i),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var e=R(o,r),n=t.props.zoom*(e/t.lastPinchDistance);t.setNewZoom(n,i,{shouldUpdatePosition:!1}),t.lastPinchDistance=e;var a=b(o,r),s=t.props.rotation+(a-t.lastPinchRotation);t.props.onRotationChange&&t.props.onRotationChange(s),t.lastPinchRotation=a})}},n.prototype.render=function(){var e,t=this,n=this.props,r=n.image,i=n.video,a=n.mediaProps,s=n.cropperProps,h=n.transform,p=n.crop,u=p.x,d=p.y,l=n.rotation,m=n.zoom,v=n.cropShape,f=n.showGrid,g=n.roundCropAreaPixels,w=n.style,C=w.containerStyle,S=w.cropAreaStyle,x=w.mediaStyle,y=n.classes,z=y.containerClassName,R=y.cropAreaClassName,b=y.mediaClassName,D=null!==(e=this.state.mediaObjectFit)&&void 0!==e?e:this.getObjectFit();return c.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(e){return t.containerRef=e},"data-testid":"container",style:C,className:W("reactEasyCrop_Container",z)},r?c.createElement("img",o({alt:"",className:W("reactEasyCrop_Image","contain"===D&&"reactEasyCrop_Contain","horizontal-cover"===D&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===D&&"reactEasyCrop_Cover_Vertical",b)},a,{src:r,ref:this.imageRef,style:o(o({},x),{transform:h||"translate(".concat(u,"px, ").concat(d,"px) rotate(").concat(l,"deg) scale(").concat(m,")")}),onLoad:this.onMediaLoad})):i&&c.createElement("video",o({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:W("reactEasyCrop_Video","contain"===D&&"reactEasyCrop_Contain","horizontal-cover"===D&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===D&&"reactEasyCrop_Cover_Vertical",b)},a,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:o(o({},x),{transform:h||"translate(".concat(u,"px, ").concat(d,"px) rotate(").concat(l,"deg) scale(").concat(m,")")}),controls:!1}),(Array.isArray(i)?i:[{src:i}]).map(function(e){return c.createElement("source",o({key:e.src},e))})),this.state.cropSize&&c.createElement("div",o({ref:this.cropperRef,style:o(o({},S),{width:g?Math.round(this.state.cropSize.width):this.state.cropSize.width,height:g?Math.round(this.state.cropSize.height):this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:W("reactEasyCrop_CropArea","round"===v&&"reactEasyCrop_CropAreaRound",f&&"reactEasyCrop_CropAreaGrid",R)},s)))},n.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:1},n.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},n.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},n}(c.Component);const j=({min:e,max:t,step:o,value:r,onChange:i,icon:a,className:s})=>/* @__PURE__ */n.jsxs("div",{className:"gap-1 flex justify-between items-center "+s,children:[
+/* @__PURE__ */n.jsx("span",{className:"mb-1",children:a}),
+/* @__PURE__ */n.jsx("input",{type:"range",min:e,max:t,step:o,value:r,onChange:e=>i(parseFloat(e.target.value)),className:"w-full accent-accent"})]}),T=({open:e,onClose:t,imageUrl:o,onSave:c})=>{const[u,d]=h({x:0,y:0}),[l,m]=h(1),[v,f]=h(0),[g,w]=h(null),C=p((e,t)=>{w(t)},[]),S=p(async()=>{if(g)try{const e=await async function(e,t,o=0){const n=await new Promise((t,o)=>{const n=new Image;n.src=e,n.crossOrigin="anonymous",n.onload=()=>t(n),n.onerror=o}),r=document.createElement("canvas"),i=r.getContext("2d");return r.width=t.width,r.height=t.height,i.translate(r.width/2,r.height/2),i.rotate(o*Math.PI/180),i.translate(-r.width/2,-r.height/2),i.drawImage(n,t.x,t.y,t.width,t.height,0,0,t.width,t.height),new Promise(e=>{r.toBlob(t=>{if(!t)throw Error("Canvas to blob failed");e(t)},"image/jpeg")})}(o,g,v),n=new File([e],"edited-image.jpg",{type:"image/jpeg",lastModified:Date.now()});c(n),t()}catch(e){}},[g,v,o,c,t]);/* @__PURE__ */
+return n.jsx(r,{open:e,onOpenChange:t,size:"full",hasNotPadding:!0,children:/* @__PURE__ */n.jsxs("div",{className:"dark h-full bg-divider flex flex-col",children:[
+/* @__PURE__ */n.jsxs("div",{className:"flex justify-between items-center bg-bgPinMessage p-1",children:[
+/* @__PURE__ */n.jsx("button",{onClick:S,className:"px-6 py-1 rounded focus-visible:!outline-none bg-accent text-white font-bold text-sm flex items-center",children:"ثبت"}),
+/* @__PURE__ */n.jsxs("div",{className:"flex justify-center items-center gap-3",children:[
+/* @__PURE__ */n.jsx(j,{min:.5,max:4,step:.01,value:l,onChange:m,icon:/* @__PURE__ */n.jsx(i,{className:"text-accent"})}),
+/* @__PURE__ */n.jsx(j,{min:0,max:360,step:1,value:v,onChange:f,icon:/* @__PURE__ */n.jsx(a,{fill:"var(--color-accent)"})})]}),
+/* @__PURE__ */n.jsx("button",{className:"text-white",onClick:t,children:/* @__PURE__ */n.jsx(s,{width:"17",height:"17"})})]}),
+/* @__PURE__ */n.jsx("div",{className:"flex-1 flex items-center justify-center p-2 sm:p-4 md:p-6 overflow-hidden",children:/* @__PURE__ */n.jsx("div",{className:"relative w-full h-full md:w-[80%] md:h-[80%]",children:/* @__PURE__ */n.jsx(N,{image:o,crop:u,zoom:l,rotation:v,aspect:1,cropShape:"round",showGrid:!1,onCropChange:d,onZoomChange:m,onRotationChange:f,onCropComplete:C})})})]})})};export{T as I};