https://sandbox-payment-platform.vercel.app/_next/static/chunks/pages/styleguide-1af4aea74386a3fc.js
1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9044],{44956:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/styleguide",function(){return i(62357)}])},62357:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return tE},default:function(){return tL}});var l=i(52903),n=i(89190),r=i(73848),a=i(24798),o=i(84520),d=i(95085),c=i(11919),s=i(67990),u=i(78868),p=i(90623),h=i(53738),m=i(91012),Z=i(76360),x=i(95226),g=i(75342);let b=e=>(0,l.tZ)(h.xu,{width:"100%",maxW:"800px",mb:"32px",children:(0,l.tZ)(m.x,{textStyle:"heading3",children:e.title})}),v=e=>(0,l.tZ)(c.k,{alignItems:"center",flexDirection:"column",flex:1,width:"100%",justifyContent:"center",id:"section-".concat(e.id),mb:"48px",pt:"48px",children:e.children}),y=e=>{let t=e.allowOverflow?"visible":void 0;return(0,l.BX)(Z.Z,{mb:"32px",width:"100%",maxW:"800px",overflow:t,children:[(0,l.tZ)(x.O,{children:(0,l.tZ)(m.x,{textStyle:"ui2",children:e.title})}),(0,l.tZ)(g.e,{overflow:t,children:e.children})]})};var f=i(98614);let k={basecolors:{id:"basecolors",title:"Base colors"},textcolors:{id:"textcolors",title:"Text colors"},typography:{id:"typography",title:"Typography"},semanticcolors:{id:"semanticcolors",title:"Semantic colors"}},S={createPaymentLinkModal:{id:"createPaymentLinkModal",title:"Create payment link modal"},mfaEnrollModal:{id:"mfaEnrollModal",title:"MFA enroll modal"},mfaVerificationForm:{id:"mfaVerificationForm",title:"MFA verification form"},sendPaymentLinkModal:{id:"sendPaymentLinkModal",title:"Send payment link modal"}},w={alertprompt:{id:"alertprompt",title:"Alert prompt"},badgeIcon:{id:"badgeIcon",title:"Badge icon"},button:{id:"button",title:"Button"},channelSplit:{id:"channelSplit",title:"Channel split"},checkmarkBadge:{id:"checkmarkBadge",title:"Checkmark badge"},dataTable:{id:"dataTable",title:"Data table"},deltaBadge:{id:"deltaBadge",title:"Delta badge"},dot:{id:"dot",title:"Dot"},filterSelector:{id:"filterSelector",title:"Filter selector"},form:{id:"form",title:"Form"},logo:{id:"logo",title:"Logo"},markdown:{id:"markdown",title:"Markdown"},newsModal:{id:"newsModal",title:"News modal"},overviewBox:{id:"overviewBox",title:"Overview box"},radiogroup:{id:"radiogroup",title:"Radio group"},radiogroupTabbed:{id:"radiogroupTabbed",title:"Radio group tabbed"},sectionTitle:{id:"sectionTitle",title:"Section title"},simpletag:{id:"simpletag",title:"Simple tag"},snackbar:{id:"snackbar",title:"Snackbar"},statusbar:{id:"statusbar",title:"Statusbar"},stepHeader:{id:"stepHeader",title:"Step header"},summaryCard:{id:"summaryCard",title:"Summary card"},tags:{id:"tags",title:"Tags"},tooltip:{id:"tooltip",title:"Tooltip"}},B=e=>{let{t}=(0,f.$G)(),i=e=>{let t=document.getElementById("section-".concat(e));null==t||t.scrollIntoView()};return(0,l.tZ)(c.k,{position:"sticky",top:"0",pl:"24px",height:"calc(100vh - 42px)",alignItems:"center",justifyContent:"center",children:(0,l.tZ)(c.k,{flexDirection:"column",children:Object.values(e.sections).map(e=>(0,l.tZ)(h.xu,{mb:"12px",cursor:"pointer",onClick:()=>i(e.id),minH:"24px",children:(0,l.tZ)(c.k,{flexDirection:"row",alignItems:"center",children:(0,l.tZ)(m.x,{textStyle:"ui3",ml:"8px",children:t(e.id)})})},e.id))})})},C=()=>
1(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.alertprompt.id,children:[(0,l.tZ)(b,{title:w.alertprompt.title}),(0,l.tZ)(y,{title:"Default",children:(0,l.tZ)(p.J,{icon:"binLegacy",openAlertText:"Delete",title:"Are you sure?",body:"This action cannot be undone.",cancelText:"Cancel",actionText:"Delete",onConfirm:()=>console.log("confirmed")})}),(0,l.tZ)(y,{title:"With loading state",children:(0,l.tZ)(p.J,{icon:"binLegacy",openAlertText:"Delete",title:"Are you sure?",body:"This action cannot be undone.",cancelText:"Cancel",actionText:"Delete",isLoading:!0,onConfirm:()=>console.log("confirmed")})}),(0,l.tZ)(y,{title:"Without title and body",children:(0,l.tZ)(p.J,{icon:"binLegacy",openAlertText:"Delete",cancelText:"Cancel",actionText:"Confirm",onConfirm:()=>console.log("confirmed")})})]})});var X=i(42029);let I=()=>(0,l.BX)(v,{id:w.badgeIcon.id,children:[(0,l.tZ)(b,{title:w.badgeIcon.title}),(0,l.tZ)(y,{title:"Sizes",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(X.V,{size:"xs",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{size:"sm",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{size:"md",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{size:"lg",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{size:"xl",icon:"statsSolid",color:"text.ui"})]})}),(0,l.tZ)(y,{title:"Border radius",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(X.V,{borderRadius:"full",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{borderRadius:"lg",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{borderRadius:"md",icon:"statsSolid",color:"text.ui"}),(0,l.tZ)(X.V,{icon:"statsSolid",borderRadius:"sm",color:"shade.blue.400",bg:"background.info",borderColor:"border.infoLight"})]})}),(0,l.tZ)(y,{title:"Custom bg and border",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(X.V,{icon:"statsSolid",color:"text.white",bg:"blue.500"}),(0,l.tZ)(X.V,{icon:"statsSolid",color:"text.ui",bg:"background.white",borderColor:"border.primary"}),(0,l.tZ)(X.V,{icon:"statsSolid",color:"text.white",bg:"green.500"}),(0,l.tZ)(X.V,{icon:"statsSolid",color:"text.white",bg:"red.500"}),(0,l.tZ)(X.V,{icon:"statsSolid",color:"text.white",bg:"orange.400"})]})}),(0,l.tZ)(y,{title:"With children",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(X.V,{size:"lg",children:"\uD83C\uDF89"}),(0,l.tZ)(X.V,{size:"lg",bg:"blue.50",children:"â"})]})})]});var T=i(51402);let D=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.button.id,children:[(0,l.tZ)(b,{title:w.button.title}),(0,l.tZ)(y,{title:"Primary",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"primary",children:"Primary"}),(0,l.tZ)(T.z,{variant:"primary",size:"sm",children:"Primary sm"}),(0,l.tZ)(T.z,{variant:"primary",isDisabled:!0,children:"Primary disabled"})]})}),(0,l.tZ)(y,{title:"Secondary",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"secondary",children:"Secondary"}),(0,l.tZ)(T.z,{variant:"secondary",size:"sm",children:"Secondary sm"}),(0,l.tZ)(T.z,{variant:"secondary",isDisabled:!0,children:"Secondary disabled"})]})}),(0,l.tZ)(y,{title:"Warning",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"warning",children:"Warning"}),(0,l.tZ)(T.z,{variant:"warning",size:"sm",children:"Warning sm"}),(0,l.tZ)(T.z,{variant:"warning",isDisabled:!0,children:"Warning disabled"})]})}),(0,l.tZ)(y,{title:"Success",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"success",children:"Success"}),(0,l.tZ)(T.z,{variant:"success",size:"sm",children:"Success sm"}),(0,l.tZ)(T.z,{variant:"success",isDisabled:!0,children:"Success disabled"})]})}),(0,l.tZ)(y,{title:"Inline",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"inline",children:"Inline"}),(0,l.tZ)(T.z,{variant:"inline",size:"sm",children:"Inline sm"}),(0,l.tZ)(T.z,{variant:"inline",isDisabled:!0,children:"Inline disabled"})]})}),(0,l.tZ)(y,{title:"Icon secondary",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"iconSecondary","aria-label":"icon secondary",children:"â"}),(0,l.tZ)(T.z,{variant:"iconSecondary",size:"sm","aria-label":"icon secondary sm",children:"â"}),(0,l.tZ)(T.z,{variant:"iconSecondary",isDisabled:!0,"aria-label":"icon secondary disabled",children:"â"})]})}),(0,l.tZ)(y,{title:"Icon inline",children:(0,l.BX)(c.k,{gap:"12px",alignItems:"center",children:[(0,l.tZ)(T.z,{variant:"iconInline","aria-label":"icon inline",children:"â"}),(0,l.tZ)(T.z,{variant:"iconInline",size:"sm","aria-label":"icon inline sm",children:"â"}),(0,l.tZ)(T.z,{variant:"iconInline",isDisabled:!0,"aria-label":"icon inline disabled",children:"â"})]})})]})});var z=i(5766),E=i(71711);let L=e=>
1"".concat(e.toLocaleString("da-DK",{minimumFractionDigits:2,maximumFractionDigits:2})," kr."),O=()=>(0,l.BX)(v,{id:w.channelSplit.id,children:[(0,l.tZ)(b,{title:w.channelSplit.title}),(0,l.tZ)(y,{title:"Two channels",children:(0,l.BX)(z.M,{columns:{base:1,md:2},spacing:4,children:[(0,l.tZ)(E.R,{title:"Channels",formatValue:L,segments:[{label:"Online",value:2837,color:"shade.blue.200"},{label:"In-Store",value:4837,color:"shade.blue.500"}]}),(0,l.tZ)(E.R,{title:"Channels",formatValue:L,segments:[{label:"Online",value:0,color:"shade.blue.200"},{label:"In-Store",value:9120,color:"shade.blue.500"}]})]})}),(0,l.tZ)(y,{title:"Empty (no data) and loading",children:(0,l.BX)(z.M,{columns:{base:1,md:2},spacing:4,children:[(0,l.tZ)(E.R,{title:"Channels",formatValue:L,segments:[{label:"Online",value:0,color:"shade.blue.200"},{label:"In-Store",value:0,color:"shade.blue.500"}]}),(0,l.tZ)(E.R,{title:"Channels",formatValue:L,isLoading:!0,segments:[{label:"Online",value:0,color:"shade.blue.200"},{label:"In-Store",value:0,color:"shade.blue.500"}]})]})})]});var F=i(23982);let N=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.checkmarkBadge.id,children:[(0,l.tZ)(b,{title:w.checkmarkBadge.title}),(0,l.tZ)(y,{title:"Variants",children:(0,l.BX)(c.k,{gap:"24px",align:"center",children:[(0,l.tZ)(F.S,{variant:"success"}),(0,l.tZ)(F.S,{variant:"info"}),(0,l.tZ)(F.S,{variant:"error"})]})})]})});var M=i(86934),P=i(14057);let A=[{id:"1",name:"John Doe",amount:"DKK 1.250,00",status:"success",statusLabel:"Paid"},{id:"2",name:"Jane Smith",amount:"DKK 560,00",status:"default",statusLabel:"Pending"},{id:"3",name:"Bob Hansen",amount:"DKK 3.400,00",status:"error",statusLabel:"Failed"},{id:"4",name:"Alice Nielsen",amount:"DKK 890,00",status:"info",statusLabel:"Processing"}],V=[{columnTitle:"Name",dataIndex:"name",render:e=>(0,l.tZ)(m.x,{textStyle:"ui3",children:e})},{columnTitle:"Amount",dataIndex:"amount",isNumeric:!0,sortKey:"amount",render:e=>(0,l.tZ)(m.x,{textStyle:"ui3Bold",children:e})},{columnTitle:"Status",dataIndex:"status",render:(e,t)=>(0,l.tZ)(P.Z,{type:t.status,text:t.statusLabel})}],W=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.dataTable.id,children:[(0,l.tZ)(b,{title:w.dataTable.title}),(0,l.tZ)(y,{title:"With data",children:(0,l.tZ)(M.w,{columns:V,dataSource:A,selectedSortKey:"amount",selectedSortDirection:"desc"})}),(0,l.tZ)(y,{title:"Loading",children:(0,l.tZ)(M.w,{columns:V,dataSource:[],loading:!0,selectedSortKey:null,selectedSortDirection:null})}),(0,l.tZ)(y,{title:"Empty",children:(0,l.tZ)(M.w,{columns:V,dataSource:[],noDataText:"No orders found",selectedSortKey:null,selectedSortDirection:null})})]})});var j=i(11452);let H=()=>(0,l.BX)(v,{id:w.deltaBadge.id,children:[(0,l.tZ)(b,{title:w.deltaBadge.title}),(0,l.tZ)(y,{title:"Direction (positive / negative)",children:(0,l.BX)(c.k,{direction:"column",gap:"3",children:[(0,l.tZ)(j.Y,{delta:12.4,label:"vs prior period"}),(0,l.tZ)(j.Y,{delta:-8.1,label:"vs prior period"}),(0,l.tZ)(j.Y,{delta:0,label:"vs prior period"})]})}),(0,l.tZ)(y,{title:"Units (% vs points)",children:(0,l.BX)(c.k,{direction:"column",gap:"3",children:[(0,l.tZ)(j.Y,{delta:5.2,label:"vs prior period"}),(0,l.tZ)(j.Y,{delta:1.3,unit:"pp",label:"vs prior period"})]})}),(0,l.tZ)(y,{title:"Inverted â a decrease is good (e.g. refund rate)",children:(0,l.BX)(c.k,{direction:"column",gap:"3",children:[(0,l.tZ)(j.Y,{delta:-3.5,higherIsBetter:!1,label:"refund rate"}),(0,l.tZ)(j.Y,{delta:4.2,higherIsBetter:!1,label:"refund rate"})]})}),(0,l.tZ)(y,{title:"Without a label",children:(0,l.tZ)(j.Y,{delta:9.9})})]});var R=i(94447);let Y=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.dot.id,children:[(0,l.tZ)(b,{title:w.dot.title}),(0,l.tZ)(y,{title:"Sizes",children:(0,l.BX)(c.k,{align:"center",gap:"16px",children:[(0,l.tZ)(R.o,{size:"4px"}),(0,l.tZ)(R.o,{size:"6px"}),(0,l.tZ)(R.o,{size:"8px"}),(0,l.tZ)(R.o,{size:"12px"})]})}),(0,l.tZ)(y,{title:"Colors",children:(0,l.BX)(c.k,{align:"center",gap:"16px",children:[(0,l.tZ)(R.o,{color:"text.ui"}),(0,l.tZ)(R.o,{color:"shade.green.400"}),(0,l.tZ)(R.o,{color:"shade.blue.500"}),(0,l.tZ)(R.o,{color:"shade.orange.500"}),(0,l.tZ)(R.o,{color:"shade.red.500"})]})})]})});var _=i(2784),K=i(30224);let U=[{value:"today",label:"Today"},{value:"yesterday",label:"Yesterday"},{value:"this_week",label:"This week"},{value:"this_month",label:"This month"},{value:"this_year",label:"This year"},{value:"last_year",label:"Last year"}],q=[{value:"dk",label:"Denmark"},{value:"se",label:"Sweden"},{value:"no",label:"Norway"}],J=[{value:"succeeded",label:"Succeeded",dotColor:"shade.green.500"},{value:"authorised",label:"Authorised",dotColor:"shade.green.300",disabled:!0},{value:"open",label:"Open",dotColor:"shade.orange.500"},{value:"refunded",label:"Refunded",dotColor:"shade.blue.500"},{value:"partially_refunded",label:"Partially refunded",dotColor:"shade.blue.300"},{value:"pending",label:"Pending",dotColor:"shade.grey.400",disabled:!0},{value:"failed",label:"Failed",dotColor:"shade.red.500"},{value:"cancelled",label:"Cancelled",dotColor:"shade.grey.500"}],Q=[{value:"in_store",label:"In-store"},{value:"e_com",label:"E-com"},{value:"payment_link",label:"Payment link"},{value:"invoice",label:"Invoice"}],G=(e,t,i)=>{if(0===e.length)return i;if(1===e.length){var l,n;return null!==(n=null===(l=t.find(t=>t.value===e[0]))||void 0===l?void 0:l.label)&&void 0!==n?n:i}return"".concat(e.length," selected")},$=()=>{var e,t,i,n;let[r,a]=(0,_.useState)("today"),[o,d]=(0,_.useState)("dk"),[s,u]=(0,_.useState)(!0),[p,h]=(0,_.useState)(["succeeded"]),[m,Z]=(0,_.useState)([]);return(0,l.BX)(v,{id:w.filterSelector.id,children:[(0,l.tZ)(b,{title:w.filterSelector.title}),(0,l.tZ)(y,{title:"Single-select â applies on click (fixed choices)",allowOverflow:!0,children:(0,l.tZ)(c.k,{gap:"3",flexWrap:"wrap",children:(0,l.tZ)(K.N,{label:"Date range",value:r,valueLabel:null!==(i=null===(e=U.find(e=>e.value===r))||void 0===e?void 0:e.label)&&void 0!==i?i:r,options:U,onChange:a})})}),(0,l.tZ)(y,{title:"Single-select â with clear (optional selection)",allowOverflow:!0,children:(0,l.tZ)(c.k,{gap:"3",flexWrap:"wrap",children:(0,l.tZ)(K.N,{label:"Country",value:s?o:"",valueLabel:s?null!==(n=null===(t=q.find(e=>e.value===o))||void 0===t?void 0:t.label)&&void 0!==n?n:o:"All",options:q,onCh
1ange:e=>{d(e),u(!0)},onClear:()=>u(!1)})})}),(0,l.tZ)(y,{title:"Multi-select â checkboxes, committed on apply",allowOverflow:!0,children:(0,l.BX)(c.k,{gap:"3",flexWrap:"wrap",children:[(0,l.tZ)(K.N,{multiple:!0,label:"Status",value:p,valueLabel:G(p,J,"All"),options:J,onChange:h,onClear:()=>h([])}),(0,l.tZ)(K.N,{multiple:!0,label:"Channel",value:m,valueLabel:G(m,Q,"All"),options:Q,onChange:Z})]})})]})};var ee=i(22420),et=i(27777),ei=i(29162),el=i(21891),en=i(35316),er=i(67887),ea=i(25793),eo=i(86745),ed=i(97747),ec=i(20589),es=i(77081);let eu=()=>{let[e,t]=(0,_.useState)(!1);return(0,l.BX)(v,{id:w.form.id,children:[(0,l.tZ)(b,{title:w.form.title}),(0,l.tZ)(y,{title:"Input â default",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(et.I,{placeholder:"Placeholder"}),(0,l.tZ)(ee.Q6,{children:"Helper text"})]})})}),(0,l.tZ)(y,{title:"Input â invalid",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{isInvalid:!0,children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(et.I,{placeholder:"Placeholder"}),(0,l.tZ)(ei.J1,{children:"This field is required"})]})})}),(0,l.tZ)(y,{title:"Input â disabled",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{isDisabled:!0,children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(et.I,{placeholder:"Placeholder"}),(0,l.tZ)(ee.Q6,{children:"Helper text"})]})})}),(0,l.tZ)(y,{title:"Input â read only",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(et.I,{value:"Read only value",isReadOnly:!0}),(0,l.tZ)(ee.Q6,{children:"Helper text"})]})})}),(0,l.tZ)(y,{title:"Input â password with show/hide",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Password"}),(0,l.BX)(el.B,{size:"md",children:[(0,l.tZ)(et.I,{type:e?"text":"password",placeholder:"Enter your password",autoComplete:"current-password",pr:"3rem"}),(0,l.tZ)(en.x,{width:"3rem",justifyItems:"center",children:(0,l.tZ)(er.h,{"aria-label":e?"Hide password":"Show password",variant:"ghost",size:"sm",tabIndex:-1,onClick:()=>t(e=>!e),icon:(0,l.tZ)(es.p,{icon:e?"eyeClosedLegacy":"eyeOpenLegacy",size:"sm",color:"text.body"})})})]})]})})}),(0,l.tZ)(y,{title:"Input â read only with copy",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.BX)(el.B,{children:[(0,l.tZ)(et.I,{value:"vibrant.pay/xyz123abc",isReadOnly:!0}),(0,l.tZ)(en.x,{w:"fit-content",pointerEvents:"all",children:(0,l.tZ)(eo.q,{copyText:"vibrant.pay/xyz123abc",copyEntryName:"link",showText:!0})})]})]})})}),(0,l.tZ)(y,{title:"Phone number input",children:(0,l.BX)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:[(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Phone number"}),(0,l.tZ)(ec.A,{value:"",onChange:()=>console.log("Phone number changed")}),(0,l.tZ)(ee.Q6,{children:"Helper text"})]}),(0,l.BX)(ee.NI,{isInvalid:!0,children:[(0,l.tZ)(ed.l,{children:"Phone number"}),(0,l.tZ)(ec.A,{value:"",onChange:()=>console.log("Phone number changed"),isInvalid:!0}),(0,l.tZ)(ei.J1,{children:"Enter a valid phone number"})]})]})}),(0,l.tZ)(y,{title:"Textarea â default",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(ea.g,{placeholder:"Placeholder",rows:4,resize:"none"}),(0,l.tZ)(ee.Q6,{children:"Helper text"})]})})}),(0,l.tZ)(y,{title:"Textarea â invalid",children:(0,l.tZ)(c.k,{direction:"column",gap:"16px",maxW:"320px",children:(0,l.BX)(ee.NI,{isInvalid:!0,children:[(0,l.tZ)(ed.l,{children:"Label"}),(0,l.tZ)(ea.g,{placeholder:"Placeholder",rows:4,resize:"none"}),(0,l.tZ)(ei.J1,{children:"This field is required"})]})})})]})};var ep=i(27302),eh=i(31317);let em=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.logo.id,children:[(0,l.tZ)(b,{title:w.logo.title}),(0,l.tZ)(y,{title:w.logo.title,children:(0,l.BX)(ep.M,{flexDirection:"column",gap:"24px",children:[(0,l.tZ)(eh.T,{variant:"app",size:"md"}),(0,l.tZ)(eh.T,{size:"md"}),(0,l.tZ)(eh.T,{variant:"mark",size:"md"})]})})]})});var eZ=i(15029);let ex=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.markdown.id,children:[(0,l.tZ)(b,{title:w.markdown.title}),(0,l.tZ)(y,{title:w.markdown.title,children:(0,l.BX)(c.k,{flexDirection:"column",gap:"24px",maxW:"320px",children:[(0,l.tZ)(eZ.F5,{content:"### AI Prognoserapport\n\n#### Professionelle Indsigter\nDet forudses i \xf8jeblikket et fald p\xe5 **36,1%** over de n\xe6ste 7 dage og et fald p\xe5 **27,7%** over de n\xe6ste 14 dage. Dette skyldes, at vejret p\xe5virker negativt tilstr\xf8mningen til din virksomhed.\n\n#### N\xf8glep\xe5virkningsfaktorer\n- **Vejrp\xe5virkning 7d:** -1,2%\n Forhold (Regnfuld Prognose 7d (1,5mm)) p\xe5virker tilstr\xf8mningen med -1,2%.\n- **Seneste V\xe6kst 7d:** -36,1%\n Observeret v\xe6kst i den seneste 7d periode: -36,1%.\n- **Vejrp\xe5virkning 14d:** -2,4%\n Forhold (Regnfuld Prognose 14d (5,9mm)) p\xe5virker tilstr\xf8mningen med -2,4%.\n- **Seneste V\xe6kst 14d:** -27,7%\n Observeret v\xe6kst i den seneste 14d periode: -27,7%.\n- **Starten af m\xe5neden spike:** -0,0%\n Spike observeret omkring starten af m\xe5neden.\n\n---\n\n#### Fremtidige Forudsigelser\nVi forventer en forudsagt v\xe6kst for de n\xe6ste 3 m\xe5neder p\xe5 **+88,6%**, med et fald i transaktionsvolumen p\xe5 **16,2%** for den n\xe6ste m\xe5ned.\n\n#### Fremtidige Indsigter\n- **Topm\xe5ned:** August (Forventet oms\xe6tning: 4.925.598 DKK)\n- **Ydelses Sundhedstrend:** +88,6%\n- **Stigning i Trx. Volumen (1 M\xe5ned):** -16,2%\n- **Model Tillidsniveau:** 87"}),(0,l.tZ)(eZ.F5,{content:"Here are your most recent failed transactions:\n\n1. **Date:** February 25, 2026, at 12:38 PM \n **Amount:** 90.0 DKK \n **Card Brand:** Unknown \n **Failure Message:** The card is not supported. If this is a Visa or Mastercard, please contact us.\n\n2. **Date:** February 24, 2026, at 7:57 PM \n **Amount:** 120.0 DKK \n **Card Brand:** Unknown \n **Failure Message:** Transaction NFC error: The NFC device is not responding.\n\n3. **Date:** February 24, 2026, at 7:57 PM \n **Amount:** 120.0 DKK \n **Card Brand:** Unknown \n **Failure Message:** Transaction NFC error: The NFC device is not responding.\n\n4. **Date:** February 24, 2026, at 7:45 PM \n **Amount:** 170.0 DKK \n **Card Brand:** Unknown \n **Failure Message:** The system was unresponsive.\n\n5. **Date:** February 24, 2026, at 7:44 PM \n **Amount:** 170.0 DKK \n **Card Brand:** Unknown \n **Failure Message:** Transaction runtime invalid due to restricted visibility.\n\nThese transactions were not successful, and the reasons provided should help in understanding the issues encountered."})]})})]})});var eg=i(1186),eb=i(55907);let ev=[{title:"New update of your overview page",description:"It now shows revenue, card distribution, sales by channel, and your latest transactions.",imageSrc:"/assets/news-modal/overview-step-1.png",imageAlt:"Revenue chart comparing this period against the prior period",actionLabel:"Show me how"},{title:"Filter by period and channel",description:"Choose the date range that works for you. If you manage multiple locations, you can also filter by merchant and country.",imageSrc:"/assets/news-modal/overview-step-2.png",imageAlt:"Filter chips for channels and date ranges"},{title:"Compare periods",description:"Turn on comparison to see your numbers against the previous period or the same period last year.",imageSrc:"/assets/news-modal/overview-step-3.png",imageAlt:"Total revenue and transactions compared against the previous period"}],ey=()=>{let{isOpen:e,onOpen:t,onClose:i}=(0,eg.q)();return(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.newsModal.id,children:[(0,l.tZ)(b,{title:w.newsModal.title}),(0,l.BX)(y,{title:"Default (three slides)",children:[(0,l.tZ)(T.z,{variant:"primary",onClick:t,children:"Open news modal"}),(0,l.tZ)(eb.G,{isOpen:e,steps:ev,skipLabel:"Skip",nextLabel:"Next",finalActionLabel:"Explore Overview",onClose:i,onDismiss:i,onFinalAction:i})]})]})})};var ef=i(91090);let ek=()=>(0,l.BX)(v,{id:w.overviewBox.id,children:[(0,l.tZ)(b,{title:w.overviewBox.title}),(0,l.tZ)(y,{title:"Basic",children:(0,l.BX)(z.M,{columns:{base:1,md:2},spacing:4,children:[(0,l.tZ)(ef.Z,{title:"Total revenue",value:"20,533.58 kr."}),(0,l.tZ)(ef.Z,{title:"Total revenue",value:"20,533.58 kr.",subvalue:"Across 412 transactions"})]})}),(0,l.tZ)(y,{title:"With icon and tooltip",children:(0,l.BX)(z.M,{columns:{base:1,md:2},spacing:4,children:[(0,l.tZ)(ef.Z,{title:"In-store sales",value:"12,004.00 kr.",icon:"saleSmall",iconBg:"background.success"}),(0,l.tZ)(ef.Z,{title:"Success rate",value:"98.2%",tooltipText:"Share of charges that succeeded."})]})}),(0,l.tZ)(y,{title:"With delta (extends DeltaBadge)",children:(0,l.BX)(z.M,{columns:{base:1,md:3},spacing:4,children:[(0,l.tZ)(ef.Z,{title:"Total revenue",value:"20,533.58 kr.",delta:12.4,deltaLabel:"vs prior period"}),(0,l.tZ)(ef.Z,{title:"Transactions",value:"412",delta:-6.3,deltaLabel:"vs prior period"}),(0,l.tZ)(ef.Z,{title:"Success rate",value:"98.2%",delta:1.1,deltaUnit:"pp",deltaLabel:"vs prior period"})]})}),(0,l.tZ)(y,{title:"Loading",children:(0,l.BX)(z.M,{columns:{base:1,md:2},spacing:4,children:[(0,l.tZ)(ef.Z,{title:"Total revenue",value:"",isLoading:!0}),(0,l.tZ)(ef.Z,{title:"Transactions",value:"",delta:0,deltaLabel:"vs prior period",isLoading:!0})]})})]});var eS=i(4036),ew=i(78150);let eB=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.radiogroup.id,children:[(0,l.tZ)(b,{title:w.radiogroup.title}),(0,l.tZ)(y,{title:"With description (2 columns)",children:(0,l.tZ)(ew.E,{defaultValue:"all",options:[{value:"all",label:"All terminals",description:"Apply to all current and future terminals"},{value:"select",label:"Select terminals",description:"Choose terminals individually"}],onChange:e=>console.log("selected:",e)})}),(0,l.tZ)(y,{title:"Without description (3 columns) and group label",children:(0,l.tZ)(ew.E,{defaultValue:"monthly",columns:3,groupLabel:"Frequency",options:[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"monthly",label:"Monthly"}],onChange:e=>console.log("selected:",e)})}),(0,l.tZ)(y,{title:"Controlled",children:(0,l.tZ)(ew.E,{value:"yes",options:[{value:"yes",label:"Yes"},{value:"no",label:"No"}],onChange:e=>console.log("selected:",e)})}),(0,l.tZ)(y,{title:"hideRadioIcon + startContent (1 column)",children:(0,l.tZ)(ew.E,{hideRadioIcon:!0,columns:1,defaultValue:"sms",o
1ptions:[{value:"sms",label:"Text message",description:"Receive a code via SMS",startContent:(0,l.tZ)(X.V,{icon:"deviceSolid",size:"md",bg:"blue.500",color:"text.white",borderRadius:"md"})},{value:"authenticator",label:"Authenticator app",description:"Use an authenticator app",startContent:(0,l.tZ)(X.V,{icon:"keySolid",size:"md",bg:"background.primary",color:"text.ui",borderRadius:"md",borderColor:"border.primary"}),badge:(0,l.tZ)(eS.C,{colorScheme:"orange",fontSize:"xs",children:"Coming soon"}),isDisabled:!0}],onChange:e=>console.log("selected:",e)})})]})});var eC=i(22169);let eX=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.radiogroupTabbed.id,children:[(0,l.tZ)(b,{title:w.radiogroupTabbed.title}),(0,l.tZ)(y,{title:"With icons",children:(0,l.tZ)(eC.n,{defaultValue:"card",options:[{value:"card",label:"Card",icon:"cardLegacy"},{value:"receipt",label:"Receipt",icon:"receiptSolid"},{value:"stats",label:"Stats",icon:"statsSolid"}],onChange:e=>console.log("selected:",e)})}),(0,l.tZ)(y,{title:"Without icons",children:(0,l.tZ)(eC.n,{defaultValue:"yes",options:[{value:"yes",label:"Yes"},{value:"no",label:"No"}],onChange:e=>console.log("selected:",e)})})]})});var eI=i(5214);let eT=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.sectionTitle.id,children:[(0,l.tZ)(b,{title:w.sectionTitle.title}),(0,l.tZ)(y,{title:"xl",children:(0,l.tZ)(eI.N,{size:"xl",title:"Section title extra large",subtitle:"Optional subtitle text"})}),(0,l.tZ)(y,{title:"lg",children:(0,l.tZ)(eI.N,{size:"lg",title:"Section title large",subtitle:"Optional subtitle text"})}),(0,l.tZ)(y,{title:"md",children:(0,l.tZ)(eI.N,{size:"md",title:"Section title medium",subtitle:"Optional subtitle text"})}),(0,l.tZ)(y,{title:"sm",children:(0,l.tZ)(eI.N,{size:"sm",title:"Section title small",subtitle:"Optional subtitle text"})})]})}),eD=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.simpletag.id,children:[(0,l.tZ)(b,{title:w.simpletag.title}),(0,l.BX)(y,{title:w.simpletag.title,children:[Object.keys(P.Q).map(e=>(0,l.tZ)(P.Z,{mb:"12px",type:e,text:e,iconName:"checkmarkSmall"},e)),(0,l.tZ)(P.Z,{iconName:"refundSmall",mb:"12px"}),(0,l.tZ)(P.Z,{iconName:"refundSmall",text:"TextOnlySmall",mb:"12px",tagSize:"sm"}),(0,l.tZ)(P.Z,{type:"info",text:"TextOnly",mb:"12px"}),(0,l.tZ)(P.Z,{type:"info",text:"TextOnlySmall",tagSize:"sm"})]}),(0,l.tZ)(y,{title:"Font variants",children:(0,l.BX)(c.k,{gap:"8px",alignItems:"center",children:[(0,l.tZ)(P.Z,{type:"default",text:"Default (body)"}),(0,l.tZ)(P.Z,{type:"info",text:"Mono",font:"mono"}),(0,l.tZ)(P.Z,{type:"brand",text:"Heading",font:"heading"})]})})]})});var ez=i(9414),eE=i(22793);let eL=()=>{let e=(0,ez.p)();return(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.snackbar.id,children:[(0,l.tZ)(b,{title:w.snackbar.title}),(0,l.tZ)(y,{title:w.snackbar.title,children:Object.keys(eE.Tg).map(t=>{let i=t=>{"error"===t&&e({render:e=>(0,l.tZ)(eE.kA,{message:"Error",onClick:e.onClose})}),"info"===t&&e({render:e=>(0,l.tZ)(eE.$Q,{message:"Info",onClick:e.onClose})}),"success"===t&&e({render:e=>(0,l.tZ)(eE.lx,{message:"Success",onClick:e.onClose})})},n=eE.Tg[t];return(0,l.tZ)(c.k,{alignItems:"center",justifyContent:"center",children:(0,l.BX)(T.z,{onClick:()=>i(n),mb:"12px",children:["Show ",n]})},n)})})]})})};var eO=i(93690);let eF=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.statusbar.id,children:[(0,l.tZ)(b,{title:w.statusbar.title}),(0,l.BX)(y,{title:w.statusbar.title,children:[(0,l.tZ)(eO.A,{type:"info",icon:"infoSolid",children:"Info"}),(0,l.tZ)(eO.A,{type:"success",icon:"checkmark",children:"Success"}),(0,l.tZ)(eO.A,{type:"error",icon:"dotError",children:"Error"}),(0,l.tZ)(eO.A,{type:"warning",icon:"dotInfo",children:"Warning"})]})]})});var eN=i(23217);let eM=[{title:"Create a new link"},{title:"Send link to customer"},{title:"Confirm details"}],eP=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.stepHeader.id,children:[(0,l.tZ)(b,{title:w.stepHeader.title}),(0,l.tZ)(y,{title:"Step 1 active",children:(0,l.tZ)(eN.l,{steps:eM,activeStep:1})}),(0,l.tZ)(y,{title:"Step 2 active",children:(0,l.tZ)(eN.l,{steps:eM,activeStep:2})}),(0,l.tZ)(y,{title:"Step 3 active",children:(0,l.tZ)(eN.l,{steps:eM,activeStep:3})}),(0,l.tZ)(y,{title:"No close button",children:(0,l.tZ)(eN.l,{steps:eM,activeStep:1})})]})});var eA=i(27453);let eV=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.summaryCard.id,children:[(0,l.tZ)(b,{title:w.summaryCard.title}),(0,l.BX)(y,{title:"success",children:[(0,l.tZ)(eA.e,{title:"Payment link created",items:["DKK 120,00","Mechanic services"]}),(0,l.tZ)(eA.e,{title:"Title only"}),(0,l.tZ)(eA.e,{items:["DKK 120,00","Mechanic services"]}),(0,l.tZ)(eA.e,{title:"Multiple items",items:["DKK 120,00","Mechanic services","Ref #4821"]})]}),(0,l.tZ)(y,{title:"info",children:(0,l.tZ)(eA.e,{variant:"info",title:"Payment link sent",items:["DKK 120,00","Mechanic services"]})}),(0,l.tZ)(y,{title:"error",children:(0,l.tZ)(eA.e,{variant:"error",items:["The phone number may be invalid. Check and try again."]})})]})});var eW=i(69713),ej=i(5581),eH=i(54038),eR=i(46444);let eY=(e,t)=>
1({status:e,failureCode:t}),e_=["in_store","online","payment_link","invoice_link"],eK=["payout","charge","refund","fee","adjustment"],eU=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.tags.id,children:[(0,l.tZ)(b,{title:w.tags.title}),(0,l.tZ)(y,{title:"Type tag â channels (icon only / small / medium)",children:(0,l.BX)(c.k,{direction:"column",gap:"12px",children:[(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:e_.map(e=>(0,l.tZ)(eH.O,{type:e,iconOnly:!0},e))}),(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:e_.map(e=>(0,l.tZ)(eH.O,{type:e,size:"sm"},e))}),(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:e_.map(e=>(0,l.tZ)(eH.O,{type:e,size:"md"},e))})]})}),(0,l.tZ)(y,{title:"Type tag â text only (medium / small)",children:(0,l.BX)(c.k,{direction:"column",gap:"12px",children:[(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:eK.map(e=>(0,l.tZ)(eH.O,{type:e,size:"md"},e))}),(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:eK.map(e=>(0,l.tZ)(eH.O,{type:e,size:"sm"},e))}),(0,l.tZ)(c.k,{gap:"8px",flexWrap:"wrap",children:e_.map(e=>(0,l.tZ)(eH.O,{type:e,size:"md",hideIcon:!0},e))})]})}),(0,l.tZ)(y,{title:"Transaction type (medium / small)",children:(0,l.BX)(c.k,{direction:"column",gap:"12px",children:[(0,l.BX)(c.k,{gap:"8px",children:[(0,l.tZ)(ej.V,{txnType:eR.JC.CHARGE}),(0,l.tZ)(ej.V,{txnType:eR.JC.REFUND})]}),(0,l.BX)(c.k,{gap:"8px",children:[(0,l.tZ)(ej.V,{txnType:eR.JC.CHARGE,size:"sm"}),(0,l.tZ)(ej.V,{txnType:eR.JC.REFUND,size:"sm"})]})]})}),(0,l.tZ)(y,{title:"Transaction status (medium / small)",children:(0,l.BX)(c.k,{direction:"column",gap:"12px",children:[(0,l.BX)(c.k,{gap:"8px",flexWrap:"wrap",children:[(0,l.tZ)(eW.E,{trxn:eY(eR.qb.SUCCEEDED)}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.PENDING)}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.FAILED)}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.FAILED,"card_declined")}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.CANCELED)})]}),(0,l.BX)(c.k,{gap:"8px",flexWrap:"wrap",children:[(0,l.tZ)(eW.E,{trxn:eY(eR.qb.SUCCEEDED),size:"sm"}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.PENDING),size:"sm"}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.FAILED),size:"sm"}),(0,l.tZ)(eW.E,{trxn:eY(eR.qb.CANCELED),size:"sm"})]})]})})]})});var eq=i(50435);let eJ=()=>(0,l.tZ)(l.HY,{children:(0,l.BX)(v,{id:w.tooltip.id,children:[(0,l.tZ)(b,{title:w.tooltip.title}),(0,l.tZ)(y,{title:w.tooltip.title,children:(0,l.BX)(c.k,{gap:"24px",align:"center",children:[(0,l.tZ)(eq.u,{text:"This is a tooltip"}),(0,l.tZ)(eq.u,{text:"Hover me for more information"}),(0,l.tZ)(eq.u,{text:"Tooltips can explain complex concepts"})]})})]})}),eQ=()=>(0,l.BX)(l.HY,{children:[(0,l.tZ)(C,{}),(0,l.tZ)(I,{}),(0,l.tZ)(D,{}),(0,l.tZ)(O,{}),(0,l.tZ)(N,{}),(0,l.tZ)(W,{}),(0,l.tZ)(H,{}),(0,l.tZ)(Y,{}),(0,l.tZ)($,{}),(0,l.tZ)(eu,{}),(0,l.tZ)(em,{}),(0,l.tZ)(ex,{}),(0,l.tZ)(ey,{}),(0,l.tZ)(ek,{}),(0,l.tZ)(eB,{}),(0,l.tZ)(eX,{}),(0,l.tZ)(eT,{}),(0,l.tZ)(eD,{}),(0,l.tZ)(eL,{}),(0,l.tZ)(eF,{}),(0,l.tZ)(eP,{}),(0,l.tZ)(eV,{}),(0,l.tZ)(eU,{}),(0,l.tZ)(eJ,{})]});var eG=i(1534),e$=i(58241);let e0=[{value:"success",label:"Success"},{value:"failure",label:"Failure"}],e1=[{value:"yes",label:"Yes (sendPaymentLinkFromPortal enabled)"},{value:"no",label:"No (create only)"}],e2=e=>async()=>(await new Promise(e=>setTimeout(e,800)),"success"===e)?{success:!0,id:"pl_mock",link:"https://pay.vibrant.com/pl_mock1234",amount:120,description:"Mechanic services"}:{success:!1},e4=e=>async(t,i)=>(await new Promise(e=>setTimeout(e,800)),"success"===e)?{success:!0,method:t,contact:i}:{success:!1,errorMessage:"The phone number may be invalid. Check and try again."},e8=()=>{let{open:e}=(0,e$.e)(),[t,i]=(0,_.useState)("success"),[n,r]=(0,_.useState)("success"),[a,o]=(0,_.useState)("yes");return(0,l.BX)(v,{id:S.createPaymentLinkModal.id,children:[(0,l.tZ)(b,{title:S.createPaymentLinkModal.title}),(0,l.BX)(y,{title:"Interactive preview",children:[(0,l.tZ)(T.z,{variant:"primary",onClick:e,alignSelf:"center",children:"Open modal"}),(0,l.BX)(c.k,{direction:"column",gap:"16px",mt:"24px",children:[(0,l.tZ)(ew.E,{options:e0,value:t,onChange:e=>i(e),groupLabel:"Create link outcome"}),(0,l.tZ)(ew.E,{options:e0,value:n,onChange:e=>r(e),groupLabel:"Send link outcome"}),(0,l.tZ)(ew.E,{options:e1,value:a,onChange:e=>o(e),groupLabel:"Show send step"})]})]}),(0,l.tZ)(eG.d,{createFn:e2(t),showSendStep:"yes"===a,sendFn:"yes"===a?e4(n):void 0})]})};var e5=i(88896);let e3=[{value:"success",label:"Success"},{value:"failure",label:"Failure"}],e6=[{value:"email-verify",label:"Email verify"},{value:"email-sent",label:"Email sent"},{value:"method-select",label:"Method select"},{value:"phone",label:"Phone"},{value:"reauth",label:"Re-authenticate"},{value:"verify",label:"Verify code"},{value:"success",label:"Success"}],e7=()=>new Promise(e=>setTimeout(e,800)),e9=e=>async t=>{if(await e7(),"failure"===e)throw Error("Wrong password")},te=e=>async t=>{if(await e7(),"failure"===e)throw Error("Failed to send code");return"mock-verification-id"},tt=e=>async(t,i)=>{if(await e7(),"failure"===e)throw Error("Invalid code")},ti=e=>async()=>
1{if(await e7(),"failure"===e)throw Error("Failed to send verification email")},tl=()=>{let[e,t]=(0,_.useState)(!1),[i,n]=(0,_.useState)("method-select"),[r,a]=(0,_.useState)("success"),[o,d]=(0,_.useState)("success"),[s,u]=(0,_.useState)("success"),[p,h]=(0,_.useState)("success");return(0,l.BX)(v,{id:S.mfaEnrollModal.id,children:[(0,l.tZ)(b,{title:S.mfaEnrollModal.title}),(0,l.BX)(y,{title:"Interactive preview",children:[(0,l.tZ)(T.z,{variant:"primary",onClick:()=>t(!0),children:"Open modal"}),(0,l.BX)(c.k,{direction:"column",gap:"16px",mt:"24px",children:[(0,l.tZ)(ew.E,{options:e6,value:i,onChange:e=>n(e),groupLabel:"Open at step"}),(0,l.tZ)(ew.E,{options:e3,value:p,onChange:e=>h(e),groupLabel:"Send verify email outcome"}),(0,l.tZ)(ew.E,{options:e3,value:r,onChange:e=>a(e),groupLabel:"Re-authenticate outcome"}),(0,l.tZ)(ew.E,{options:e3,value:o,onChange:e=>d(e),groupLabel:"Send code outcome"}),(0,l.tZ)(ew.E,{options:e3,value:s,onChange:e=>u(e),groupLabel:"Verify code outcome"})]})]}),(0,l.tZ)(e5.B,{isOpen:e,onClose:()=>t(!1),onSuccess:()=>t(!1),initialStep:i,reauthFn:e9(r),sendCodeFn:te(o),verifyCodeFn:tt(s),sendVerifyEmailFn:ti(p)},i)]})};var tn=i(9940);let tr=[{value:"success",label:"Success"},{value:"failure",label:"Failure"}],ta=()=>new Promise(e=>setTimeout(e,800)),to=e=>async t=>{if(await ta(),"failure"===e)throw Error("Invalid code")},td=e=>async()=>{if(await ta(),"failure"===e)throw Error("Failed to send SMS");return"mock-verification-id-resent"},tc=()=>{let[e,t]=(0,_.useState)("success"),[i,n]=(0,_.useState)("success");return(0,l.BX)(v,{id:S.mfaVerificationForm.id,children:[(0,l.tZ)(b,{title:S.mfaVerificationForm.title}),(0,l.tZ)(y,{title:"Interactive preview",children:(0,l.BX)(c.k,{direction:"column",gap:"24px",maxW:"496px",children:[(0,l.BX)(c.k,{direction:"column",gap:"16px",children:[(0,l.tZ)(ew.E,{options:tr,value:e,onChange:e=>t(e),groupLabel:"Verify outcome"}),(0,l.tZ)(ew.E,{options:tr,value:i,onChange:e=>n(e),groupLabel:"Resend outcome"})]}),(0,l.tZ)(tn.Z,{resolver:null,verificationId:"mock-verification-id",rememberDevice:!1,title:"Verify your identity",description:"We sent a code to +1 â¢â¢â¢-â¢â¢â¢-1234",onBack:()=>void 0,verifyFn:to(e),resendFn:td(i)})]})})]})};var ts=i(70526),tu=i(82871);let tp=[{value:"success",label:"Success"},{value:"failure",label:"Failure"}],th=e=>async(t,i)=>(await new Promise(e=>setTimeout(e,800)),"success"===e)?{success:!0,method:t,contact:i}:{success:!1,errorMessage:"The phone number may be invalid. Check and try again."},tm=()=>{let{open:e}=(0,tu.Q)(),[t,i]=(0,_.useState)("success");return(0,l.BX)(v,{id:S.sendPaymentLinkModal.id,children:[(0,l.tZ)(b,{title:S.sendPaymentLinkModal.title}),(0,l.BX)(y,{title:"Interactive preview",children:[(0,l.tZ)(T.z,{variant:"primary",onClick:()=>e("pl_mock1234","https://pay.vibrant.com/pl_mock1234",0),alignSelf:"center",children:"Open modal"}),(0,l.tZ)(c.k,{direction:"column",gap:"16px",mt:"24px",children:(0,l.tZ)(ew.E,{options:tp,value:t,onChange:e=>i(e),groupLabel:"Send outcome"})})]}),(0,l.tZ)(ts.w,{sendFn:th(t)})]})},tZ=()=>(0,l.BX)(l.HY,{children:[(0,l.tZ)(e8,{}),(0,l.tZ)(tl,{}),(0,l.tZ)(tc,{}),(0,l.tZ)(tm,{})]});var tx=i(31528),tg=i(40606);let tb=()=>(0,l.BX)(v,{id:k.basecolors.id,children:[(0,l.tZ)(b,{title:k.basecolors.title}),Object.entries(tx.NT).map(e=>{let t=e[0],i=e[1];return(0,l.tZ)(y,{title:t,children:Object.entries(i).map((e,t)=>{let n=t===Object.keys(i).length-1;return(0,l.BX)(c.k,{children:[(0,l.tZ)(c.k,{w:"120px",flexDirection:"column",justifyContent:"flex-start",children:(0,l.BX)(m.x,{children:[e[0],":\xa0",e[1]]})}),(0,l.tZ)(h.xu,{width:"256px",height:"128px",borderRadius:tg.p.sm,borderTopRadius:0===t?"8px":"none",borderBottomRadius:n?"8px":"none",backgroundColor:e[1]})]},e[1])})},t)})]});var tv=i(40110);let ty=Object.entries(tx.NT).reduce((e,t)=>{let[i,l]=t;return Object.entries(l).forEach(t=>{let[l,n]=t;e[n]="".concat(i," ").concat(l)}),e},{}),tf=e=>"string"==typeof e,tk=e=>"object"==typeof e&&null!==e,tS=e=>{let{entries:t,depth:i=0}=e;return(0,l.tZ)(l.HY,{children:t.map((e,t)=>{let[n,r]=e;if(tf(r)){let e=ty[r];return(0,l.BX)(c.k,{align:"center",mb:"8px",children:[(0,l.tZ)(h.xu,{w:"32px",h:"32px",borderRadius:"6px",backgroundColor:r,border:"1px solid",borderColor:"gray.200",mr:"12px",flexShrink:0}),(0,l.BX)(m.x,{textStyle:"ui3",color:"text.ui",children:[n,":\xa0",(0,l.tZ)(m.x,{as:"span",color:"text.heading",children:r}),e&&(0,l.BX)(m.x,{as:"span",color:"text.ui",children:["\xa0(",e,")"]})]})]},n)}if(tk(r)){let e=Object.entries(r);return(0,l.BX)(h.xu,{mb:"16px",children:[t>0&&(0,l.tZ)(tv.i,{mb:"16px"}),(0,l.tZ)(m.x,{textStyle:"ui2",mb:"12px",color:"text.heading",pl:i>0?"8px":void 0,borderLeft:i>0?"2px solid":void 0,borderColor:i>0?"border.brand":void 0,children:n}),(0,l.tZ)(h.xu,{pl:i>0?"12px":void 0,children:(0,l.tZ)(tS,{entries:e,depth:i+1})})]},n)}return null})})},tw=()=>{let e=Object.entries(tx.uk).filter(e=>{let[t]=e;return"shade"!==t});return(0,l.BX)(v,{id:k.semanticcolors.id,children:[(0,l.tZ)(b,{title:k.semanticcolors.title}),e.map(e=>{let[t,i]=e;return(0,l.tZ)(y,{title:t,children:(0,l.tZ)(tS,{entries:Object.entries(i)})},t)})]})},tB=e=>{for(let[t,i]of Object.entries(tx.NT))for(let[l,n]of Object.entries(i))if(n===e)return"".concat(t).concat(l);return e},tC=()=>(0,l.BX)(v,{id:k.textcolors.id,children:[(0,l.tZ)(b,{title:k.textcolors.title}),(0,l.tZ)(y,{title:"text colors",children:Object.entries(tx.bo).map(e=>{let t=e[0],i=e[1],n=tB(i);return(0,l.BX)(m.x,{color:"text.".concat(t),children:["text.",t,": ",n," (",i,")"]},t)})})]});var tX=i(93281);let tI=()=>(0,l.BX)(v,{id:k.typography.id,children:[(0,l.tZ)(b,{title:k.typography.title}),Object.keys(tX.s).map(e=>(0,l.tZ)(y,{title:e,children:(0,l.tZ)(m.x,{textStyle:e,children:"The quick brown fox jumps over the lazy dog, \xe6 \xf8 \xe5. The quick brown fox jumps over the lazy dog, \xe6 \xf8 \xe5. The quick brown fox jumps over the lazy dog, \xe6 \xf8 \xe5."},e)},e))]});var tT=i(34196);let tD=()=>(0,l.BX)(v,{id:"icons",children:[(0,l.tZ)(b,{title:"Icons"}),(0,l.tZ)(y,{title:"Basic",children:(0,l.tZ)(c.k,{flexWrap:"wrap",children:Object.keys(tT.U).filter(e=>!e.includes("Solid")&&!e.includes("Small")&&!e.includes("Legacy")&&!tT.Q.has(e)).map(e=>(0,l.BX)(c.k,{flexDirection:"column",px:"8px",py:"8px",alignItems:"center",justifyContent:"center",w:"120px",children:[(0,l.tZ)(m.x,{textStyle:"ui4",mb:"4px",children:e}),(0,l.tZ)(es.p,{size:"lg",icon:e})]},e))})}),(0,l.tZ)(y,{title:"Brand",children:(0,l.tZ)(c.k,{flexWrap:"wrap",children:Object.keys(tT.U).filter(e=>tT.Q.has(e)).map(e=>(0,l.BX)(c.k,{flexDirection:"column",px:"8px",py:"8px",alignItems:"center",justifyContent:"center",w:"120px",children:[(0,l.tZ)(m.x,{textStyle:"ui4",mb:"4px",children:e}),(0,l.tZ)(es.p,{size:"lg",icon:e})]},e))})}),(0,l.tZ)(y,{title:"Small",children:(0,l.tZ)(c.k,{flexWrap:"wrap",children:Object.keys(tT.U).filter(e=>e.includes("Small")).map(e=>(0,l.BX)(c.k,{flexDirection:"column",px:"8px",py:"8px",alignItems:"center",justifyContent:"center",w:"120px",children:[(0,l.tZ)(m.x,{textStyle:"ui4",mb:"4px",children:e}),(0,l.tZ)(es.p,{size:"lg",icon:e})]},e))})}),(0,l.tZ)(y,{title:"Solid",children:(0,l.tZ)(c.k,{flexWrap:"wrap",children:Object.keys(tT.U).filter(e=>e.includes("Solid")).map(e=>(0,l.BX)(c.k,{flexDirection:"column",px:"8px",py:"8px",alignItems:"center",justifyContent:"center",w:"120px",children:[(0,l.tZ)(m.x,{textStyle:"ui4",mb:"4px",children:e}),(0,l.tZ)(es.p,{size:"lg",icon:e})]},e))})}),(0,l.tZ)(y,{title:"Legacy",children:(0,l.tZ)(c.k,{flexWrap:"wrap",children:Object.keys(tT.U).filter(e=>e.includes("Legacy")).map(e=>(0,l.BX)(c.k,{flexDirection:"column",px:"8px",py:"8px",alignItems:"center",justifyContent:"center",w:"120px",children:[(0,l.tZ)(m.x,{textStyle:"ui4",mb:"4px",children:e}),(0,l.tZ)(es.p,{size:"lg",icon:e})]},e))})})]});var tz=i(80715),tE=!0,tL=(0,u.withAuthUser)({whenUnauthedBeforeInit:u.AuthAction.SHOW_LOADER,LoaderComponent:s.NF,whenUnauthedAfterInit:u.AuthAction.REDIRECT_TO_LOGIN})((0,tz.Z)("isVibrant")(()=>(0,l.BX)(n.m,{w:"100%",align:"center",position:"relative",colorScheme:"orange",children:[(0,l.BX)(r.t,{position:"fixed",w:"100%",zIndex:1,backgroundColor:"white",children:[(0,l.tZ)(a.O,{children:"Components"}),(0,l.tZ)(a.O,{children:"Features"}),(0,l.tZ)(a.O,{children:"Styles"}),(0,l.tZ)(a.O,{children:"Icons"})]}),(0,l.BX)(o.n,{children:[(0,l.tZ)(d.x,{children:(0,l.BX)(c.k,{flex:1,flexDirection:"row",children:[(0,l.tZ)(B,{sections:w}),(0,l.tZ)(c.k,{flex:1,flexDirection:"column",children:(0,l.tZ)(eQ,{})})]})}),(0,l.tZ)(d.x,{children:(0,l.BX)(c.k,{flex:1,flexDirection:"row",children:[(0,l.tZ)(B,{sections:S}),(0,l.tZ)(c.k,{flex:1,flexDirection:"column",children:(0,l.tZ)(tZ,{})})]})}),(0,l.tZ)(d.x,{w:"100%",children:(0,l.BX)(c.k,{flex:1,flexDirection:"row",children:[(0,l.tZ)(B,{sections:k}),(0,l.BX)(c.k,{flex:1,flexDirection:"column",children:[(0,l.tZ)(tb,{}),(0,l.tZ)(tC,{}),(0,l.tZ)(tw,{}),(0,l.tZ)(tI,{})]})]})}),(0,l.tZ)(d.x,{children:(0,l.tZ)(c.k,{flex:1,flexDirection:"row",children:(0,l.tZ)(c.k,{flex:1,flexDirection:"column",children:(0,l.tZ)(tD,{})})})})]})]})))}}
1,function(e){e.O(0,[2172,5506,2282,4898,77,3955,3862,1136,9917,4181,2438,3936,6444,7466,5029,8283,8105,9774,2888,179],function(){return e(e.s=44956)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.