1(self.webpackChunkimageboss_www=self.webpackChunkimageboss_www||[]).push([[779],{5187:function(e,t,s){var i={"./docs/cdn-example.png":3179,"./docs/progressive-scans.jpg":2257,"./examples/01.jpg":9640,"./full-boss.svg":3397,"./icons/features/ic-feature-1.svg":5018,"./icons/features/ic-feature-2.svg":2464,"./icons/features/ic-feature-3.svg":1608,"./icons/features/ic-feature-4.svg":9173,"./icons/features/ic-feature-5.svg":1862,"./icons/features/ic-feature-6.svg":2314,"./icons/header/header-icons.png":9050,"./icons/header/[email protected]":9804,"./icons/header/[email protected]":2009,"./icons/header/[email protected]":2810,"./icons/ic-blur-off.svg":3439,"./icons/ic-blur-on.svg":4365,"./icons/ic-check.svg":9794,"./icons/ic-checked.svg":5118,"./icons/ic-clear.svg":3050,"./icons/ic-cross.svg":3025,"./icons/ic-gs-off.svg":3565,"./icons/ic-gs-on.svg":7096,"./icons/ic-info.svg":2296,"./icons/ic-warning.svg":8957,"./logo/logo-1.png":330,"./logo/logo-1.svg":9946,"./logo/[email protected]":1654,"./logo/[email protected]":9387,"./logo/logo-2-white.svg":7203,"./logo/logo-2.png":2342,"./logo/logo-2.svg":8568,"./logo/[email protected]":6066,"images/docs/cdn-example.png":3179,"images/docs/progressive-scans.jpg":2257,"images/examples/01.jpg":9640,"images/full-boss.svg":3397,"images/icons/features/ic-feature-1.svg":5018,"images/icons/features/ic-feature-2.svg":2464,"images/icons/features/ic-feature-3.svg":1608,"images/icons/features/ic-feature-4.svg":9173,"images/icons/features/ic-feature-5.svg":1862,"images/icons/features/ic-feature-6.svg":2314,"images/icons/header/header-icons.png":9050,"images/icons/header/[email protected]":9804,"images/icons/header/[email protected]":2009,"images/icons/header/[email protected]":2810,"images/icons/ic-blur-off.svg":3439,"images/icons/ic-blur-on.svg":4365,"images/icons/ic-check.svg":9794,"images/icons/ic-checked.svg":5118,"images/icons/ic-clear.svg":3050,"images/icons/ic-cross.svg":3025,"images/icons/ic-gs-off.svg":3565,"images/icons/ic-gs-on.svg":7096,"images/icons/ic-info.svg":2296,"images/icons/ic-warning.svg":8957,"images/logo/logo-1.png":330,"images/logo/logo-1.svg":9946,"images/logo/[email protected]":1654,"images/logo/[email protected]":9387,"images/logo/logo-2-white.svg":7203,"images/logo/logo-2.png":2342,"images/logo/logo-2.svg":8568,"images/logo/[email protected]":6066};function n(e){var t=a(e);return s(t)}function a(e){if(!s.o(i,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return i[e]}n.keys=function(){return Object.keys(i)},n.resolve=a,e.exports=n,n.id=5187},9624:function(e,t,s){"use strict";s.d(t,{Z:function(){return c}});var i=s(7294),n=s(8786),a=s(1285),r=s.n(a),o=s(7964);class c extends i.Component{constructor(e){var t;super(e),t=this,this.setPreviewImage=()=>{const e=this.getImageUrl();document.getElementById("preview-image").style.backgroundImage=`url("${e}")`,this.setState({previewImg:e})},this.getDefaultDimensions=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t.state.recipe;return"cover"===e?{width:500,height:500}:"width"===e?{width:700,height:t.state.height}:{width:t.state.width,height:700}},this.setRecipe=(e,t)=>{t.preventDefault();const s=this.getDefaultDimensions(e);this.setState({recipe:e,width:s.width,height:s.height},this.setPreviewImage)},this.setOption=(e,t)=>{t.preventDefault(),this.setState({[e]:!this.state[e]},this.setPreviewImage)},this.getOptions=()=>{const e=["format:auto"];let t;return["grayscale","blur"].forEach((t=>{this.state[t]&&("grayscale"===t?e.push(`${t}:true`):"blur"===t&&e.push(`${t}:${this.state.blurValue}`))})),e.length&&(t=`${e.join(",")}/`),t||""},this.getImageUrl=()=>{const e=[];let t;["grayscale","blur"].forEach((t=>{this.state[t]&&("grayscale"===t?e.push(`${t}:true`):"blur"===t&&e.push(`${t}:${this.state.blurValue}`))})),e.length&&(t=`${e.join(",")}/`);const s=Math.max(1,Number(this.state.width)),i=Math.max(1,Number(this.state.height));return this.state.recipes[this.state.recipe].replace(":width",s).replace(":height",i).replace(":options",this.getOptions()).replace("/:path",this.state.path)},this.toogleImageViewer=e=>{e.preventDefault(),this.setState({visible:!this.state.visible})},this.changeParams=(e,t)=>{let s;s=t.target.value?Math.min(4e3,t.target.value):t.target.value,this.setState({[e]:s})},this.state={source:e.recipe||"boss-images",recipe:e.recipe||"cover",width:e.width||522,height:e.height||340,blur:!1,blurValue:3,grayscale:!1,recipesBar:e.recipesBar||"on",optionsBar:e.optionsBar||"on",path:e.path||"/examples/02.jpg",recipes:{width:`${e.service}/${e.source}/width/:width/:options:path`,height:`${e.service}/${e.source}/height/:height/:options:path`,cover:`${e.service}/${e.source}/cover/:widthx:height/:options:path`}};const s=this.getDefaultDimensions();this.state.width=s.width,this.state.height=s.height}componentDidMount(){this.setPreviewImage()}render(){const e=(0,n.AK)({active:"cover"===this.state.recipe}),t=(0,n.AK)({active:"width"===this.state.recipe}),s=(0,n.AK)({active:"height"===this.state.recipe}),a=(0,n.AK)("icon icon-blur",{"icon-blur-on":this.state.blur}),c=(0,n.AK)("icon icon-gs",{"icon-gs-on":this.state.grayscale}),l="cover"==this.state.recipe?`/mywebsite-images/${this.state.recipe}/${this.state.width}x${this.state.height}/${this.getOptions()}`:`/mywebsite-images/${this.state.recipe}/${this.state.width}/${this.getOptions()}`;return i.createElement("div",{className:"in-action-frame"},i.createElement("div",{className:"in-action-image",id:"preview-image",onClick:this.toogleImageViewer},i.createElement(r(),{visible:this.state.visible,onClose:()=>{this.setState({visible:!1})},images:[{src:this.state.previewImg,alt:"Real Size Image"}]}),i.createElement("a",{href:"#",className:"btn btn-small btn-green-sh"},"view in real size")),i.createElement("div",{className:"in-action-tools"},i.createElement(n.If,{condition:"on"===this.state.recipesBar},i.createElement("div",{className:"recipes"},i.createElement("ul",null,i.createElement("li",null,i.createElement(o.Tooltip,{title:"The final image will have an exact proportion with the Smart Cropping Technology.",position:"top",trigger:"mouseenter"},i.createElement("a",{href:"#",className:e,onClick:this.setRecipe.bind(null,"cover")},"Cover"))),i.createElement("li",null,i.createElement(o.Tooltip,{title:"The final image will have its width proportionally calculated and a fixed height.",position:"top",trigger:"mouseenter"},i.createElement("a",{href:"#",className:t,onClick:this.setRecipe.bind(null,"width")},"Width"))),i.createElement("li",null,i.createElement(o.Tooltip,{title:"The final image will have its height proportionally calculated and a fixed width.",position:"top",trigger:"mouseenter"},i.createElement("a",{href:"#",className:s,onClick:this.setRecipe.bind(null,"height")},"Height")))))),i.createElement(n.If,{condition:"on"===this.state.optionsBar},i.createElement("div",{className:"options"},i.createElement("ul",null,i.createElement("li",null,i.createElement(o.Tooltip,{title:"Ap
1ply a blur filter.",position:"top",trigger:"mouseenter"},i.createElement("a",{href:"#",onClick:this.setOption.bind(null,"blur")},i.createElement("i",{className:a})))),i.createElement("li",null,i.createElement(o.Tooltip,{title:"Apply a black & white filter.",position:"top",trigger:"mouseenter"},i.createElement("a",{href:"#",onClick:this.setOption.bind(null,"grayscale")},i.createElement("i",{className:c})))))))),i.createElement("div",{className:"in-action-recipe-options"},i.createElement(n.If,{condition:"cover"===this.state.recipe},i.createElement("input",{type:"number",value:this.state.width,onChange:this.changeParams.bind(null,"width"),placeholder:"Width"}),"\xa0 x \xa0",i.createElement("input",{type:"number",value:this.state.height,onChange:this.changeParams.bind(null,"height"),placeholder:"Height"})),i.createElement(n.If,{condition:"width"===this.state.recipe},i.createElement("input",{type:"number",value:this.state.width,onChange:this.changeParams.bind(null,"width"),placeholder:"Width"})," \xa0 px"),i.createElement(n.If,{condition:"height"===this.state.recipe},i.createElement("input",{type:"number",value:this.state.height,onChange:this.changeParams.bind(null,"height"),placeholder:"Height"})," \xa0 px"),"\xa0 \xa0 ",i.createElement("button",{onClick:this.setPreviewImage,className:"btn btn-green btn-small"},"Generate")),i.createElement("div",{className:"in-action-url-recipe"},i.createElement("div",{className:"recipe"},l),i.createElement("div",{className:"client-url"},"images/01.jpg")))}}c.propTypes={}},1485:function(e,t,s){"use strict";s.d(t,{Z:function(){return o}});var i=s(5697),n=s.n(i),a=s(7294),r=s(8786);class o extends a.Component{constructor(e){super(e),this.state={hideFeatures:e.hideFeatures,hideButtons:e.hideButtons,period:"monthly",plans:e.plans,plan:e.plans.monthly,selected:e.plans.monthly[1]}}componentDidMount(){}render(){const e=(0,r.AK)({active:"monthly"===this.state.period}),t=(0,r.AK)("plans-section-plan plans-section-selected"),s=this.props.subscriptionPlan;return a.createElement("div",null,a.createElement("div",{className:"plans-section-header"},a.createElement("div",{className:"title"},"BILLING/PLAN"),a.createElement("div",null,a.createElement("div",{className:"periods"},a.createElement("a",{href:"#",className:e,onClick:e=>e.preventDefault()},"Monthly")))),a.createElement("div",{className:"plans-section-plans"},a.createElement("div",{className:t},a.createElement("h4",null,"\ud83d\udc4c Pay As You Grow"),a.createElement("div",{className:"price"},a.createElement("sub",null,"$"),a.createElement("span",null,s&&"as-you-go-monthly-usd"===s?"1.00":"1.20")," each 1000 ",a.createElement("br",null),a.createElement("p",null,"active master images"))," ",a.createElement("br",null),a.createElement("ul",null,a.createElement(r.If,{condition:!this.state.hideFeatures},a.createElement("li",null,"World-wide ",a.createElement("a",{href:"/docs/content-delivery-network"},"CDN"),"."),a.createElement("li",null,"Unlimited Transformations."),a.createElement("li",null,"Unlimited Websites."),a.createElement("li",null,"Elastic Bandwidth."),a.createElement("li",null,"All features included."),a.createElement("li",null,"E-mail/Chat Support."))),a.createElement(r.If,{condition:!this.state.hideButtons},a.createElement("div",null,a.createElement("a",{href:"/users/sign_up?plan=as-you-go&period=monthly",className:"btn btn-white"},"Start Free Trial",a.createElement("br",null),a.createElement("span",null,"No Credit Card Required")))))))}}o.propTypes={plans:n().object.isRequired,subscriptionPlan:n().string,hideFeatures:n().bool,hideButtons:n().bool}},7177:function(e,t,s){"use strict";var i=s(8196),n=s.n(i),a=s(9624),r=s(7294);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(e[i]=s[i])}return e},o.apply(this,arguments)}var c={strings:["These are the default values...","You know what you should do?","Use your own!","Have a great day!"],stringsElement:null,typeSpeed:0,startDelay:0,backSpeed:0,smartBackspace:!0,shuffle:!1,backDelay:700,fadeOut:!1,fadeOutClass:"typed-fade-out",fadeOutDelay:500,loop:!1,loopCount:1/0,showCursor:!0,cursorChar:"|",autoInsertCss:!0,attr:null,bindInputFocusEvents:!1,contentType:"html",onBegin:function(e){},onComplete:function(e){},preStringTyped:function(e,t){},onStringTyped:function(e,t){},onLastStringBackspaced:function(e){},onTypingPaused:function(e,t){},onTypingResumed:function(e,t){},onReset:function(e){},onStop:function(e,t){},onStart:function(e,t){},onDestroy:function(e){}},l=new(function(){function e(){}var t=e.prototype;return t.load=function(e,t,s){if(e.el="string"==typeof s?document.querySelector(s):s,e.options=o({},c,t),e.isInput="input"===e.el.tagName.toLowerCase(),e.attr=e.options.attr,e.bindInputFocusEvents=e.options.bindInputFocusEvents,e.showCursor=!e.isInput&&e.o
vendor: 4,589 bytes, line 1
1ptions.showCursor,e.cursorChar=e.options.cursorChar,e.cursorBlinking=!0,e.elContent=e.attr?e.el.getAttribute(e.attr):e.el.textContent,e.contentType=e.options.contentType,e.typeSpeed=e.options.typeSpeed,e.startDelay=e.options.startDelay,e.backSpeed=e.options.backSpeed,e.smartBackspace=e.options.smartBackspace,e.backDelay=e.options.backDelay,e.fadeOut=e.options.fadeOut,e.fadeOutClass=e.options.fadeOutClass,e.fadeOutDelay=e.options.fadeOutDelay,e.isPaused=!1,e.strings=e.options.strings.map((function(e){return e.trim()})),e.stringsElement="string"==typeof e.options.stringsElement?document.querySelector(e.options.stringsElement):e.options.stringsElement,e.stringsElement){e.strings=[],e.stringsElement.style.cssText="clip: rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;";var i=Array.prototype.slice.apply(e.stringsElement.children),n=i.length;if(n)for(var a=0;a<n;a+=1)e.strings.push(i[a].innerHTML.trim())}for(var r in e.strPos=0,e.currentElContent=this.getCurrentElContent(e),e.currentElContent&&e.currentElContent.length>0&&(e.strPos=e.currentElContent.length-1,e.strings.unshift(e.currentElContent)),e.sequence=[],e.strings)e.sequence[r]=r;e.arrayPos=0,e.stopNum=0,e.loop=e.options.loop,e.loopCount=e.options.loopCount,e.curLoop=0,e.shuffle=e.options.shuffle,e.pause={status:!1,typewrite:!0,curString:"",curStrPos:0},e.typingComplete=!1,e.autoInsertCss=e.options.autoInsertCss,e.autoInsertCss&&(this.appendCursorAnimationCss(e),this.appendFadeOutAnimationCss(e))},t.getCurrentElContent=function(e){return e.attr?e.el.getAttribute(e.attr):e.isInput?e.el.value:"html"===e.contentType?e.el.innerHTML:e.el.textContent},t.appendCursorAnimationCss=function(e){var t="data-typed-js-cursor-css";if(e.showCursor&&!document.querySelector("["+t+"]")){var s=document.createElement("style");s.setAttribute(t,"true"),s.innerHTML="\n .typed-cursor{\n opacity: 1;\n }\n .typed-cursor.typed-cursor--blink{\n animation: typedjsBlink 0.7s infinite;\n -webkit-animation: typedjsBlink 0.7s infinite;\n animation: typedjsBlink 0.7s infinite;\n }\n @keyframes typedjsBlink{\n 50% { opacity: 0.0; }\n }\n @-webkit-keyframes typedjsBlink{\n 0% { opacity: 1; }\n 50% { opacity: 0.0; }\n 100% { opacity: 1; }\n }\n ",document.body.appendChild(s)}},t.appendFadeOutAnimationCss=function(e){var t="data-typed-fadeout-js-css";if(e.fadeOut&&!document.querySelector("["+t+"]")){var s=document.createElement("style");s.setAttribute(t,"true"),s.innerHTML="\n .typed-fade-out{\n opacity: 0;\n transition: opacity .25s;\n }\n .typed-cursor.typed-cursor--blink.typed-fade-out{\n -webkit-animation: 0;\n animation: 0;\n }\n ",document.body.appendChild(s)}},e}()),u=new(function(){function e(){}var t=e.prototype;return t.typeHtmlChars=function(e,t,s){if("html"!==s.contentType)return t;var i=e.substring(t).charAt(0);if("<"===i||"&"===i){var n;for(n="<"===i?">":";";e.substring(t+1).charAt(0)!==n&&!(1+ ++t>e.length););t++}return t},t.backSpaceHtmlChars=function(e,t,s){if("html"!==s.contentType)return t;var i=e.substring(t).charAt(0);if(">"===i||";"===i){var n;for(n=">"===i?"<":"&";e.substring(t-1).charAt(0)!==n&&!(--t<0););t--}return t},e}()),p=function(){function e(e,t){l.load(this,t,e),this.begin()}var t=e.prototype;return t.toggle=function(){this.pause.status?this.start():this.stop()},t.stop=function(){this.typingComplete||this.pause.status||(this.toggleBlinking(!0),this.pause.status=!0,this.options.onStop(this.arrayPos,this))},t.start=function(){this.typingComplete||this.pause.status&&(this.pause.status=!1,this.pause.typewrite?this.typewrite(this.pause.curString,this.pause.curStrPos):this.backspace(this.pause.curString,this.pause.curStrPos),this.options.onStart(this.arrayPos,this))},t.destroy=function(){this.reset(!1),this.options.onDestroy(this)},t.reset=function(e){void 0===e&&(e=!0),clearInterval(this.timeout),this.replaceText(""),this.cursor&&this.cursor.parentNode&&(this.cursor.parentNode.removeChild(this.cursor),this.cursor=null),this.strPos=0,this.arrayPos=0,this.curLoop=0,e&&(this.insertCursor(),this.options.onReset(this),this.begin())},t.begin=function(){var e=this;this.options.onBegin(this),this.typingComplete=!1,this.shuffleStringsIfNeeded(this),this.insertCursor(),this.bindInputFocusEvents&&this.bindFocusEvents(),this.timeout=setTimeout((function(){0===e.strPos?e.typewrite(e.strings[e.sequence[e.arrayPos
1]],e.strPos):e.backspace(e.strings[e.sequence[e.arrayPos]],e.strPos)}),this.startDelay)},t.typewrite=function(e,t){var s=this;this.fadeOut&&this.el.classList.contains(this.fadeOutClass)&&(this.el.classList.remove(this.fadeOutClass),this.cursor&&this.cursor.classList.remove(this.fadeOutClass));var i=this.humanizer(this.typeSpeed),n=1;!0!==this.pause.status?this.timeout=setTimeout((function(){t=u.typeHtmlChars(e,t,s);var i=0,a=e.substring(t);if("^"===a.charAt(0)&&/^\^\d+/.test(a)){var r=1;r+=(a=/\d+/.exec(a)[0]).length,i=parseInt(a),s.temporaryPause=!0,s.options.onTypingPaused(s.arrayPos,s),e=e.substring(0,t)+e.substring(t+r),s.toggleBlinking(!0)}if("`"===a.charAt(0)){for(;"`"!==e.substring(t+n).charAt(0)&&(n++,!(t+n>e.length)););var o=e.substring(0,t),c=e.substring(o.length+1,t+n),l=e.substring(t+n+1);e=o+c+l,n--}s.timeout=setTimeout((function(){s.toggleBlinking(!1),t>=e.length?s.doneTyping(e,t):s.keepTyping(e,t,n),s.temporaryPause&&(s.temporaryPause=!1,s.options.onTypingResumed(s.arrayPos,s))}),i)}),i):this.setPauseStatus(e,t,!0)},t.keepTyping=function(e,t,s){0===t&&(this.toggleBlinking(!1),this.options.preStringTyped(this.arrayPos,this));var i=e.substring(0,t+=s);this.replaceText(i),this.typewrite(e,t)},t.doneTyping=function(e,t){var s=this;this.options.onStringTyped(this.arrayPos,this),this.toggleBlinking(!0),this.arrayPos===this.strings.length-1&&(this.complete(),!1===this.loop||this.curLoop===this.loopCount)||(this.timeout=setTimeout((function(){s.backspace(e,t)}),this.backDelay))},t.backspace=function(e,t){var s=this;if(!0!==this.pause.status){if(this.fadeOut)return this.initFadeOut();this.toggleBlinking(!1);var i=this.humanizer(this.backSpeed);this.timeout=setTimeout((function(){t=u.backSpaceHtmlChars(e,t,s);var i=e.substring(0,t);if(s.replaceText(i),s.smartBackspace){var n=s.strings[s.arrayPos+1];s.stopNum=n&&i===n.substring(0,t)?t:0}t>s.stopNum?(t--,s.backspace(e,t)):t<=s.stopNum&&(s.arrayPos++,s.arrayPos===s.strings.length?(s.arrayPos=0,s.options.onLastStringBackspaced(),s.shuffleStringsIfNeeded(),s.begin()):s.typewrite(s.strings[s.sequence[s.arrayPos]],t))}),i)}else this.setPauseStatus(e,t,!1)},t.complete=function(){this.options.onComplete(this),this.loop?this.curLoop++:this.typingComplete=!0},t.setPauseStatus=function(e,t,s){this.pause.typewrite=s,this.pause.curString=e,this.pause.curStrPos=t},t.toggleBlinking=function(e){this.cursor&&(this.pause.status||this.cursorBlinking!==e&&(this.cursorBlinking=e,e?this.cursor.classList.add("typed-cursor--blink"):this.cursor.classList.remove("typed-cursor--blink")))},t.humanizer=function(e){return Math.round(Math.random()*e/2)+e},t.shuffleStringsIfNeeded=function(){this.shuffle&&(this.sequence=this.sequence.sort((function(){return Math.random()-.5})))},t.initFadeOut=function(){var e=this;return this.el.className+=" "+this.fadeOutClass,this.cursor&&(this.cursor.className+=" "+this.fadeOutClass),setTimeout((function(){e.arrayPos++,e.replaceText(""),e.strings.length>e.arrayPos?e.typewrite(e.strings[e.sequence[e.arrayPos]],0):(e.typewrite(e.strings[0],0),e.arrayPos=0)}),this.fadeOutDelay)},t.replaceText=function(e){this.attr?this.el.setAttribute(this.attr,e):this.isInput?this.el.value=e:"html"===this.contentType?this.el.innerHTML=e:this.el.textContent=e},t.bindFocusEvents=function(){var e=this;this.isInput&&(this.el.addEventListener("focus",(function(t){e.stop()})),this.el.addEventListener("blur",(function(t){e.el.value&&0!==e.el.value.length||e.start()})))},t.insertCursor=function(){this.showCursor&&(this.cursor||(this.cursor=document.createElement("span"),this.cursor.className="typed-cursor",this.cursor.setAttribute("aria-hidden",!0),this.cursor.innerHTML=this.cursorChar,this.el.parentNode&&this.el.parentNode.insertBefore(this.cursor,this.el.nextSibling)))},e}();class g extends r.Component{componentDidMount(){const e=document.querySelector(".demo-image");let t=-1;const s=[()=>{e.style.width="90%",e.style.backgroundSize="100%",e.style.backgroundPosition="50%",e.style.filter="none"},()=>{e.style.width="50%"},()=>{e.style.width="90%",e.style.height="90%"},()=>{e.style.width="67%",e.style.height="70%",e.style.backgroundSize="193%"},()=>{e.style.backgroundPosition="85% 50%"}
1,()=>{e.style.backgroundPosition="79% 64%",e.style.backgroundSize="450%"},()=>{e.style.filter="grayscale(1)"},()=>{e.style.filter="grayscale(1) contrast(150%)"}];new p(".demo-typing",{strings:["",'https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">width</span>/<span class="dimensions">300</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">height</span>/<span class="dimensions">300</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">cover</span>/<span class="dimensions">300x300</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">cover</span>/<span class="dimensions">300x300</span>/<span class="options">fp-x:0.66</span>,<span class="options">fp-y:0.46</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">cover</span>/<span class="dimensions">300x300</span>/<span class="options">fp-x:0.66</span>,<span class="options">fp-y:0.46</span>,<span class="options">fp-z:3</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">cover</span>/<span class="dimensions">300x300</span>/<span class="options">fp-x:0.66</span>,<span class="options">fp-y:0.46</span>,<span class="options">fp-z:3</span>,<span class="options">grayscale:true</span>/','https://img.imageboss.me/<span class="source">myimages</span>/<span class="operation">cover</span>/<span class="dimensions">300x300</span>/<span class="options">fp-x:0.66</span>,<span class="options">fp-y:0.46</span>,<span class="options">fp-z:3</span>,<span class="options">grayscale:true</span>,<span class="options">gamma:2</span>/'],typeSpeed:20,backSpeed:30,loop:!0,onStringTyped:()=>{const e=s[++t];e?e():(t=0,s[0]())}})}render(){return r.createElement("div",null,r.createElement("div",{className:"demo-image","data-imageboss-width":"2000","data-imageboss-dpr":"false","data-imageboss-bg-src":this.props.demoImage}),r.createElement("div",{className:"demo-typed"},r.createElement("span",{className:"demo-typing"}),"images/photo.jpg"))}}g.propTypes={};var m=s(1485);function h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var i,n,a,r,o=[],c=!0,l=!1;try{if(a=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;c=!1}else for(;!(c=(i=a.call(s)).done)&&(o.push(i.value),o.length!==t);c=!0);}catch(u){l=!0,n=u}finally{try{if(!c&&null!=s.return&&(r=s.return(),Object(r)!==r))return}finally{if(l)throw n}}return o}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return d(e,t);var s=Object.prototype.toString.call(e).slice(8,-1);"Object"===s&&e.constructor&&(s=e.constructor.name);if("Map"===s||"Set"===s)return Array.from(e);if("Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,i=new Array(t);s<t;s++)i[s]=e[s];return i}const f=4200,v=e=>e.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}),b=e=>e.toLocaleString(void 0,{minimumFractionDigits:0,maximumFractionDigits:1}),y=(e,t,s)=>Math.min(Math.max(e,t),s);var E=()=>{const e=h((0,r.useState)(4200),2),t=e[0],s=e[1],i=h((0,r.useState)(5),2),n=i[0],a=i[1],o=(0,r.useMemo)((()=>{const e=Math.max(0,t||0),s=Math.max(0,n||0),i=0===e?0:Math.ceil(e/1e3),a=Math.max(0,e-f),r=5+1.2*(0===a?0:Math.ceil(a/1e3)),o=Math.max(5,e/1e3*1.2),c=Math.max(0,s-o),l=.1*c;return{imageUnits:i,imageCost:r,freeBandwidthGB:o,overageGB:c,bandwidthCost:l,total:r+l}}),[t,n]),c=e=>{const t=parseInt(e,10);Number.isNaN(t)||s(y(t,0,1e6))},l=e=>{const t=parseFloat(e);Number.isNaN(t)||a(y(t,0,1e4))};return r.createElement("div",{className:"pricing-calculator"},r.createElement("div",{className:"pricing-calculator-header"},r.createElement("h2",null,"Estimate your monthly bill"),r.createElement("p",null,"Simulate how ImageBoss scales with your usage. Adjust your"," ",r.createElement("strong",null,"active master images")," and"," ",r.createElement("strong",null,"monthly data transfer")," to see an estimate.")),r.createElement("div",{className:"pricing-calculator-body"},r.createElement("div",{className:"pricing-calculator-inputs"},r.createElement("div",{className:"pricing-calculator-field"},r.createElement("label",null,r.createElement("span",{className:"pricing-calculator-label-with-tooltip"},r.createElement("span",null,"Active master images"),r.createElement("span",{className:"pricing-calculator-tooltip","aria-label":"What is a master image?",role:"tooltip"},r.createElement("span",{className:"pricing-calculator-tooltip-icon"},"?"),r.createElement("span",{className:"pricing-calculator-tooltip-content"}
1,"A master image (or origin image) is the original file you store and request from ImageBoss. You can create unlimited resized or transformed versions of the same master image; we only count the master itself for billing."))),r.createElement("span",{className:"pricing-calculator-label-hint"},"Only images actually requested are billed.")),r.createElement("div",{className:"pricing-calculator-control"},r.createElement("input",{type:"range",min:"0",max:"200000",step:"1000",value:y(t,0,2e5),onChange:e=>c(e.target.value)}),r.createElement("input",{type:"number",min:"0",max:"1000000",step:"100",value:t,onChange:e=>c(e.target.value)})),r.createElement("div",{className:"pricing-calculator-help"},"\u2248 ",o.imageUnits," block",1===o.imageUnits?"":"s"," of 1,000 active images at $",v(1.2)," / 1,000.")),r.createElement("div",{className:"pricing-calculator-field"},r.createElement("label",null,"Monthly data transfer (GB)",r.createElement("span",{className:"pricing-calculator-label-hint"},"CDN bandwidth used to deliver your optimized images.")),r.createElement("div",{className:"pricing-calculator-control"},r.createElement("input",{type:"range",min:"0",max:"500",step:"1",value:y(n,0,500),onChange:e=>l(e.target.value)}),r.createElement("input",{type:"number",min:"0",max:"10000",step:"1",value:n,onChange:e=>l(e.target.value)})),r.createElement("div",{className:"pricing-calculator-help"},"Includes ",r.createElement("strong",null,b(o.freeBandwidthGB)," GB")," ","of elastic bandwidth. Overage at $",v(.1)," / GB."))),r.createElement("div",{className:"pricing-calculator-summary"},r.createElement("div",{className:"pricing-calculator-total"},r.createElement("div",{className:"label"},"Estimated monthly bill"),r.createElement("div",{className:"value"},r.createElement("span",{className:"currency"},"$"),r.createElement("span",{className:"amount"},v(o.total))),r.createElement("div",{className:"disclaimer"},"This is an estimate based on current public pricing. Final billing depends on your actual usage.")),r.createElement("div",{className:"pricing-calculator-breakdown"},r.createElement("div",{className:"row"},r.createElement("span",null,"Images"),r.createElement("span",null,"$",v(o.imageCost))),r.createElement("div",{className:"row muted"},r.createElement("span",null,"Minimum charge of $",v(5)," includes ~ 4,200 active images and elastic bandwidth.")),r.createElement("div",{className:"row"},r.createElement("span",null,"Bandwidth over"," ",o.freeBandwidthGB>0?`${b(o.freeBandwidthGB)} GB`:"included amount"),r.createElement("span",null,o.overageGB<=0?"Included":`$${v(o.bandwidthCost)}`)),o.overageGB>0&&r.createElement("div",{className:"row muted"},r.createElement("span",null,b(o.overageGB)," GB \xd7 $",v(.1)," / GB"))),5===o.total&&t<=f&&n<=5&&r.createElement("div",{className:"pricing-calculator-topup"},r.createElement("strong",null,"You\u2019re within the included minimum usage.")," ","Up to ",f.toLocaleString(void 0,{maximumFractionDigits:0})," master images and"," ",b(5)," GB of bandwidth are covered by the $",v(5)," minimum."))),r.createElement("div",{className:"pricing-calculator-cta"},r.createElement("a",{href:"/users/sign_up?plan=as-you-go&period=monthly",className:"btn btn-primary"},"Start your free trial")))};s(5187);s(5363).start(),n().register({ImageViewer:a.Z,DemoViewer:g,Plans:m.Z,PricingCalculator:E})},3179:function(e,t,s){"use strict";e.exports=s.p+"static/images/docs/cdn-example-18bfb3c63418b6b4face.png"},2257:function(e,t,s){"use strict";e.exports=s.p+"static/images/docs/progressive-scans-aac3ce59034cbd6d9daa.jpg"},9640:function(e,t,s){"use strict";e.exports=s.p+"static/images/examples/01-5ab5b623c0e670b13b43.jpg"},3397:function(e,t,s){"use strict";e.exports=s.p+"static/images/full-boss-58c340e5463b9f392b57.svg"},5018:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-1-7d785ec55c1c71048409.svg"},2464:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-2-07783c3934f90f263410.svg"},1608:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-3-f7e523e368842b9fc64f.svg"},9173:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-4-450b994cc9716e86b777.svg"},1862:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-5-a6f19f5d0b478477391e.svg"},2314:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/features/ic-feature-6-8eac08645d24d81b49a6.svg"},9050:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/header/header-icons-f89c155cba4f2fdaae78.png"},9804:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/header/[email protected]"},2009:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/header/[email protected]"},2810:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/header/[email protected]"},3439:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-blur-off-17f19f44cf334f5eae03.svg"},4365:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-blur-on-ec84d91c4e382a31d518.svg"},9794:function(e,t,s){"use strict";
1e.exports=s.p+"static/images/icons/ic-check-74e8b08daf0f9794002d.svg"},5118:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-checked-d92ae0c63cf89f3f9bbf.svg"},3050:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-clear-df32c98e05001b282d94.svg"},3025:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-cross-fdf1fbdd7bca31ab079e.svg"},3565:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-gs-off-2a7c4fd0b715af8faf9e.svg"},7096:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-gs-on-5914d8cd852d9bb54366.svg"},2296:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-info-8f84f41c074f7769ec42.svg"},8957:function(e,t,s){"use strict";e.exports=s.p+"static/images/icons/ic-warning-f4935ab651c42d5e162a.svg"},330:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/logo-1-61b3bd79fae668c22259.png"},9946:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/logo-1-ab12261901b39c3a6569.svg"},1654:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/[email protected]"},9387:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/[email protected]"},7203:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/logo-2-white-b9bfc053730d91623602.svg"},2342:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/logo-2-4e6bbab6a2d918ffd741.png"},8568:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/logo-2-fc84542c39571a0fff55.svg"},6066:function(e,t,s){"use strict";e.exports=s.p+"static/images/logo/[email protected]"}},function(e){e.O(0,[280,964,285],(function(){return t=7177,e(e.s=t);var t}));e.O()}]); 2//# sourceMappingURL=application-bundle-fc9cd3e86d789ceee72f.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.