https://assets.nextleap.app/static/js/stage-progress-card.6b534955.chunk.js

1"use strict";(self.webpackChunknextleap=self.webpackChunknextleap||[]).push([[8800],{39131:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(89379),r=s(65043),o=s(92143),d=s(8378),i=s(90016),l=s(96774),n=s(51428),c=s(70579);class g extends o.Ay{getWidgetName(){return"Stage Progress Card"}renderComponent(e){var t;return(0,c.jsxs)(r.Fragment,{children:[this.renderContent(e),(null===(t=e.footerData)||void 0===t?void 0:t.tagData)&&this.renderNote(e.footerData.tagData,"stage-progress-closing-note")]})}renderContent(e){var t,s;return(0,c.jsxs)("div",{className:"stage-progress-parent",children:[e.currentStatus&&this.renderStatus(e.currentStatus),e.steps.length>0&&(0,c.jsxs)("div",{className:"stage-progress-rail-card",children:[(null===(t=e.headerData)||void 0===t||null===(s=t.textData)||void 0===s?void 0:s.text)&&(0,c.jsx)("div",{className:"stage-progress-eyebrow",style:this.props.pageContext.pageStyle.caption,children:e.headerData.textData.text}),e.steps.map(((t,s)=>this.renderStep(t,s,s===e.steps.length-1,s===e.currentStepIndex)))]})]})}renderStatus(e){var t,s,r;const{pageStyle:o}=this.props.pageContext,g=null!==(t=e.actionButtons)&&void 0!==t?t:[];return(0,c.jsxs)("div",{className:"stage-progress-status-card",children:[(0,c.jsxs)("div",{className:"stage-progress-status-body",children:[(0,c.jsxs)("div",{className:"stage-progress-status-text",children:[e.eyebrow&&(0,c.jsxs)("div",{className:"stage-progress-status-eyebrow",style:o.caption,children:[e.eyebrow,e.headline.superText?" \xb7 ".concat(e.headline.superText):""]}),(0,c.jsx)("div",{className:"stage-progress-status-headline",style:(0,a.A)((0,a.A)({},o.heading2),{},{color:e.headlineColor?n.b.pickColor(e.headlineColor):void 0}),children:e.headline.text}),e.badge&&this.renderPill(e.badge)]}),g.length>0&&(0,c.jsx)("div",{className:"stage-progress-status-actions",children:g.map(((e,t)=>(0,c.jsx)(i.Q,{data:e,isLoading:!1,isDisabled:!1,parentClassName:t===g.length-1?"stage-progress-button-primary":"stage-progress-button",darkThemeEnabled:this.props.pageContext.darkThemeEnabled,parentStyle:(0,a.A)((0,a.A)({},o.buttonSmall),{},{fontWeight:500}),onClick:()=>this.dispatchAndTrackServerAction(e.action,{})},t)))})]}),e.footerNote&&(0,c.jsxs)("div",{className:"stage-progress-status-footer",style:(0,a.A)((0,a.A)({},o.body2),(0,l.hq)(e.footerColorData)),children:[(null===(s=e.footerNote.image)||void 0===s?void 0:s.url)&&(0,c.jsx)(d.A,{data:e.footerNote.image,width:18,height:18,darkThemeEnabled:this.props.pageContext.darkThemeEnabled}),(0,c.jsx)("span",{children:null===(r=e.footerNote.text)||void 0===r?void 0:r.text})]})]})}renderStep(e,t,s,r){var o,i;const{pageStyle:n}=this.props.pageContext,g=r||Boolean(null===(o=e.marker)||void 0===o?void 0:o.url);return(0,c.jsxs)("div",{className:"stage-progress-row",children:[(0,c.jsxs)("div",{className:"stage-progress-rail",children:[(0,c.jsx)("div",{className:"stage-progress-node",style:(0,l.hq)(e.markerColorData),children:null!==(i=e.marker)&&void 0!==i&&i.url?(0,c.jsx)(d.A,{data:e.marker,width:16,height:16,darkThemeEnabled:this.props.pageContext.darkThemeEnabled}):(0,c.jsx)("span",{className:"stage-progress-node-number",style:n.body2,children:t+1})}),!s&&(0,c.jsx)("div",{className:"stage-progress-line"})]}),(0,c.jsxs)("div",{className:"stage-progress-body".concat(g?" stage-progress-body-current":""),children:[(0,c.jsxs)("div",{className:"stage-progress-title-row",children:[(0,c.jsx)("div",{className:"stage-progress-title",style:(0,a.A)((0,a.A)({},n.heading5),{},{fontWeight:600}),children:e.title.text}),e.statusTag&&this.renderPill(e.statusTag,r)]}),e.title.subText&&(0,c.jsx)("div",{className:"stage-progress-description",style:(0,a.A)((0,a.A)({},n.body2),{},{color:"var(--secondary-text-color, #5c5c5c)"}),children:e.title.subText}),e.highlight||e.footerNote?(0,c.jsxs)("div",{className:"stage-progress-stage-box",children:[e.highlight&&this.renderHighlight(e.highlight),e.compactCards&&e.compactCards.length>0&&(0,c.jsx)("div",{className:"stage-progress-chips",children:e.compactCards.map(((e,t)=>this.renderCompactCard(e,t)))}),e.cards&&e.cards.length>0&&this.renderCards(e.cards),e.footerNote&&this.renderNote(e.footerNote,"stage-progress-stage-note")]}):e.cards&&e.cards.length>0&&this.renderCards(e.cards)]})]},t)}renderHighlight(e){const{pageStyle:t}=this.props.pageContext;return(0,c.jsxs)("div",{className:"stage-progress-highlight",children:[(0,c.jsxs)("div",{className:"stage-progress-highlight-text",children:[(0,c.jsx)("span",{className:"stage-progress-highlight-value",style:t.heading3,children:e.headline.text}),(0,c.jsx)("span",{style:(0,a.A)((0,a.A)({},t.body2),{},{color:"var(--secondary-text-color, #5c5c5c)"}),children:e.headline.subText})]}),e.badge&&this.renderPill(e.badge)]})}renderNote(e,t){var s,r;return(0,c.jsxs)("div",{className:t,style:(0,a.A)((0,a.A)({},this.props.pageContext.pageStyle.body2),{},{color:"var(--secondary-text-color, #5c5c5c)"}),children:[(null===(s=e.image)||void 0===s?void 0:s.url)&&(0,c.jsx)(d.A,{data:e.image,width:15,height:15,darkThemeEnabled:this.props.pageContext.darkThemeEnabled}),(0,c.jsx)("span",{children:null===(r=e.text)||void 0===r?void 0:r.text})]})}renderCompactCard(e,t){var s,r,o,i;const{pageStyle:n}=this.props.pageContext,g=e.navigationAction;return(0,c.jsxs)("button",{className:"stage-progress-chip".concat(g?" stage-progress-chip-clickable":""),style:(0,l.hq)(e.bgColorData),onClick:g?()=>this.dispatchAndTrackServerAction(g,{}):void 0,children:[(0,c.jsxs)("span",{className:"stage-progress-chip-status",style:n.body2,children:[(null===(s=e.image)||void 0===s?void 0:s.url)&&(0,c.jsx)(d.A,{data:e.image,width:14,height:14,dar

1kThemeEnabled:this.props.pageContext.darkThemeEnabled}),null===(r=e.textData)||void 0===r?void 0:r.superText]}),(0,c.jsx)("span",{style:(0,a.A)((0,a.A)({},n.body1),{},{fontWeight:600}),children:null===(o=e.textData)||void 0===o?void 0:o.text}),(null===(i=e.textData)||void 0===i?void 0:i.subText)&&(0,c.jsx)("span",{style:(0,a.A)((0,a.A)({},n.body2),{},{color:"var(--secondary-text-color, #5c5c5c)"}),children:e.textData.subText})]},t)}renderCards(e){const t=e.some((e=>e.buttonData));return(0,c.jsx)("div",{className:"stage-progress-cards".concat(t?" stage-progress-cards-rows":""),children:e.map(((e,s)=>this.renderCard(e,s,t)))})}renderCard(e,t,s){var r,o,n,g;const{pageStyle:h}=this.props.pageContext,p=e.buttonData?void 0:e.navigationAction;return(0,c.jsxs)("div",{className:"stage-progress-card".concat(s?" stage-progress-card-row":"").concat(p?" stage-progress-card-clickable":""),onClick:p?()=>this.dispatchAndTrackServerAction(p,{}):void 0,children:[(0,c.jsx)("div",{className:"stage-progress-card-icon",style:(0,l.hq)(e.bgColorData),children:(null===(r=e.image)||void 0===r?void 0:r.url)&&(0,c.jsx)(d.A,{data:e.image,width:20,height:20,darkThemeEnabled:this.props.pageContext.darkThemeEnabled})}),(0,c.jsxs)("div",{className:"stage-progress-card-body",children:[(null===(o=e.textData)||void 0===o?void 0:o.superText)&&(0,c.jsx)("div",{className:"stage-progress-card-eyebrow",style:h.caption,children:e.textData.superText}),(0,c.jsx)("div",{style:(0,a.A)((0,a.A)({},h.body1),{},{fontWeight:600}),children:null===(n=e.textData)||void 0===n?void 0:n.text}),(null===(g=e.textData)||void 0===g?void 0:g.subText)&&(0,c.jsx)("div",{style:(0,a.A)((0,a.A)({},h.body2),{},{color:"var(--secondary-text-color, #5c5c5c)"}),children:e.textData.subText}),e.tags&&e.tags.length>0&&(0,c.jsx)("div",{className:"stage-progress-card-points",children:e.tags.map(((e,t)=>this.renderPoint(e,t)))})]}),e.buttonData&&(0,c.jsx)(i.Q,{data:e.buttonData,isLoading:!1,isDisabled:!1,parentClassName:"stage-progress-card-button",darkThemeEnabled:this.props.pageContext.darkThemeEnabled,parentStyle:(0,a.A)((0,a.A)({},h.buttonSmall),{},{fontWeight:500}),onClick:()=>e.buttonData&&this.dispatchAndTrackServerAction(e.buttonData.action,{})})]},t)}renderPoint(e,t){var s,a;return(0,c.jsxs)("div",{className:"stage-progress-card-point",style:this.props.pageContext.pageStyle.body2,children:[(null===(s=e.image)||void 0===s?void 0:s.url)&&(0,c.jsx)(d.A,{data:e.image,width:15,height:15,darkThemeEnabled:this.props.pageContext.darkThemeEnabled}),(0,c.jsx)("span",{children:null===(a=e.text)||void 0===a?void 0:a.text})]},t)}renderPill(e,t){var s,r,o;return(0,c.jsxs)("div",{className:"stage-progress-pill".concat(t?" stage-progress-pill-current":""),style:(0,a.A)((0,a.A)({},this.props.pageContext.pageStyle.caption),(0,l.hq)(null===(s=e.text)||void 0===s?void 0:s.bgColorData)),children:[(null===(r=e.image)||void 0===r?void 0:r.url)&&(0,c.jsx)(d.A,{data:e.image,width:14,height:14,darkThemeEnabled:this.props.pageContext.darkThemeEnabled}),(0,c.jsx)("span",{children:null===(o=e.text)||void 0===o?void 0:o.text})]})}}}}]);
2//# sourceMappingURL=stage-progress-card.6b534955.chunk.js.map