https://thenounproject.com/_next/static/chunks/pages/checkout/coll…/[iconSetId]-f2496510692de2c7.js

1try{let 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]="87ca989f-c10b-4fd1-9e5e-a8d7e3f2a0fe",e._sentryDebugIdIdentifier="sentry-dbid-87ca989f-c10b-4fd1-9e5e-a8d7e3f2a0fe")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4266],{82690:function(e,t,n){"use strict";n.d(t,{Z:function(){return w}});var r=n(67294),o=n(35246),i=n(5183),a=n(75333),l=n(87583),c=n(99008),u=n(51384),s=n(44247);let d=l.ZP.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1l82sff-0"})(["display:flex;gap:",";align-items:center;"],(0,u.Mr)(6)),p=(0,l.ZP)(s.Z).attrs({fillColor:c.default.accent.lightMode.persian,size:{height:18,width:18}}).withConfig({displayName:"styles__ToolTipIcon",componentId:"sc-1l82sff-1"})(["margin-top:2px;cursor:pointer;"]);var m=n(73359),g=n(44545);let f=(0,g.ZP)`
2    query stripeCustomerPortalUrl($returnUrl: String!, $organizationId: ID) {
3        stripeCustomerPortalUrl(
4            returnUrl: $returnUrl
5            organizationId: $organizationId
6        ) {
7            ok
8            error
9            url
10        }
11    }
12`,y=e=>e?window.location.origin+e:window.location.toString();var b=({client:e=null,redirectPath:t="",organizationId:n=null}={})=>{let[o,i]=(0,r.useState)(!1),[a,l]=(0,r.useState)(!1),[c,{data:u}]=(0,m.t)(f,{client:e}),s=async()=>{o||(i(!0),c({variables:{returnUrl:y(t),organizationId:n},fetchPolicy:"no-cache"}))};return(0,r.useEffect)(()=>{o&&u&&(u.stripeCustomerPortalUrl&&!u.stripeCustomerPortalUrl.error&&u.stripeCustomerPortalUrl.url?window.location.href=u.stripeCustomerPortalUrl.url:l(!0),i(!1))},[o,u]),{requestRedirect:s,isProcessing:o,hasError:a}};function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var w=({client:e=null,showTooltip:t=!0,redirectPath:n="",organizationId:l=null,errorLabel:c="Failed to Load",renderAs:u="link",children:s,...m})=>{let{requestRedirect:g,isProcessing:f,hasError:y}=b({client:e,redirectPath:n,organizationId:l}),w=()=>"button"===u?r.createElement(i.Z,h({},m,{disabled:f,onClick:g}),y?c:s):r.createElement(o.Z,h({},m,{isButton:!0,disableVisitedStyle:!0,isDisabled:f,onClick:g}),y?c:s);return t?r.createElement(d,null,w(),r.createElement(a.Z,{clickToOpen:!0,message:r.createElement(r.Fragment,null,"Noun Project partners with Stripe for simplified billing and PCI Level 1 security. We don't store payment information on our servers."," ",r.createElement("a",{href:"https://stripe.com/docs/security",target:"_blank",rel:"noreferrer"},"Learn more")),size:"large"},r.createElement(p,null))):w()}},3143:function(e,t,n){"use strict";n.d(t,{k:function(){return i}}),n(67294);var r=n(87583),o=n(51384);n(64957),n(75333),n(99008);let i=r.ZP.p.withConfig({displayName:"CreativeCommonsTooltip__TooltipText",componentId:"sc-1x9posf-0"})(["display:block;margin-bottom:",";"],(0,o.Mr)({px:8}))},74037:function(e,t,n){"use strict";n.d(t,{Dp:function(){return p},GW:function(){return m},Gx:function(){return o},Lw:function(){return r},Wu:function(){return d},Xz:function(){return s},ai:function(){return u},bi:function(){return c},k_:function(){return a},m4:function(){return i},w8:function(){return l}}),n(70560),n(67602),n(41792),n(67294),n(51384),n(3143),n(82032);let r="purchase",o=700,i=700,a=1200,l=[100,128,512,1200,3600],c={100:"x-small",128:"small",512:"medium",1200:"large",3600:"x-large"},u=l[3],s=["SVG","PNG"],d=s[0],p="#000000",m="SQUARE"},79735:function(e,t,n){"use strict";var r=n(67294),o=n(88272),i=n(55060),a=n(70195),l=n(35831),c=n(79905),u=n(6402);t.Z=()=>{let e=(0,u.zV)();return r.createElement(r.Fragment,null,r.createElement(i.Je,null),r.createElement(o.Z,null,r.createElement(l.Z,null),r.createElement(a.Z,{submitText:"Subscribe",onSubmit:e})),r.createElement(c.Z,null))}},79905:function(e,t,n){"use strict";var r=n(67294),o=n(89647),i=n(87583),a=n(99008),l=n(13259),c=n(16249),u=n(36727);let s=(0,i.ZP)(c.em).attrs({size:"md",type:"p",copyColor:a.default.secondary.oolong}).withConfig({displayName:"DisclaimerBodyText__DisclaimerText",componentId:"sc-1857klp-0"})([""]);t.Z=()=>{let{isMonthly:e,isPayPal:t}=(0,o.v9)(l.mx);return r.createElement(r.Fragment,null,t&&r.createElement(s,null,u.Ot),r.createElement(s,null,e?u.Zf:u.PA))}},69439:function(e,t,n){"use strict";n.d(t,{Z:function(){return k}}),n(76801);var r=n(67294),o=n(87583),i=n(73359),a=n(50319),l=n(89647),c=n(44545);let u=(0,c.Ps)`
13    query($priceId: ID!, $couponId: ID!, $organizationId: ID = null) {
14        getProrationAmountForUpgradingSubscription(
15            priceId: $priceId
16            couponId: $couponId
17            organizationId: $organizationId
18        ) {
19            amount
20            eligibleToUpgrade
21            previewedProrationExpirationHash
22            previewedProrationExpirationTimestamp
23            error
24            discountAmountOff
25            discountPercentOff
26            totalAmountDiscounted
27        }
28    }
29`,s=(0,c.Ps)`
30    mutation upgradeSubscription(
31        $priceId: ID!
32        $previewedProrationExpirationHash: String!
33        $organizationId: ID = null
34        $couponId: String!
35    ) {
36        upgradeSubscription(
37            priceId: $priceId
38            previewedProrationExpirationHash: $previewedProrationExpirationHash
39            organizationId: $organizationId
40            couponId: $couponId
41        ) {
42            ok
43            error
44            subscription {
45                plan {
46                    name
47                }
48            }
49        }
50    }
51`;var d=n(6402),p=n(82512),m=n(51384),g=n(13259),f=n(82032),y=n(99008),b=n(90678),h=n(99327),w=n(70195),I=n(55060),E=n(35831),P=n(79905),_=n(52428),x=n(10452),S=n(82690),Z=n(79488),C=n(35246);let v="Something went wrong. Please wait a few moments and try again.",z=(0,o.ZP)(x.Z).attrs({type:"h2",size:"xs",topSpacing:"2xl",bottomSpacing:"lg",headingColor:y.default.secondary.orca}).withConfig({displayName:"SubscriptionUpgrade__StyledHeading",componentId:"sc-8np3y6-0"})([""]),N=o.ZP.div.withConfig({displayName:"SubscriptionUpgrade__Warning",componentId:"sc-8np3y6-1"})(["margin-top:1rem;color:",";"],y.default.functional.lightMode.sangria),T=o.ZP.div.withConfig({displayName:"SubscriptionUpgrade__Error",componentId:"sc-8np3y6-2"})(["margin-top:1rem;color:",";a{text-decoration:underline;color:",";}"],y.default.functional.lightMode.sangria,y.default.functional.lightMode.sangria),D=o.ZP.div.withConfig({displayName:"SubscriptionUpgrade__BlockingError",componentId:"sc-8np3y6-3"})([""," text-align:center;margin-top:1rem;margin-bottom:5rem;color:",";"],b.mS,y.default.functional.lightMode.sangria),U=()=>{let{type:e,isUpgrade:t,proratedCharge:n,canUsePromoUrl:o,currentSubscription:{cancelAtPeriodEnd:a}={},teamId:c}=(0,l.v9)(g.mx),s=(0,p.wI)(),d=o&&s?s:"",[y,b]=(0,r.useState)(null),h=(0,l.I0)(),[w,{refetch:I,loading:E}]=(0,i.t)(u,{variables:{priceId:e,couponId:d,organizationId:c},notifyOnNetworkStatusChange:!0,fetchPolicy:"network-only",onCompleted:e=>{let t=e?.getProrationAmountForUpgradingSubscription?.eligibleToUpgrade===!1;if(e?.getProrationAmountForUpgradingSubscription?.previewedProrationExpirationHash){let t=e.getProrationAmountForUpgradingSubscription;h((0,g.ri)({proratedCharge:(0,m.nh)(t.amount),eligibleToUpgrade:t.eligibleToUpgrade,expirationHash:t.previewedProrationExpirationHash,expirationTimestamp:t.previewedProrationExpirationTimestamp})),d&&(t.discountAmountOff||t.discountPercentOff)&&h((0,g.cG)({value:d,isValid:!0,discountType:t.discountAmountOff?f._Q:f.JH,amountOff:t.discountAmountOff?(0,m.nh)(t.discountAmountOff):Number(t.discountPercentOff)/100,totalAmountDiscounted:(0,m.nh)(t.totalAmountDiscounted)}))}else a?b(()=>r.createElement(r.Fragment,null,"Your current subscription is canceled but not yet expired. Regrettably we can't yet automatically upgrade canceled subscriptions. However, you can still purchase a Noun Pro Plus subscription today! Please email customer support at"," ",r.createElement(C.Z,{href:"mailto:[email protected]"},"[email protected]")," ","to get started.")):t?b("Subscription is not eligible for upgrade"):b("Error fetching proration amount")},onError:()=>{b("Error fetching proration amount")}});return(0,r.useEffect)(()=>{t&&!n&&w()},[t,n]),{refetch:I,loading:E,error:y}};var k=()=>{let[e,t]=(0,r.useState)(!1),[n,o]=(0,r.useState)(null),{type:i,promoCode:c,savedCard:u,expirationHash:m,successRedirect:f,teamId:y}=(0,l.v9)(g.mx),b=(0,l.I0)();(0,d.jI)();let{refetch:x,loading:C,error:k}=U(),$=!!i&&!!m&&!!u,O=async e=>{e?.upgradeSubscription?.ok?((0,p.lD)(),window.location.replace(f||h.fh)):e?.upgradeSubscription?.error.includes("proration amount is no longer valid")?(await x(),t(!0)):o(e?.upgradeSubscription?.error||v)},[F,{loading:A}]=(0,a.D)(s,{variables:{priceId:i,previewedProrationExpirationHash:m,organizationId:y,couponId:c?.isValid&&"string"==typeof c?.value?c.value:""},onCompleted:O,onError:()=>{o(v)},errorPolicy:"all"});return((0,r.useEffect)(()=>{b((0,g.Lt)(A||C||!$))},[A,C,$]),k)?r.createElement(D,null,k):$?r.createElement(r.Fragment,null,r.createElement(I.Je,null),r.createElement(z,null,"Payment Information"),r.createElement(_.Z,null),r.createElement(S.Z,{organizationId:y},"Update your payment information"),r.createElement(E.Z,null),r.createElement(w.Z,{onSubmit:F,submitText:"Subscribe"}),e&&r.createElement(N,null,"Your proration details have been updated. Please review your total and submit again."),n&&r.createElement(T,{dangerouslySetInnerHTML:{__html:n}}),r.createElement(P.Z,null)):r.createElement(Z.Z,null)}},16249:function(e,t,n){"use strict";n.d(t,{em:function(){return d},en:function(){return p}}),n(67294);var r=n(87583),o=n(61972),i=n(68188),a=n(10452),l=n(99008),c=n(25153),u=n(51384),s=n(76088);(0,r.ZP)(o.Z).attrs({flexDirection:"column"}).withConfig({displayName:"styles__SubscriptionTypeContainer",componentId:"sc-19zxwc9-0"})(["border-top:"," solid ",";border-bottom:"," solid ",";",";",";"],(0,u.Mr)({px:1}),l.default.primary.scheifer,(0,u.Mr)({px:1}),l.default.primary.scheifer,(0,s.F0)({bottomSpacing:"lg"}),(0,s.ul)({topSpacing:"lg"})),r.ZP.div.withConfig({displayName:"styles__FormContainer",componentId:"sc-19zxwc9-1"})(["",";"],(0,s.ul)({topSpacing:"2xl"})),(0,r.ZP)(o.Z).attrs({flexDirection:"row",justifyContent:"space-between"}).withConfig({displayName:"styles__IconSubInfo",componentId:"sc-19zxwc9-2"})(["",""],(0,s.F0)({bottomSpacing:"sm"})),(0,r.ZP)(i.Z).attrs({size:"md",copyColor:l.default.secondary.oolong}).withConfig({displayName:"styles__SubscriptionSubText",componentId:"sc-19zxwc9-3"})(["",";"],(0,s.ul)({topSpacing:"sm"}));let d=(0,r.ZP)(i.Z).withConfig({displayName:"styles__Disclaimer",componentId:"sc-19zxwc9-4"})(["",""],(0,s.ul)({topSpacing:"lg"}));(0,r.ZP)(o.Z).attrs({flexDirection:"row",alignItems:"center"}).withConfig({displayName:"styles__SubscriptionCheckoutHeader",componentId:"sc-19zxwc9-5"})(["",""],(0,s.F0)({bottomSpacing:"lg"})),(0,r.ZP)(i.Z).attrs({size:"sm",copyColor:l.default.secondary.oolong}).withConfig({displayName:"styles__USDText",componentId:"sc-19zxwc9-6"})(["padding-left:",";"],(0,u.Mr)({px:8})),(0,r.ZP)(i.Z).withConfig({displayName:"styles__SubDescContainer",componentId:"sc-19zxwc9-7"})(["",""],(0,s.F0)({bottomSpacing:"lg"}));let p=(0,r.ZP)(a.Z).withConfig({displayName:"styles__CheckoutPageHeading",componentId:"sc-19zxwc9-8"})(["@media (max-width:","){padding-left:",";padding-right:",";}"],c.Z.beforeTablet.rem,(0,u.Mr)({px:15}),(0,u.Mr)({px:15}));(0,r.ZP)(a.Z).attrs({size:"xs",type:"h2",bottomSpacing:"lg"}).withConfig({displayName:"styles__EduOrderTitle",componentId:"sc-19zxwc9-9"})([""])},49357:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return g}});var r=n(67294),o=n(89647);n(82589);var i=n(13259),a=n(99327),l=n(74037),c=n(17711),u=n(49507),s=n(89201),d=n(69439),p=n(28809),m=n(79735),g=!0;t.default=()=>{let e=(0,o.I0)(),{id:t}=(0,o.v9)(i.rV),{isUpgrade:n}=(0,o.v9)(i.mx);return(0,r.useEffect)(()=>{e((0,i.B)({trackingData:{itemType:c.ir,purchaseType:c.y5},successRedirect:a.VE.replace(":collectionSlugWithId",t)+`?${l.Lw}=${i.RN}`}))},[]),n?r.createElement(r.Fragment,null,r.createElement(u.Z,{title:"Upgrade",indexContent:"noindex, nofollow"}),r.createElement(s.Z,null,r.createElement(d.Z,null))):r.createElement(r.Fragment,null,r.createElement(u.Z,{title:"Checkout",indexContent:"noindex, nofollow"}),r.createElement(s.Z,null,r.createElement(p.Z,null,r.createElement(m.Z,null))))}},53265:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/checkout/collection-icon/cpro-yearly/[iconSetId]",function(){return n(49357)}])}},function(e){e.O(0,[4593,6330,9101,5021,3419,9940,3242,2888,9774,179],function(){return e(e.s=53265)}),_N_E=e.O()}]);