https://app.hydra.win/_next/static/chunks/pages/modules/borderCreator-6e598fc216676e05.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5575],{51583:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z"}}]},name:"save",theme:"outlined"}},51942:function(e,t,n){"use strict";Object.defineProperty(t,"Z",{enumerable:!0,get:function(){return l}});var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var o={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=r?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(o,a,i):o[a]=e[a]}return o.default=e,n&&n.set(e,o),o}(n(67294)),r=i(n(51583)),a=i(n(92074));function i(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}var l=o.forwardRef(function(e,t){var n,i;return o.createElement(a.default,(n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){var o;o=n[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}({},e),i=i={ref:t,icon:r.default},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n})(Object(i)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}),n))})},93162:function(e,t,n){var o,r;void 0!==(r="function"==typeof(o=function(){"use strict";function t(e,t,n){var o=new XMLHttpRequest;o.open("GET",e),o.responseType="blob",o.onload=function(){c(o.response,t,n)},o.onerror=function(){console.error("could not download file")},o.send()}function o(e){var t=new XMLHttpRequest;t.open("HEAD",e,!1);try{t.send()}catch(e){}return 200<=t.status&&299>=t.status}function r(e){try{e.dispatchEvent(new MouseEvent("click"))}catch(n){var t=document.createEvent("MouseEvents");

1t.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(t)}}var a="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof n.g&&n.g.global===n.g?n.g:void 0,i=a.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),c=a.saveAs||("object"!=typeof window||window!==a?function(){}:"download"in HTMLAnchorElement.prototype&&!i?function(e,n,i){var c=a.URL||a.webkitURL,l=document.createElement("a");n=n||e.name||"download",l.download=n,l.rel="noopener","string"==typeof e?(l.href=e,l.origin===location.origin?r(l):o(l.href)?t(e,n,i):r(l,l.target="_blank")):(l.href=c.createObjectURL(e),setTimeout(function(){c.revokeObjectURL(l.href)},4e4),setTimeout(function(){r(l)},0))}:"msSaveOrOpenBlob"in navigator?function(e,n,a){if(n=n||e.name||"download","string"!=typeof e){var i;navigator.msSaveOrOpenBlob((void 0===(i=a)?i={autoBom:!1}:"object"!=typeof i&&(console.warn("Deprecated: Expected third argument to be a object"),i={autoBom:!i}),i.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)?new Blob(["\uFEFF",e],{type:e.type}):e),n)}else if(o(e))t(e,n,a);else{var c=document.createElement("a");c.href=e,c.target="_blank",setTimeout(function(){r(c)})}}:function(e,n,o,r){if((r=r||open("","_blank"))&&(r.document.title=r.document.body.innerText="downloading..."),"string"==typeof e)return t(e,n,o);var c="application/octet-stream"===e.type,l=/constructor/i.test(a.HTMLElement)||a.safari,s=/CriOS\/[\d]+/.test(navigator.userAgent);if((s||c&&l||i)&&"undefined"!=typeof FileReader){var u=new FileReader;u.onloadend=function(){var e=u.result;e=s?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),r?r.location.href=e:location=e,r=null},u.readAsDataURL(e)}else{var f=a.URL||a.webkitURL,d=f.createObjectURL(e);r?r.location=d:location.href=d,r=null,setTimeout(function(){f.revokeObjectURL(d)},4e4)}});a.saveAs=c.saveAs=c,e.exports=c})?o.apply(t,[]):o)&&(e.exports=r)},6586:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/modules/borderCreator",function(){return n(94200)}])},94200:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return s}});var o=n(85893),r=n(67294),a=n(65400),i=n.n(a),c=n(51942),l=n(93162);function s(){let e=(0,r.useRef)(null),t=(0,r.useRef)(null),[n,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let n=e.current;console.log("Canvas ref: ",n),n.width=1250,n.height=1250;let o=n.getContext("2d");console.log("Context ref: ",o),t.current=o},[]),(0,o.jsx)("div",{className:"row",children:(0,o.jsx)("div",{className:"col",children:(0,o.jsxs)("div",{className:"position-card",style:{textAlign:"center",display:"flex",flexFlow:"column",justifyContent:"center",alignItems:"center"},children:[(0,o.jsx)("h4",{className:"card-headline",style:{color:"white"},children:"Create Profile Image"}),(0,o.jsx)("div",{className:"canvas-container",children:(0,o.jsx)("canvas",{className:"mobile-sizing-canvas",style:{border:"1px solid white",borderRadius:"100%"},ref:e})}),(0,o.jsx)("p",{style:{color:"white",opacity:.5,fontWeight:"bold",marginTop:5},children:"TitanX.win does not store your image."}),(0,o.jsx)("p",{style:{color:"white",opacity:.5},children:"Your image never leaves your device."}),(0,o.jsxs)("label",{for:"file-upload",class:"custom-file-upload",style:{marginTop:22},children:[(0,o.jsx)("i",{class:"fa fa-cloud-upload"})," Upload Image"]}),(0,o.jsx)("p",{style:{color:"white",opacity:.5},children:".png .jpg .jpeg"}),(0,o.jsx)("input",{id:"file-upload",onChange:function(e){console.log("file",e.target.files[0]);let n=new FileReader;n.readAsDataURL(e.target.files[0]),n.onload=()=>{console.log("fileImage",n.result);let e=new Image;e.src=n.result,e.onload=()=>{var n=Math.max(1250/e.width,1250/e.height),o=(1250-e.width*n)/2,r=(1250-e.height*n)/2;t.current.clearRect(0,0,1250,1250),t.current.drawImage(e,0,0,e.width,e.height,o,r,e.width*n,e.height*n);let i=new Image;i.src="./img/titxborder.png",i.onload=()=>{t.current.drawImage(i,0,0,1250,1250),a(!0)}}}},type:"file",accept:"image/*"}),(0,o.jsx)(i(),{type:"primary",size:"large",disabled:!n,icon:(0,o.jsx)(c.Z,{}),style:{marginTop:11,display:"flex",alignItems:"center",justifyContent:"Center",maxWidth:280},onClick:(t,n)=>{e.current.toBlob(function(e){(0,l.saveAs)(e,"TitanX.win Profile Pic.png")})},children:"Download Profile Picture"})]})})})}}},function(e){e.O(0,[5400,9774,2888,179],function(){return e(e.s=6586)}),_N_E=e.O()}]);