https://www.ourtransfers.com/_next/static/chunks/pages/TransferPackagePage-2a2a87bc8b91b01f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[854],{62118:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/TransferPackagePage",function(){return t(79700)}])},79700:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var r=t(2318),i=t(26514),a=t(21050),s=t(75834),o=t(54916),c=t(12446),l=t(341),u=t(47475),d=t(71150),f=t(85279),m=t(76661),h=t(13736),p=t(52546),x=t(75817),g=t(73265),j=t(30149),w=t(16333),T=t(46225),b=t(24330),k=t(90921),y=t(87067),v=t(68482),A=t(64031),C=t(10507),N=t(1396),S=t(79874),_=t(8228);function H(){let e=(0,r._)(["\n		","\n	"]);return H=function(){return e},e}function I(){let e=(0,r._)(["\n		","\n	"]);return I=function(){return e},e}function P(){let e=(0,r._)(["\n		","\n		margin-bottom: 30px;\n	"]);return P=function(){return e},e}function z(){let e=(0,r._)(["\n		","\n	"]);return z=function(){return e},e}function B(){let e=(0,r._)(["\n		","\n		width: fit-content;\n	"]);return B=function(){return e},e}function D(){let e=(0,r._)(["\n		","\n	"]);return D=function(){return e},e}function E(){let e=(0,r._)(["\n		",";\n		margin-top: 30px;\n		margin-bottom: 50px;\n		background: ",";\n	"]);return E=function(){return e},e}function F(){let e=(0,r._)(["\n		font-size: 22px;\n		font-weight: 400;\n	"]);return F=function(){return e},e}function M(){let e=(0,r._)(["\n		color: ",";\n		word-break: break-all;\n	"]);return M=function(){return e},e}class O extends l.y{static async getInitialProps(e){let n=(0,u.VB)(e),t=(0,u.tF)(e),{transferId:r}=(0,b.D)({ctx:e,routes:[k.J.TransferPackage]}).params;return t||(t=await c.M3.getShowTransferPackageScreenData({params:{id:r},token:n})),(0,u.g6)({view:t,title:this.createViewTitle({view:t}),context:e}),{view:t,transferId:r}}static createViewTitle(e){let{view:n}=e;return"Package | OurTransfers"}render(){let{props:e}=this;return(0,i.jsx)(U,{...e})}}let U=e=>{var n;let t=(0,T.useRouter)(),r=(0,h.TA)(),a=(0,h.uP)(),[l,u]=(0,s.useState)(!1),{view:{dataTransferId:d}}=(0,p.A)(),{openAuthModal:j}=(0,x.YE)(),{data:w,isLoading:b,mutate:k}=(0,m.Y)(c.FQ.buildGetDataTransferPackageForMemberUrl({params:{id:d}}),()=>c.FQ.getDataTransferPackageForMember({params:{id:d}})),H=(null==w?void 0:w.creatorUserId)===r&&"true"===t.query.confirmation,I=(null==w||null==(n=w.dataTransfer)?void 0:n.sendButtonTiming)?new Date(w.dataTransfer.sendButtonTiming.finalizedTransferReturnedAt).getTime()-new Date(w.dataTransfer.sendButtonTiming.sendButtonClickedAt).getTime():null,P=(0,N.O)(()=>{let e="/transfer/".concat(d,"/package");return a?"https://ourtransfers.com".concat(e):"http://localhost:3000".concat(e)}),z=()=>{(0,S.e)(P,void 0),u(!0),setTimeout(()=>{u(!1)},3e3)},B=()=>{j()},D=async()=>{let{id:e}=await c.FQ.createDataTransfer();t.push("/transfer/".concat(e),"/transfer/".concat(e),{shallow:!0})};return(0,i.jsxs)(Z,{children:[(0,i.jsx)(f.e,{}),(0,i.jsx)(o.so,{...e}),(0,i.jsx)("section",{className:"section u-paddingTop0",children:(0,i.jsx)("div",{className:"container u-maxWidth95Pct",children:(0,i.jsxs)("div",{className:"u-flexColumn u-gap20",children:[(0,i.jsxs)("div",{className:"u-flexColumn u-gap5",children:[(0,i.jsx)(o.sn,{if:H,render:()=>(0,i.jsxs)(G,{children:[(0,i.jsxs)(V,{className:"u-flexCenteredItemsY u-flexWrap u-gap10",children:[(0,i.jsx)("div",{className:"u-flex1 u-fontSize28",children:"\uD83E\uDD73 Files Sent Successfully"}),(0,i.jsx)(o.sn,{if:I,render:()=>(0,i.jsxs)("div",{className:"u-flexCenteredItemsY u-gap5 u-fontSize11",children:[(0,i.jsx)(v.O4,{size:12,color:A.H.Gray[60].toHex()}),(0,i.jsxs)("span",{children:["Took ",(e=>{let n=Math.ceil(e/1e3),t=Math.floor(n/3600),r=Math.floor(n%3600/60),i=n%60;return t>0?"".concat(t,"h ").concat(r,"m ").concat(i,"s"):r>0?"".concat(r,"m ").concat(i,"s"):"".concat(i,"s")})(I)]})]})})]}),(0,i.jsx)("div",{children:(0,i.jsx)("p",{children:"Your files have been sent to the recipient. See the details of your transfered package below."})}),(0,i.jsxs)("div",{className:"u-flexCenteredItemsY u-flexWrap u-gap10 u-fontSize14",children:[(0,i.jsx)(C.F,{onClick:z,left:()=>l?(0,i.jsx)(_.NLe,{size:14}):(0,i.jsx)(_.ydS,{size:14}),isPlain:!0,isSlim:!0,isSquare:!0,children:l?"Copied link":"Copy link"}),(0,i.jsx)(o.m2,{}),(0,i.jsx)(L,{className:"u-flex1 u-fontSize14",onClick:z,children:P})]})]})}),(0,i.jsx)(y.A,{}),(0,i.jsx)(R,{className:"u-userSelectNone",children:H?"Your Transfer Package":"Receive Files Easily"})]}),(0,i.jsxs)(q,{children:["Use OurTransfers to send and receive files of any size",(0,i.jsx)("br",{className:"u-sm-hide"}),(0,i.jsx)("span",{className:"u-sm-show",children:"\xa0"}),(0,i.jsx)("span",{children:"securely"})," and ",(0,i.jsx)("span",{children:"quickly"}),"."]}),(0,i.jsx)(o.sn,{if:!r,render:()=>(0,i.jsxs)(W,{className:"u-marginTop20",children:[(0,i.jsx)("p",{className:"u-fontSize20",children:"Login to view and download your files."}),(0,i.jsx)(Q,{onClick:B,children:"Login to Download Files"})]}),else:()=>w?(0,i.jsx)(g.O,{transferPackage:w,canShowMembers:!0,shouldStartInView:!0,onRefreshTransferPackage:k}):(0,i.jsx)(J,{children:(0,i.jsx)(o.sn,{if:b,render:"Loading package ...",else:"That package could not be found"})})}),(0,i.jsx)("div",{className:"u-marginTop30",children:(0,i.jsx)(X,{onClick:()=>D(),children:H?"Send Another Transfer":"Send Files to Someone"})})]})})})]})},Y={wrapper:(0,d.AH)(H(),j.i.page),header:(0,d.AH)(I(),j.i.pageHeader),subheader:(0,d.AH)(P(),j.i.pageSubheader),element:(0,d.AH)(z(),j.i.element),loginButton:(0,d.AH)(B(),w.V.primary),newTransferButton:(0,d.AH)(D(),w.V.bold),confirmationBanner:(0,d.AH)(E(),j.i.element,A.H.Green.toHex({shade:.85})),confirmationHeader:(0,d.AH)(F()),confirmationUrl:(0,d.AH)(M(),A.H.Black.toHex()),currentUserEmail:j.i.currentUserEmail};var V=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-0"})(["",""],Y.confirmationHeader),L=(0,a.Ay)("span").withConfig({componentId:"sc-59720cb0-1"})(["",""],Y.confirmationUrl),G=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-2"})(["",""],Y.confirmationBanner),R=(0,a.Ay)("h1").withConfig({componentId:"sc-59720cb0-3"})(["",""],Y.header),q=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-4"})(["",""],Y.subheader),Q=(0,a.Ay)("button").withConfig({componentId:"sc-59720cb0-5"})(["",""],Y.loginButton),W=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-6"})(["",""],Y.element),J=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-7"})(["",""],Y.element),X=(0,a.Ay)("button").withConfig({componentId:"sc-59720cb0-8"})(["",""],Y.newTransferButton),Z=(0,a.Ay)("div").withConfig({componentId:"sc-59720cb0-9"})(["",""],Y.wrapper)},87067:(e,n,t)=>{"use strict";t.d(n,{A:()=>f});var r=t(2318),i=t(26514),a=t(21050),s=t(75834),o=t(71150),c=t(83352),l=t(13736),u=t(18555);function d(){let e=(0,r._)(["\n		color: ",";\n		font-size: 1.4rem;\n		cursor: default;\n		position: relative;\n		display: inline-block;\n	"]);return d=function(){return e},e}let f=(0,t(9931).H)(()=>(0,l.iZ)()?(0,i.jsx)(m,{}):null),m=()=>{let e=(0,l.iZ)(),{isHovered:n,hoverStatusProps:t}

1=(0,u.w)(),[r,a]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let t;return n&&e.email?t=setTimeout(()=>{a(!0)},500):a(!1),()=>{t&&clearTimeout(t)}},[n,e.email]);let o=r?e.email:e.firstNameDisplay;return(0,i.jsx)(p,{...t,children:o})},h={greeting:(0,o.AH)(d(),c.J.Gray.s5)};var p=(0,a.Ay)("span").withConfig({componentId:"sc-f180ee93-0"})(["",""],h.greeting)}},e=>{e.O(0,[509,31,352,6,656,803,431,456,339,135,322,26,224,859,214,916,931,832,18,636,593,792],()=>e(e.s=62118)),_N_E=e.O()}]);