https://www.destinationu.net/_next/static/chunks/98.e782581b507125b89c02.js

1(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[98],{Y9mk:function(e,l,t){"use strict";t.r(l);var n=t("o0o1"),i=t.n(n),s=t("nKUr"),c=t("HaE+"),o=t("ODXe"),a=t("q1tI"),r=t.n(a),d=t("vDqi"),u=t.n(d),x=t("vxmd");function b(e){var l,t,n,a,d,b,p,v,j,m,h,w,f,g,O,N,y,k,q,B,I,C,R=e.caption,S=e.title,K=e.description,_=e.plans,P=e.hashKey,T=e.apiVersion,z=e.stripeSecretKey,A=e.stripePKey,D=e.NEXT_PUBLIC_DXP_STUDIO_ADDRESS,E=r.a.useState(_),L=Object(o.a)(E,2),M=L[0],U=L[1],V=r.a.useState(!1),X=Object(o.a)(V,2),$=X[0],J=X[1],Y=Intl.NumberFormat("en-us");function F(){return(F=Object(c.a)(i.a.mark((function e(l){var t,n,s,c,o,a,r;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=0;case 1:if(!(t<(null===l||void 0===l?void 0:l.length))){e.next=14;break}return a={credentials:{hashKey:P,stripeSecretKey:z,apiVersion:T},id:"dxpstudio-pricing-".concat(null===(n=l[t])||void 0===n?void 0:n._key,"-").concat(null===(s=l[t])||void 0===s||null===(c=s.planType)||void 0===c?void 0:c.replace(/ /g,"-"),"-oneTimePrice-").concat(null===(o=l[t])||void 0===o?void 0:o.price)},r={credentials:{hashKey:P,stripeSecretKey:z,apiVersion:T}},e.prev=4,e.delegateYield(i.a.mark((function e(){var n,s,c;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,u.a.post("".concat(D,"/api/payments/stripe?resource=products&action=retrieve"),a);case 2:return n=e.sent,e.next=5,n.data;case 5:return s=e.sent,e.next=8,u.a.post("".concat(D,"/api/payments/stripe?resource=prices&action=list"),r);case 8:return c=e.sent,e.next=11,c.data;case 11:e.sent.data.map((function(e){e.product===s.id&&s.name===l[t].planType&&(l[t].checkoutButton=e.id)})),U(l);case 14:case"end":return e.stop()}}),e)}))(),"t0",6);case 6:e.next=11;break;case 8:e.prev=8,e.t1=e.catch(4),console.log(e.t1);case 11:t++;case 12:e.next=1;break;case 14:case"end":return e.stop()}}),e,null,[[4,8]])})))).apply(this,arguments)}return r.a.useEffect((function(){!function(e){F.apply(this,arguments)}(M)}),[_,M]),Object(s.jsxs)("section",{children:[Object(s.jsx)("div",{className:"skew skew-top mr-for-radius",children:Object(s.jsx)("svg",{className:"h-8 md:h-12 lg:h-20 w-full text-gray-50",viewBox:"0 0 10 10",preserveAspectRatio:"none",children:Object(s.jsx)("polygon",{fill:"currentColor",points:"0 0 10 10 0 10"})})}),Object(s.jsx)("div",{className:"skew skew-top ml-for-radius",children:Object(s.jsx)("svg",{className:"h-8 md:h-12 lg:h-20 w-full text-gray-50",viewBox:"0 0 10 10",preserveAspectRatio:"none",children:Object(s.jsx)("polygon",{fill:"currentColor",points:"0 10 10 0 10 10"})})}),Object(s.jsx)("div",{className:"py-20 bg-gray-50 radius-for-skewed",children:Object(s.jsxs)("div",{className:"container mx-auto px-4",children:[Object(s.jsxs)("div",{className:"mb-16 w-full flex flex-wrap items-center",children:[Object(s.jsxs)("div",{className:"w-full lg:w-1/2",children:[R&&Object(s.jsx)("span",{className:"text-webriq-darkblue font-bold",children:R}),S&&Object(s.jsx)("h2",{className:"mb-2 text-4xl lg:text-5xl font-bold font-heading",children:S})]}),Object(s.jsx)("div",{className:"w-full lg:w-1/2",children:K?Object(s.jsx)("p",{className:"max-w-xs lg:mx-auto text-gray-500 leading-loose",children:K}):null})]}),$&&Object(s.jsx)("div",{children:Object(s.jsxs)("p",{style:{fontSize:9,color:"red",textAlign:"center",padding:20},children:["Stripe Checkout won't work because of an Invalid",Object(s.jsx)("strong",{children:" Stripe Public Key"}),", please fix it in your studio under webriq-payments to get rid of this error message."]})}),M?Object(s.jsxs)("div",{className:"flex flex-wrap",children:[(null===M||void 0===M?void 0:M[0])&&Object(s.jsxs)("div",{className:"mb-8 w-full p-8 flex flex-wrap items-center bg-white rounded shadow",children:[Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 self-start",children:Object(s.jsx)("h3",{className:"mb-4 text-2xl font-bold font-heading",children:null===M||void 0===M||null===(l=M[0])||void 0===l?void 0:l.planType})}),Object(s.jsx)("div",{className:"w-full lg:w-2/5 px-3",children:Object(s.jsx)("ul",{className:"mb-4 text-gray-500",children:null===M||void 0===M||null===(t=M[0])||void 0===t||null===(n=t.planIncludes)||void 0===n?void 0:n.map((function(e){return Object(s.jsxs)("li",{className:"mb-4 flex",children:[Object(s.jsx)("svg",{className:"mr-2 w-5 h-5 text-webriq-blue",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:Object(s.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),Object(s.jsx)("span",{children:e})]},e)}))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 lg:text-center",children:Object(s.jsx)("span",{className:"text-4xl font-bold",children:isNaN(parseInt(null===M||void 0===M||null===(a=M[0])||void 0===a?void 0:a.price))?Y.format(null===M||void 0===M||null===(d=M[0])||void 0===d?void 0:d.price):"$".concat(Y.format(null===M||void 0===M||null===(b=M[0])||void 0===b?void 0:b.price))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3",children:Object(s.jsx)("button",{className:"inline-block mt-4 lg:mt-0 py-2 px-6 rounded-l-xl rounded-t-xl bg-webriq-blue hover:bg-webriq-darkblue text-white font-bold leading-loose transition duration-200  ".concat(!M[0]&&"disabled:opacity-50 cursor-not-allowed"),disabled:!M[0],onClick:function(){Object(x.a)({lineItems:[{price:M[0].checkoutButton,quantity:1}]},A,window.location.origin+"/success",window.location.href,!1,J)},children:M[0]?null===M||void 0===M||null===(p=M[0])||void 0===p?void 0:p.checkoutButtonName:"Processing..."})})]}),(null===M||void 0===M?void 0:M[1])&&Object(s.jsxs)("div",{className:"mb-8 w-full p-8 flex flex-wrap items-center bg-white rounded shadow",children:[Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 self-start",children:Object(s.jsx)("h3",{className:"mb-4 text-2xl font-bold font-heading",children:null===M||void 0===M||null===(v=M[1])||void 0===v?void 0:v.planType})}),Object(s.jsx)("div",{className:"w-full lg:w-2/5 px-3",children:Object(s.jsx)("ul",{className:"mb-4 text-gray-500",children:null===M||void 0===M||null===(j=M[1].planIncludes)||void 0===j?void 0:j.map((function(e){return Object(s.jsxs)("li",{className:"mb-4 flex",children:[Object(s.jsx)("svg",{className:"mr-2 w-5 h-5 text-webriq-blue",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:Object(s.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),Object(s.jsx)("span",{children:e})]},e)}))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 lg:text-center",children:Object(s.jsx)("span",{className:"text-4xl font-bold",children:isNaN(parseInt(null===M||void 0===M||null===(m=M[1])||void 0===m?void 0:m.price))?Y.format(null===M||void 0===M||null===(h=M[1])||void 0===h?void 0:h.price):"$".concat(Y.format(null===M||void 0===M||null===(w=M[1])||void 0===w?void 0:w.price))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3",children:Object(s.jsx)("button",{className:"inline-block mt-4 lg:mt-0 py-2 px-6 rounded-l-xl rounded-t-xl bg-webriq-blue hover:bg-webriq-darkblue text-white font-bold leading-loose transition duration-200 ".concat(!M[1]&&"disabled:opacity-50 cursor-not-allowed"),disabled:!M[1],onClick:function(){Object(x.a)({lineItems:[{price:M[1].checkoutButton,quantity:1}]},A,window.location.origin+"/success",window.location.href,!1,J)},children:M[1]?null===M||void 0===M||null===(f=M[1])||void 0===f?void 0:f.checkoutButtonName:"Processing..."})})]}),(null===M||void 0===M?void 0:M[2])&&Object(s.jsxs)("div",{className:"w-full p-8 flex flex-wrap items-center bg-white rounded shadow",children:[Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 self-start",children:Object(s.jsx)("h3",{className:"mb-4 text-2xl font-bold font-heading",children:null===M||void 0===M||null===(g=M[2])||void 0===g?void 0:g.planType})}),Object(s.jsx)("div",{className:"w-full lg:w-2/5 px-3",children:Object(s.jsx)("ul",{className:"mb-4 text-gray-500",children:null===M||void 0===M||null===(O=M[2])||void 0===O||null===(N=O.planIncludes)||void 0===N?void 0:N.map((function(e){return Object(s.jsxs)("li",{className:"mb-4 flex",children:[Object(s.jsx)("svg",{className:"mr-2 w-5 h-5 text-webriq-blue",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:Object(s.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),Object(s.jsx)("span",{children:e})]},e)}))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3 lg:text-center",children:Object(s.jsx)("span",{className:"text-4xl font-bold",children:isNaN(parseInt(null===M||void 0===M||null===(y=M[2])||void 0===y?void 0:y.price))?Y.format(null===M||void 0===M||null===(k=M[2])||void 0===k?void 0:k.price):"$".concat(Y.format(null===M||void 0===M||null===(q=M[2])||void 0===q?void 0:q.price))})}),Object(s.jsx)("div",{className:"w-full lg:w-1/5 px-3",children:null!==M&&void 0!==M&&null!==(B=M[2])&&void 0!==B&&B.primaryButton&&null!==M&&void 0!==M&&null!==(I=M[2])&&void 0!==I&&I.checkoutButtonName?Object(s.jsx)("button",{className:"inline-block mt-4 lg:mt-0 py-2 px-6 rounded-l-xl rounded-t-xl bg-webriq-blue hover:bg-webriq-darkblue text-white font-bold leading-loose transition duration-200   ".concat(!M&&"disabled:opacity-50 cursor-not-allowed"),disabled:!M,onClick:function(){Object(x.a)({lineItems:[{price:M[2].checkout,quantity:1}]},A,window.location.origin+"/success",window.location.href,!1,J)},children:M[2]?null===M||void 0===M||null===(C=M[2])||void 0===C?void 0:C.checkoutButtonName:"Processing..."}):null})]})]}):null]})}),Object(s.jsx)("div",{className:"skew skew-bottom mr-for-radius",children:Object(s.jsx)("svg",{className:"h-8 md:h-12 lg:h-20 w-full text-gray-50",viewBox:"0 0 10 10",preserveAspectRatio:"none",children:Object(s.jsx)("polygon",{fill:"currentColor",points:"0 0 10 0 0 10"})})}),Object(s.jsx)("div",{className:"skew skew-bottom ml-for-radius",children:Object(s.jsx)("svg",{className:"h-8 md:h-12 lg:h-20 w-full text-gray-50",viewBox:"0 0 10 10",preserveAspectRatio:"none",children:Object(s.jsx)("polygon",{fill:"currentColor",points:"0 0 10 0 10 10"})})})]})}l.default=r.a.memo(b)}}]);