https://www.goodcompany.com.au/_next/static/chunks/6117-d774401b32ab22fb.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="377d0884-6128-4c6d-99a0-242d736fed4a",e._sentryDebugIdIdentifier="sentry-dbid-377d0884-6128-4c6d-99a0-242d736fed4a")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6117],{5789:(e,t,n)=>{n.d(t,{Y:()=>r});function r(e){let t={none:0,"extra-tight":.625,tight:1.25,base:2.5,loose:3.125,"extra-loose":5}[e];return 0===t?0:"".concat(t,"rem")}},19268:(e,t,n)=>{n.d(t,{V:()=>i});var r=n(50039);function i(e){return({base:"3px",large:"6px"})[e]}(0,r.y)("sky"),(0,r.y)("sky","dark")},35534:(e,t,n)=>{n.d(t,{$:()=>et,A:()=>X});var r=n(37876),i=n(14232),a=n(28888),o=n(91930),l=n(47677),s=n(48110),c=n(33698),d=n(52387),h=n(46096),p=n(90867),g=n(2544),u=n.n(g),m=n(44264),f=n(50039),x=n(98159);let y=(0,m.Ay)(x._).withConfig({componentId:"sc-92d2334a-0"})(["background:rgba(0,0,0,0.05);cursor:pointer;&:hover,&:focus{outline:2px solid ",";}"],(0,f.y)("primary")),w=(0,m.Ay)(e=>{let{loading:t,...n}=e;return(0,r.jsx)(y,{...n})}).withConfig({componentId:"sc-92d2334a-1"})(["",""],e=>{let{loading:t}=e;return(0,m.AH)(["transition:opacity 0.5s ease-out;opacity:",";"],t?"0":"1")});class b extends i.Component{componentDidMount(){{let e=new window.Image;e.onload=()=>{this.setState({loading:!1})},e.src=this.renderImageUrl()}}renderImageUrl(){let{data:e,width:t,height:n}=this.props;return((e,t)=>{let{w:n,h:r}=e,i=new(u())(t,!0);return i.query=Object.assign({},i.query,{q:85,fit:"crop",crop:"face",fm:"jpg"},{w:n,h:r}),i.toString()})({w:4*t,h:4*n},e.urls.raw)}render(){let{loading:e}=this.state,{data:t,className:n}=this.props;return(0,r.jsx)(w,{className:n,loading:e,source:this.renderImageUrl(),alt:t.description||"Image from Upworthy",onClick:this.handleClick})}constructor(...e){super(...e),this.state={loading:!0},this.handleClick=()=>{let{onClick:e,data:t}=this.props;e&&e(t)}}}let C="69fb2c6fcac392af04630f9e7038aae5b4b6d9166e066c5d7c24135dab8df9eb",j="https://api.unsplash.com/";async function v(e){let{searchValue:t,perPage:n=12}=e,r="".concat(j,"/search/photos?client_id=").concat(C,"&query=").concat(t,"&per_page=").concat(n);try{let e=await fetch(r,{method:"get"});return(await e.json()).results}catch(e){return console.error("error",e),[]}}async function I(e){let{perPage:t=12}=e,n="".concat(j,"photos?client_id=").concat(C,"&per_page=").concat(t);try{let e=await fetch(n,{method:"get"});return await e.json()}catch(e){return console.error("error",e),[]}}var k=n(62988);function A(){let e=(0,a._)(["\n      margin-right: 1.4rem;\n      width: ","px;\n      height: ","px;\n    "]);return A=function(){return e},e}function S(){let e=(0,a._)(["\n    flex-direction: row;\n    align-items: center;\n    text-align: left;\n  "]);return S=function(){return e},e}let D=(0,m.Ay)(b).withConfig({componentId:"sc-1bacc218-0"})(["",""],e=>{let{width:t,height:n}=e;return(0,m.AH)(["margin:0 0 1.4rem 0;width:100%;height:auto;",""],k.$.tabletPortrait(A(),t,n))}),T=m.Ay.div.withConfig({componentId:"sc-1bacc218-1"})(["display:flex;flex-direction:column;align-items:stretch;text-align:center;margin-bottom:1.4rem;",""],k.$.tabletPortrait(S())),U=m.Ay.div.withConfig({componentId:"sc-1bacc218-2"})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]),F=(0,m.Ay)(o.E).withConfig({componentId:"sc-1bacc218-3"})(["padding:0.7rem;"]),_=e=>{let{perPage:t=12,uploader:n,onUploadButtonClicked:a,onImageSelected:o,onImageSelectionInitiated:g}=e,[u,m]=(0,i.useState)([]),[f,x]=(0,i.useState)(""),y=(0,i.useRef)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300,n=null,r=function(){for(var r=arguments.length,i=Array(r),a=0;a<r;a++)i[a]=arguments[a];n&&clearTimeout(n),n=setTimeout(()=>e(...i),t)};return r.cancel=()=>n&&clearTimeout(n),r}(async e=>{e.trim()?m(await v({perPage:t,searchValue:e})):m(await I({perPage:t}))},350)).current;(0,i.useEffect)(()=>((async()=>{m(await I({perPage:t}))})(),()=>{var e;null==(e=y.cancel)||e.call(y)}),[t,y]);let w=(0,i.useCallback)(e=>{x(e),y(e)},[y]),b=(0,i.useCallback)(async e=>{g();try{let t=await n.imageUploadFromUrl(e.urls.raw);o({...t,source:"unsplash"})}catch(e){window.alert(e)}},[n,o,g]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(T,{children:(0,r.jsxs)(l.o,{blockAlign:"center",align:"center",gap:"100",children:[(0,r.jsx)(s.A,{label:"",labelHidden:!0,id:"searchTextField",placeholder:"Search for an image",autoComplete:"off",prefix:(0,r.jsx)(c.I,{source:h.S}),value:f,onChange:w}),(0,r.jsx)(F,{as:"span",children:"or"}),(0,r.jsx)(d.$,{variant:"primary",icon:p.S,onClick:a,children:"Upload your own"})]})}),(0,r.jsx)(U,{children:u.map(e=>(0,r.jsx)(D,{width:164,height:120,data:e,onClick:()=>b(e)}

1,e.id))})]})};var z=n(95474),$=n(33448),E=n(34166),R=n(65714),P=n(89344);let L=(0,m.Ay)($.y).withConfig({componentId:"sc-74756c49-0"})(["position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);"]),N=m.Ay.div.withConfig({componentId:"sc-74756c49-1"})(["text-align:right;margin:1rem;"]),K=m.Ay.div.withConfig({componentId:"sc-74756c49-2"})(["padding:3rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;"]),O=m.Ay.div.withConfig({componentId:"sc-74756c49-3"})(["opacity:0.5;"]);class V extends i.Component{render(){let{files:e,hasError:t,openFileDialog:n}=this.state,{showClose:a,hideFadedPreview:o}=this.props;return(0,r.jsx)(E.w,{accept:"image/*",type:"image",allowMultiple:!1,openFileDialog:n,onDrop:this.handleDrop,errorOverlayText:t?"Error":"",children:e.length>0?(0,r.jsxs)(K,{children:[e.map(e=>(0,r.jsxs)(i.Fragment,{children:[!o&&(0,r.jsx)(O,{children:(0,r.jsx)(R.V,{source:window.URL.createObjectURL(e),alt:e.name})}),(0,r.jsx)(L,{size:"large"})]},e.name)),(0,r.jsx)(d.$,{variant:"plain",icon:P.S,onClick:()=>{this.handleFileDialogCancel},children:"Cancel"})]}):(0,r.jsxs)(r.Fragment,{children:[a&&(0,r.jsx)(N,{children:(0,r.jsx)(d.$,{variant:"plain",icon:P.S,onClick:()=>{this.handleFileDialogCancel},accessibilityLabel:"Cancel"})}),(0,r.jsx)(E.w.FileUpload,{})]})})}constructor(...e){super(...e),this.state={files:[],hasError:!1,openFileDialog:!1},this.handleDrop=(e,t,n)=>{let{onImageSelected:r,onCancel:i,moduleSource:a="unknown",uploader:o}=this.props,l=n.length>0;this.setState({files:t,hasError:l,openFileDialog:!1},async()=>{if(!l&&t[0])try{let e=await o.imageUpload(t[0],a);r({...e,source:"upload"})}catch(e){this.setState({hasError:!0})}else l&&i()})},this.handleFileDialogCancel=e=>{e.preventDefault(),this.setState({openFileDialog:!1,files:[],hasError:!1}),this.props.onCancel()}}}var Y=n(11030);let H=m.Ay.div.withConfig({componentId:"sc-a61d7f7c-0"})(["display:flex;flex-direction:column;align-items:center;"]),q=e=>{let{image:t,onDeleteClicked:n,disabled:i,width:a=400}=e;return(0,r.jsxs)(H,{children:[(0,r.jsx)(Y.Ay,{src:t,width:a,height:300,mode:"max"}),(0,r.jsx)("br",{}),!i&&(0,r.jsx)(d.$,{onClick:n,children:"Select another image"})]})};var W=function(e){return e[e.UPLOAD=0]="UPLOAD",e[e.SEARCH=1]="SEARCH",e[e.LOADED=2]="LOADED",e}(W||{});let B=m.Ay.div.withConfig({componentId:"sc-1503c8e4-0"})([""]);class M extends i.Component{componentDidMount(){this.setState({state:this.renderDefaultState()})}handleChange(e){let{onChange:t}=this.props;t&&t(e)}renderView(){let{enableSearch:e,value:t,hidePreview:n=!1,hideFadedPreview:i,moduleSource:a,uploader:o,disabled:l,width:s}=this.props,{state:c,image:d}=this.state;return 2===c||t?!n&&(0,r.jsx)(q,{width:s,disabled:l,image:t||d,onDeleteClicked:this.handleUploaderCancel}):1===c?(0,r.jsx)(_,{uploader:o,onUploadButtonClicked:this.handleUploadButtonClicked,onImageSelectionInitiated:this.handleImageSelectionInitiated,onImageSelected:this.handleImageSelected}):0===c?(0,r.jsx)(V,{uploader:o,showClose:!!e,onImageSelected:this.handleImageSelected,onCancel:this.handleUploaderCancel,hideFadedPreview:i,moduleSource:a}):null}render(){return(0,r.jsxs)(B,{ref:this.scrollToTopRef,children:[this.renderView()," "]})}constructor(...e){super(...e),this.state={},this.scrollToTopRef=i.createRef(),this.scrollToTop=()=>{if(this.scrollToTopRef&&this.scrollToTopRef.current){let e=this.scrollToTopRef.current;(0,z.A)(e,320)}},this.handleUploadButtonClicked=()=>{this.scrollToTop(),this.setState({state:0})},this.handleUploaderCancel=()=>{this.handleChange(void 0),this.scrollToTop(),this.setState({image:void 0,state:this.renderDefaultState()})},this.handleImageSelectionInitiated=()=>{this.scrollToTop(),this.setState({state:2})},this.handleImageSelected=e=>{this.setState({image:e,state:2},()=>{this.handleChange(e)})},this.renderDefaultState=()=>{let{enableSearch:e}=this.props;return+!!e}}}M.defaultProps={enableSearch:!0};var G=n(40317);class J extends i.Component{render(){let{id:e,label:t,error:n}=this.props;return(0,r.jsx)(G.ks,{id:e||"",label:t||"",error:n,children:(0,r.jsx)(M,{...this.props})})}}var Q=n(41944);class X extends i.Component{render(){return(0,r.jsx)(J,{uploader:Q,...this.props})}}var Z=n(3454);class ee extends i.Component{render(){let{value:e,moduleSource:t,hidePreview:n=!0,hideFadedPreview:i}=this.props,{openDropzone:a,selectedImage:o}=this.state,s=(0,r.jsx)(X,{id:"charityImages",enableSearch:!1,onChange:this.handleImageAdded,hidePreview:n,hideFadedPreview:i,moduleSource:t});return(0,r.jsxs)("div",{children:[e.length<=0&&s,(0,r.jsx)(l.o,{align:"center",blockAlign:"center",children:e.map(e=>(0,r.jsx)(x._,{id:e.url,height:"150",width:"150",source:e.url,alt:"",style:o===e.url?{border:"4px solid ".concat((0,f.y)("primary"))}:{},onClick:this.handleImageClicked},e.url))}),e.length>0&&(0,r.jsxs)(l.o,{align:"center",blockAlign:"center",children:[(0,r.jsx)(d.$,{onClick:this.handleDropzoneToggle,children:"Upload Images"}),(0,r.jsx)(d.$,{onClick:this.handleImageRemoved,children:"Delete Image"}),(0,r.jsx)(Z.N,{id:"",open:a,children:s})]})]})}constructor(...e){super(...e),this.state={openDropzone:!1,selectedImage:""},this.handleImageAdded=e=>{let{onChange:t,value:n}=this.props,r=[...n,e];t&&t(r)},this.handleImageRemoved=()=>{let{onChange:e,value:t}=this.props,{selectedImage:n}=this.state,r=t.filter(e=>e.url!==n);e&&e(r)},this.handleDropzoneToggle=()=>{this.setState(e=>({openDropzone:!e.openDropzone}))},this.handleImageClicked=e=>{this.setState({selectedImage:e.currentTarget.id})}}}let et=ee}

1,35848:(e,t,n)=>{n.d(t,{N:()=>a,x:()=>i});var r=n(50039);function i(e){return"\n    font-size: ".concat({extraSmall:.625,small:1.2/1.6,medium:1.4/1.6,large:1.125,extraLarge:2.4/1.6}[e],"rem;\n  ")}function a(e){let t={positive:"color:".concat((0,r.y)("green","dark"),";"),negative:"color:".concat((0,r.y)("red","dark"),";"),strong:"font-weight: 600;",subdued:"opacity:0.5;"}[e];return"\n    ".concat(t,";\n  ")}},41944:(e,t,n)=>{n.r(t),n.d(t,{imageUpload:()=>o,imageUploadFromUrl:()=>a});var r=n(52454),i=n(53965);async function a(e){let t=await (0,r.KU)(i.ImageClient);return await t.fromUrl({url:e})}async function o(e,t){let n=await (0,r.KU)(i.ImageClient);return await n.imageUpload({data:e,fileName:e.name},t,{})}},79816:(e,t,n)=>{n.d(t,{A:()=>x});var r=n(37876);n(14232);var i=n(44264),a=n(88651),o=n(62988),l=n(92110),s=n(58744),c=n(29347);let d=i.Ay.div.withConfig({componentId:"sc-daf0229e-0"})(["display:flex;justify-content:space-between;background:",";"],(0,a.yW)("white")),h=i.Ay.div.withConfig({componentId:"sc-daf0229e-1"})(["flex:0 1 90%;padding:",";display:flex;justify-content:center;align-items:center;flex-wrap:wrap;"],(0,a.YK)("extra-tight")),p=i.Ay.div.withConfig({componentId:"sc-daf0229e-2"})(["flex:0 1 5%;padding:",";text-align:right;"],(0,a.YK)("tight")),g=i.Ay.div.withConfig({componentId:"sc-daf0229e-3"})(["flex:0 1 5%;padding:",";"],(0,a.YK)("tight")),u=i.Ay.div.withConfig({componentId:"sc-daf0229e-4"})(["",""],e=>{let{$selected:t}=e;return(0,i.AH)(["display:flex;flex-direction:column;align-items:center;margin:0.7rem 0.7rem;@media (max-width:","){& > *{display:none;}

1height:15px;width:10px;background-color:",";border-radius:50%;display:inline-block;}"],o.f.tabletLandscape+"px",t?(0,a.yW)("primary"):"#e9e9e9")}),m=i.Ay.span.withConfig({componentId:"sc-daf0229e-5"})([""," ",";position:relative;margin-bottom:0.35rem;"],e=>{let{$selected:t}=e;return t?"\n    ".concat((0,a.xP)("extraLarge"),";\n    color: #0b1f59;\n  "):"\n    ".concat((0,a.xP)("large"),";\n    color: #e9e9e9;\n  ")},(0,a.N9)("strong")),f=i.Ay.span.withConfig({componentId:"sc-daf0229e-6"})(["background-color:",";height:",";width:150px;"],e=>e.$selected?(0,a.yW)("primary"):"#e9e9e9",(0,a.YK)("extra-tight"));function x(e){let{stepList:t,currentStep:n,onNavigate:i,hideButtons:a,hideLeftButton:o,hideRightButton:x,onClickBack:y}=e;return(0,r.jsxs)(d,{children:[!a&&!o&&(0,r.jsx)(g,{children:(0,r.jsx)(l.A,{primary:!0,icon:s.S,direction:"left",onClick:y,children:"Back"})}),(0,r.jsx)(h,{children:t.map(e=>{let{id:t,label:i}=e,a=n===t;return(0,r.jsxs)(u,{$selected:a,children:[(0,r.jsx)(m,{$selected:a,children:i}),(0,r.jsx)(f,{$selected:a})]},t)})}),!a&&!x&&(0,r.jsx)(p,{children:(0,r.jsx)(l.A,{primary:!0,icon:c.S,direction:"right",onClick:i,children:"Next"})})]})}},88651:(e,t,n)=>{n.d(t,{Vq:()=>r.V,yW:()=>i.y,p0:()=>l,cz:()=>o,r7:()=>s,YK:()=>a.Y,xP:()=>c.x,N9:()=>c.N});var r=n(19268),i=n(50039),a=n(5789);function o(e){return({base:"cubic-bezier(0.64, 0, 0.35, 1)",in:"cubic-bezier(0.36, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.42, 1)",excite:"cubic-bezier(0.18, 0.67, 0.6, 1.22)",overshoot:"cubic-bezier(0.07, 0.28, 0.32, 1.22)",anticipate:"cubic-bezier(0.38, -0.4, 0.88, 0.65)"})[e]}function l(e){return({fast:100,base:200,slow:300,slower:400,slowest:500})[e]+"ms"}function s(e){return({faint:"0 1px 0 0 rgba(22, 29, 37, 0.05)",base:"0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15)",deep:"0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)",layer:"0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08)",transparent:"0 0 0 0 transparent"})[e]}var c=n(35848)},92110:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(37876);n(14232);var i=n(52387);let a=e=>{let{children:t,icon:n,onClick:a,...o}=e;return(0,r.jsx)(i.$,{external:!0,variant:"primary",size:"large",fullWidth:!0,icon:n,onClick:a,...o,children:t})}}}]);
2//# sourceMappingURL=6117-d774401b32ab22fb.js.map