https://uxdx.com/component---src-templates-conference-convince-js-82a719e6c421adb31845.js

1"use strict";(self.webpackChunkuxdx=self.webpackChunkuxdx||[]).push([[1658],{10248:function(e,t,a){a.r(t),a.d(t,{default:function(){return x}});var n=a(72208),r=a(14041),o=a(50865),l=a(90342),s=a(1477),i=a(13805),c=a(64619),m=a(16991),d=a(44678),u=a(83797);const p=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15);function h(e,t){return new Intl.NumberFormat("en-US",{style:"currency",currency:t}).format(e)}function g(e){let{number:t,title:a,aside:n}=e;return r.createElement("div",{className:"flex items-baseline justify-between mb-4 mt-10 first:mt-0"},r.createElement("h3",{className:"text-lg font-bold text-gray-900"},r.createElement("span",{className:"mr-2 font-sans text-sm font-normal text-gray-400 tabular-nums"},t),a),n&&r.createElement("span",{className:"font-sans text-[10px] font-medium uppercase tracking-[0.15em] text-gray-400"},n))}function y(e){let{children:t,htmlFor:a}=e;return r.createElement("label",{htmlFor:a,className:"mb-1.5 block font-sans text-[10px] font-medium uppercase tracking-[0.15em] text-gray-500"},t)}const f="block w-full rounded-lg border border-gray-200 bg-white px-3 py-2.5 font-sans text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-teal-600 focus:outline-none focus:ring-1 focus:ring-teal-600";var v=e=>{var t;let{conference:a,tickets:n,conferenceLocation:o}=e;const l=null===(t=(0,d.xo)())||void 0===t?void 0:t.user,{0:v,1:x}=(0,r.useState)({whyThisConference:[],valueForMe:[],valueForCompany:[],howToShare:[]}),{0:w,1:b}=(0,r.useState)(!1),{0:E,1:N}=(0,r.useState)(""),{0:k,1:C}=(0,r.useState)(""),{0:T,1:F}=(0,r.useState)(""),{0:S,1:I}=(0,r.useState)(""),{0:$,1:D}=(0,r.useState)(""),{0:_,1:A}=(0,r.useState)(""),{0:M,1:P}=(0,r.useState)(null),{0:U,1:H}=(0,r.useState)(!1),{0:j,1:L}=(0,r.useState)(null),{0:Z,1:O}=(0,r.useState)(""),V=(0,r.useRef)(null),R={whyThisConference:["covers the latest approaches in product, UX, and engineering","features real world case studies from practitioners not just theory from consultants","offers hands-on workshops to reinforce learning","will help me to work cross-functionally across product, UX and engineering","has a lot of networking opportunities to help me grow my network"],valueForMe:["Learn how to improve our product development process","See how others are solving the same issues we are facing","Discover how people are adopting emerging technologies","Enhance my Product and UX skills","Access a network of like-minded professionals"],valueForCompany:["Improved personal performance due to new skills and knowledge","Inspire and motivate the team with new ideas and best practices","Find out about (and stay ahead of) what competitors are up to","Improve team productivity through better practices and more streamlined cross-functional alignment","Improve the success of our products by adopting customer-centric practices"],howToShare:["writing a blog post on the key takeaways","hosting a lunch and learn session","preparing a detailed presentation for the team","organizing a workshop to teach new skills learned","working with the team to implement new practices"]},Y=n.filter(e=>!e.data.Is_Upgrade).map(e=>({type:e.data.Name.split(": ")[1],delivery:e.data.Delivery[0],price:e.data.Price,currency:e.data.Currency})),W=e=>t=>{H(!0),O(""),e(t.target.value)},X=e=>0===e.length?"":1===e.length?e[0]:e.slice(0,-1).join(", ")+" and "+e.slice(-1),J=()=>{const e=M?h(M.price,M.currency):"N/A",t=E&&M?h((M.price*(1-parseInt(E)/100)).toFixed(2),M.currency):null,n=a.data.Venue.filter(e=>"In-Person"===e.data.Venue_Type)[0],r="In-Person"===(null==M?void 0:M.delivery)?`in ${null==n?void 0:n.data.Venue_City}`:"online",l="Online"===(null==M?void 0:M.delivery);return`Hi ${$},\n\nI'd like to attend the ${a.data.Conference_Name} conference that is taking place on ${(0,s.v1)(a.data.Conference_Start_Date,a.data.Conference_End_Date,a.data.Timezone,a.data.Region)} ${r}. I've researched a few different events but UXDX aligns best with what I am trying to learn this year. In particular it ${X(v.whyThisConference)}. \n\nThe conference has been running since 2016 so it is well established and highly regarded. You can check out the agenda here: https://uxdx.com${(0,i.L5)(a.data.Conference_Id,o,"agenda")}.  \n\nPrice: ${e} (ex Tax) ${E?`\nDiscount Negotiated: ${E}%\nDiscounted Price: ${t} (ex Tax)`:""} ${l?"":"\nTravel and accommodation costs: [RESEARCH AND POPULATE THIS]"}\n\nKey Learning Goals:\n${v.valueForMe.map(e=>`- ${e}`).join("\n")}\n\nValue for my team and ${S}:\n${v.valueForCompany.map(e=>`- ${e}`).join("\n")}\n\nWhen I return I will share my knowledge by ${X(v.howToShare)}.\n\nI really appreciate you taking the time to review my request. I feel that it's a good investment in learning, upskilling and training. \n\nThanks, \n${T}`},q=e=>{let{number:t,title:a,options:n,field:o}=e;return r.createElement("div",{className:"mb-2"},r.createElement(g,{number:t,title:a}),r.createElement("div",{className:"space-y-2"},n.map((e,t)=>r.createElement("label",{key:t,htmlFor:`${o}-${t}`,className:"flex cursor-pointer items-start gap-3 rounded-lg border border-gray-200 bg-white px-4 py-3 transition-colors hover:border-gray-300"},r.createElement("input",{type:"checkbox",id:`${o}-${t}`,checked:v[o].includes(e),onChange:()=>((e,t)=>{H(!0),O(""),x(a=>({...a,[t]:a[t].includes(e)?a[t].filter(t=>t!==e):[].concat((0,c.A)(a[t]),[e])}))}

1)(e,o),className:"mt-0.5 h-4 w-4 rounded border-gray-300 text-teal-600 focus:ring-teal-600"}),r.createElement("span",{className:"text-sm text-gray-700"},e)))))},z=()=>r.createElement("div",{className:"rounded-xl border border-gray-200 overflow-hidden bg-white shadow-sm"},r.createElement("div",{ref:V,className:"whitespace-pre-wrap px-6 py-6 text-sm leading-relaxed text-gray-800 select-none"},U?J():r.createElement("div",{className:"flex flex-col items-center justify-center py-16 text-gray-500"},r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:"mb-4 h-16 w-16",fill:"none",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},r.createElement("path",{d:"M24 2.5v21.5H13v-1h10V2.5c0-.827-.673-1.5-1.5-1.5h-13c-.827 0-1.5.673-1.5 1.5v7.783c-.318-.113-.652-.194-1-.233V2.5c0-1.379 1.121-2.5 2.5-2.5h13c1.379 0 2.5 1.121 2.5 2.5Zm-4 1.5H10v1h10v-1Zm-10 5h10v-1H10v1Zm0 4h8v-1H10v1Zm7 2c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3Zm0 1c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2Zm-7 7h1v1H0v-1h1v-2c0-1.103.897-2 2-2h1.38c-.912-2.404-1.38-3.937-1.38-4.54 0-1.38 1.098-2.46 2.5-2.46s2.5 1.08 2.5 2.46c0 .603-.468 2.136-1.38 4.54h1.38c1.103 0 2 .897 2 2v2Zm-4.552-4h.104c1.342-3.493 1.448-4.356 1.448-4.54 0-.818-.659-1.46-1.5-1.46s-1.5.642-1.5 1.46c0 .184.106 1.047 1.448 4.54Zm-3.448 4h7v-2c0-.552-.448-1-1-1H3c-.552 0-1 .448-1 1v2Z"})),r.createElement("h3",{className:"text-lg text-gray-900"},"Approval requests made easy!"),r.createElement("p",{className:"text-gray-500"},"Fill in the form on the left to generate your email."))));return r.createElement("div",{className:"max-w-7xl mx-auto rounded-xl overflow-hidden p-6 font-sans"},r.createElement("div",{className:"mx-auto max-w-xl text-center"},r.createElement("p",{className:"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},"Make the case. We'll write the email.")),r.createElement("div",{className:"md:grid grid-cols-2 items-start mb-4 gap-10 pt-10"},r.createElement("div",null,r.createElement("div",{className:"mb-4"},r.createElement(g,{number:"01",title:"Your details"}),r.createElement("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2"},r.createElement("div",null,r.createElement(y,{htmlFor:"your-name"},"Your first name"),r.createElement("input",{id:"your-name",type:"text",value:T,onChange:W(F),autoComplete:"given-name",className:f})),r.createElement("div",null,r.createElement(y,{htmlFor:"company"},"Your company"),r.createElement("input",{id:"company",type:"text",value:S,onChange:W(I),className:f}))),r.createElement("div",{className:"mt-4"},r.createElement(y,{htmlFor:"boss-name"},"Your boss' first name"),r.createElement("input",{id:"boss-name",type:"text",value:$,onChange:W(D),className:f}))),r.createElement("div",{className:"mb-4"},r.createElement(g,{number:"02",title:"Ticket type",aside:"Prices ex tax"}),r.createElement("div",{className:"space-y-2"},Y.map((e,t)=>{const a=k===e.type;return r.createElement("label",{key:t,htmlFor:`ticket-${t}`,className:"flex cursor-pointer items-center justify-between rounded-lg border-2 bg-white px-4 py-3 transition-colors "+(a?"border-teal-600":"border-gray-200 hover:border-gray-300")},r.createElement("div",{className:"flex items-center gap-3"},r.createElement("input",{type:"radio",id:`ticket-${t}`,name:"ticketType",value:e.type,checked:a,onChange:e=>{H(!0),O(""),C(e.target.value),P(Y.find(t=>t.type===e.target.value))},className:"h-4 w-4 border-gray-300 text-teal-600 focus:ring-teal-600"}),r.createElement("div",null,r.createElement("div",{className:"font-semibold text-gray-900"},e.type),r.createElement("div",{className:"font-sans text-[10px] font-medium uppercase tracking-[0.15em] text-gray-400"},e.delivery))),r.createElement("div",{className:"font-bold text-gray-900"},h(e.price,e.currency)))}))),r.createElement("div",{className:"mb-4"},r.createElement("button",{type:"button",onClick:()=>{b(!w),w||N("")},className:"font-sans text-[10px] font-medium uppercase tracking-[0.15em] text-teal-600 hover:text-teal-700"},"Have a discount code?"),w&&r.createElement("div",{className:"mt-3"},r.createElement(y,{htmlFor:"discountPercentage"},"Discount percentage"),r.createElement("input",{type:"number",id:"discountPercentage",value:E,onChange:W(N),placeholder:"Enter discount %",className:f}))),r.createElement(q,{number:"03",title:"Why this conference",options:R.whyThisConference,field:"whyThisConference"}),r.createElement(q,{number:"04",title:"What I want to learn",options:R.valueForMe,field:"valueForMe"}),r.createElement(q,{number:"05",title:"Value for the company",options:R.valueForCompany,field:"valueForCompany"}),r.createElement(q,{number:"06",title:"How I will share my knowledge",options:R.howToShare,field:"howToShare"})),r.createElement("div",{className:"mt-6 pt-4 sm:pt-0 sm:mt-0 sticky top-24 self-start"},r.createElement("div",{className:"flex justify-between items-center mb-4"},r.createElement("h3",{className:"text-lg font-bold text-gray-900"},"Your email"),r.createElement("div",{className:"flex items-center gap-2"},r.createElement("button",{type:"button",onClick:()=>

1{if(!U)return void O("There's nothing to send yet! Fill out the form to generate the email.");const e={yourName:T,company:S,bossName:$,ticketType:k,price:null==M?void 0:M.price,discount:E,whyThisConference:v.whyThisConference,valueForMe:v.valueForMe,valueForCompany:v.valueForCompany,howToShare:v.howToShare,timestamp:new Date,productId:a.data.Conference_Id,userUID:l?l.uid:p};JSON.stringify(e)!==JSON.stringify(j)&&(m.A.saveConvinceTemplate(e),L(e));const t=encodeURIComponent(J());window.location.href=`mailto:?body=${t}`},className:"inline-flex items-center gap-x-1.5 rounded-lg bg-white px-3 py-2 text-sm font-medium text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"},r.createElement(u.r4D,{"aria-hidden":"true",className:"h-4 w-4 text-gray-500"}),"Open in mail app"),r.createElement("button",{type:"button",onClick:()=>{if(!U)return void O("There's nothing to copy yet! Fill out the form to generate the template.");const e={yourName:T,company:S,bossName:$,ticketType:k,price:null==M?void 0:M.price,discount:E,whyThisConference:v.whyThisConference,valueForMe:v.valueForMe,valueForCompany:v.valueForCompany,howToShare:v.howToShare,timestamp:new Date,productId:a.data.Conference_Id,userUID:l?l.uid:p};JSON.stringify(e)!==JSON.stringify(j)&&(m.A.saveConvinceTemplate(e),L(e)),navigator.clipboard.writeText(J()).then(()=>{A("Copied!"),setTimeout(()=>A(""),2e3)}).catch(e=>{console.error("Failed to copy text: ",e),A("Failed to copy")})},className:"inline-flex items-center gap-x-1.5 rounded-lg bg-teal-600 px-3 py-2 text-sm font-medium text-white shadow-sm hover:bg-teal-700"},r.createElement(u.DDb,{"aria-hidden":"true",className:"h-4 w-4"}),_||"Copy email"))),Z&&r.createElement("p",{className:"text-red-500 text-sm mb-4"},Z),r.createElement(z,null))))};var x=e=>{let{data:t,location:a}=e;const c=t.conference,m=(0,i.Gr)(c),d={partners:c.data.Days_Away>-30},u=(()=>{const e=new Date,a=t.tickets2.nodes.map(t=>{const a=t.data.Prices.filter(t=>e>new Date(t.data.UTC_Display_Time)&&e<new Date(t.data.UTC_End_Time))[0];let n=null;return a&&(n={id:t.id,recordId:t.recordId,data:{...t.data,...a.data}},n.data.Currency=n.data.Currency&&n.data.Currency[0]),n}).filter(e=>e);return(0,n.A)(a,"data.Priority")})();return r.createElement(o.A,{conference:c,conferenceLinks:d,location:a},r.createElement(l.A,{keywords:["uxdx","product","ux","design","dev","agile","digital transformation","conference","success"],title:"Convince your Boss Template | "+c.data.Conference_Name+" | "+(0,s.v1)(c.data.Conference_Start_Date,c.data.Conference_End_Date,void 0,c.data.Region),description:"A free customisable template to help you convince your boss to attend "+c.data.Conference_Name,image:"images/metaImages/metaConvince.jpg"}),r.createElement("h1",{className:"sr-only"},"Convince your boss template generator"),r.createElement(v,{conference:c,tickets:u,conferenceLocation:m}))}},72208:function(e,t,a){var n=a(58524),r=a(96956);t.A=function(e,t,a,o){return null==e?[]:((0,r.A)(t)||(t=null==t?[]:[t]),a=o?void 0:a,(0,r.A)(a)||(a=null==a?[]:[a]),(0,n.A)(e,t,a))}}}]);
2//# sourceMappingURL=component---src-templates-conference-convince-js-82a719e6c421adb31845.js.map