instant-photo

Version:
34 lines (29 loc) • 3.84 kB
JavaScript
var q=Object.create;var a=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,$=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var f=(t,e,o)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,n=(t,e)=>{for(var o in e||(e={}))u.call(e,o)&&f(t,o,e[o]);if(c)for(var o of c(e))I.call(e,o)&&f(t,o,e[o]);return t};var W=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},_=(t,e,o,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of N(e))!u.call(t,i)&&i!==o&&a(t,i,{get:()=>e[i],enumerable:!(p=F(e,i))||p.enumerable});return t};var B=(t,e,o)=>(o=t!=null?q($(t)):{},_(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),z=t=>_(a({},"__esModule",{value:!0}),t);var j={};W(j,{InstantPhoto:()=>y});module.exports=z(j);var r=B(require("react"));var b="780f0e4d3f35f5eeb95b97bdb82b75d959f7f4a76279654595e9183e96c509c7",A=`._photo_1hekq_1 {
  box-shadow: inset 0 0 2px #000000;
  position: absolute;
  border-radius: 1px;
}

._photoFilter_1hekq_7 {
  background-image: url("https://imagedelivery.net/_c4jAFjxf-vVYrGvQV8G2A/847f481e-b6bf-43da-8ce6-39313c19b600/inlinelarge");
  background-size: cover;
  opacity: 80%;
}

._photoBackground_1hekq_13 {
  background-color: #2d3436;
  background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);
}

._frame_1hekq_18 {
  opacity: 1;
  background-image: url("https://www.transparenttextures.com/patterns/absurdity.png"),
    linear-gradient(#f0f0f0, ghostwhite);
  background-color: #f0f0f0;
  box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 2px;
}

._footer_1hekq_28 {
  position: absolute;
  bottom: 0;
  left: 0;
}
`;(function(){if(!document.getElementById(b)){var t=document.createElement("style");t.id=b,t.textContent=A,document.head.appendChild(t)}})();var s={photo:"_photo_1hekq_1",photoFilter:"_photoFilter_1hekq_7",photoBackground:"_photoBackground_1hekq_13",frame:"_frame_1hekq_18",footer:"_footer_1hekq_28"};var S={"46mm":{small:{photo:{margin:"12px 18px 60px",top:"15px",width:"207px",height:"288px"},frame:{width:"243px",height:"378px",minWidth:"243px",minWeight:"378px"}},large:{photo:{margin:"16px 24px 80px",top:"20px",width:"276px",height:"384px"},frame:{width:"324px",height:"504px",minWidth:"324px",minWeight:"504px"}}},"99mm":{small:{photo:{margin:"12px 18px 60px",position:"absolute",top:"15px",width:"445.5px",height:"288px"},frame:{width:"486px",height:"378px",minWidth:"486px",minHeight:"378px"}},large:{photo:{margin:"16px 24px 80px",position:"absolute",top:"20px",width:"594px",height:"384px"},frame:{width:"648px",height:"504px",minWidth:"648px",minHeight:"504px"}}}};var k={polaroid:"contrast(250%) brightness(90%) grayscale(70%)",vintage:"contrast(180%) brightness(70%) grayscale(20%) sepia(90%)",bloom:"contrast(200%) brightness(80%) grayscale(20%) ",greyscale:"contrast(190%) brightness(70%) grayscale(100%)",none:void 0};var y=({image:t,alt:e,variant:o,size:p,rotation:i,style:h,photoStyle:P,footer:d,filter:l,showArtefacts:C,key:w})=>{let g=(0,r.useMemo)(()=>S[o][p],[o,p]),v=(0,r.useMemo)(()=>n(n({transform:`rotate(${i}deg)`},g.frame),h),[h,i]),m=(0,r.useMemo)(()=>n(n({filter:k[l]},g.photo),P),[h,i]),x=(0,r.useMemo)(()=>`${s.photo} ${s.photoBackground}`,[]);return r.default.createElement("div",{style:v,className:`${s.frame} ${s.frame}`},t?r.default.createElement("img",{key:w,style:m,className:x,src:t,alt:e}):r.default.createElement("div",{style:m,className:x}),d&&r.default.createElement("div",{className:s.footer},d),l!=="none"&&C&&r.default.createElement("div",{style:m,className:`${s.photo} ${s.photoFilter}`}))};y.defaultProps={variant:"46mm",size:"large",alt:"instant photo",style:{},photoStyle:{},rotation:0,filter:"polaroid",showArtefacts:!0};