@lifesg/react-design-system 2.13.1 → 2.13.2

package/chunks/{index.f952802a.js → index.12a2bdd9.js}

@@ -511,12 +511,12 @@ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as r from
 `,bc=I(F)`
     transform: rotate(${e=>e.$expanded?-180:0}deg);
     transition: transform 300ms ease-in-out;
-`,yc=n=>{var{type:r,className:i,children:a,actionLink:s,actionLinkIcon:l,sizeType:c="default",showIcon:d=!1,customIcon:p,maxCollapsedHeight:h}=n,m=lt(n,["type","className","children","actionLink","actionLinkIcon","sizeType","showIcon","customIcon","maxCollapsedHeight"]);const[f,g]=o(!1),[v,b]=o(!1),{height:y,ref:x}=an();u((()=>{w()}),[h,y]);const w=()=>{g(!h),b($())},$=()=>!!h&&y>h;return t(pc,Object.assign({className:i,$type:r,$sizeType:c,"data-testid":m["data-testid"]},{children:[d&&e(hc,Object.assign({$sizeType:c,$type:r},{children:(()=>{if(r&&p)return p;switch(r){case"success":return e(z,{});case"warning":return e(L,{});case"error":return e(R,{});case"info":case"description":return e(P,{});default:return null}})()})),t(fc,{children:[t(gc,Object.assign({$maxCollapsedHeight:$()?h:void 0,$showMore:f,$hasActionLink:!!s},{children:[e("div",Object.assign({ref:x},{children:a})),s&&t(mc,Object.assign({"data-testid":"action-link",$type:r,$sizeType:c},s,{children:[s.children,l||e(B,{})]}))]})),v&&t(vc,Object.assign({$sizeType:c,$type:r,type:"button",onClick:()=>g(!f)},{children:["Show ",f?"less":"more",e(bc,{$expanded:f})]}))]})]}))},xc=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.b8e74be5.js")).LottieSpinner}})))),wc=t=>e(kc,Object.assign({},t,{children:e(y,Object.assign({fallback:e($c,{})},{children:e(xc,{})}))})),$c=()=>e("div",{style:{height:"200px",width:"200px"}}),kc=I.div`
+`,yc=n=>{var{type:r,className:i,children:a,actionLink:s,actionLinkIcon:l,sizeType:c="default",showIcon:d=!1,customIcon:p,maxCollapsedHeight:h}=n,m=lt(n,["type","className","children","actionLink","actionLinkIcon","sizeType","showIcon","customIcon","maxCollapsedHeight"]);const[f,g]=o(!1),[v,b]=o(!1),{height:y,ref:x}=an();u((()=>{w()}),[h,y]);const w=()=>{g(!h),b($())},$=()=>!!h&&y>h;return t(pc,Object.assign({className:i,$type:r,$sizeType:c,"data-testid":m["data-testid"]},{children:[d&&e(hc,Object.assign({$sizeType:c,$type:r},{children:(()=>{if(r&&p)return p;switch(r){case"success":return e(z,{});case"warning":return e(L,{});case"error":return e(R,{});case"info":case"description":return e(P,{});default:return null}})()})),t(fc,{children:[t(gc,Object.assign({$maxCollapsedHeight:$()?h:void 0,$showMore:f,$hasActionLink:!!s},{children:[e("div",Object.assign({ref:x},{children:a})),s&&t(mc,Object.assign({"data-testid":"action-link",$type:r,$sizeType:c},s,{children:[s.children,l||e(B,{})]}))]})),v&&t(vc,Object.assign({$sizeType:c,$type:r,type:"button",onClick:()=>g(!f)},{children:["Show ",f?"less":"more",e(bc,{$expanded:f})]}))]})]}))},xc=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.62183e2f.js")).LottieSpinner}})))),wc=t=>e(kc,Object.assign({},t,{children:e(y,Object.assign({fallback:e($c,{})},{children:e(xc,{})}))})),$c=()=>e("div",{style:{height:"200px",width:"200px"}}),kc=I.div`
     margin: 0 auto;
     padding: 2rem 1rem;
-`,Sc=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.936d4b0e.js")).LottieLoadingDots}})))),Oc=t=>e(Tc,Object.assign({},t,{children:e(y,Object.assign({fallback:e(Cc,{})},{children:e(Sc,{})}))})),Cc=()=>e("div",{style:{height:"16px",width:"64px"}}),Tc=I.div`
+`,Sc=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.580e4a9a.js")).LottieLoadingDots}})))),Oc=t=>e(Tc,Object.assign({},t,{children:e(y,Object.assign({fallback:e(Cc,{})},{children:e(Sc,{})}))})),Cc=()=>e("div",{style:{height:"16px",width:"64px"}}),Tc=I.div`
     margin: 0 auto;
-`,Dc={[cl.colorScheme]:"base",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"base"},jc={[cl.colorScheme]:"bookingsg",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"bookingsg"},_c={[cl.colorScheme]:"rbs",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"rbs",[cl.resourceScheme]:"rbs"},Ic={[cl.colorScheme]:"mylegacy",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"mylegacy"},Ec={[cl.colorScheme]:"ccube",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"ccube"},Mc={[cl.colorScheme]:"oneservice",[cl.textStyleScheme]:"oneservice",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"base"},Ac=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.a8fe33ef.js")).LottieLoadingDotsSpinner}})))),Nc=t=>{var{color:n}=t,r=lt(t,["color"]);const i=A(),a=n||pl.Primary({theme:i||Dc});return e(Rc,Object.assign({},r,{children:e(y,Object.assign({fallback:e(Bc,{})},{children:e(Ac,{color:a})}))}))},Bc=()=>e("div",{style:{height:"200px",width:"200px"}}),Rc=I.div`
+`,Dc={[cl.colorScheme]:"base",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"base"},jc={[cl.colorScheme]:"bookingsg",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"bookingsg"},_c={[cl.colorScheme]:"rbs",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"rbs",[cl.resourceScheme]:"rbs"},Ic={[cl.colorScheme]:"mylegacy",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"mylegacy"},Ec={[cl.colorScheme]:"ccube",[cl.textStyleScheme]:"base",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"ccube"},Mc={[cl.colorScheme]:"oneservice",[cl.textStyleScheme]:"oneservice",[cl.designTokenScheme]:"base",[cl.resourceScheme]:"base"},Ac=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./lottie-animation.ca00c9ef.js")).LottieLoadingDotsSpinner}})))),Nc=t=>{var{color:n}=t,r=lt(t,["color"]);const i=A(),a=n||pl.Primary({theme:i||Dc});return e(Rc,Object.assign({},r,{children:e(y,Object.assign({fallback:e(Bc,{})},{children:e(Ac,{color:a})}))}))},Bc=()=>e("div",{style:{height:"200px",width:"200px"}}),Rc=I.div`
     margin: 0 auto;
 `;var Lc,Pc={exports:{}};Lc=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
 /*!**********************************************!*\
@@ -2270,7 +2270,7 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     overflow: hidden;
 `,cf=I.canvas`
     cursor: crosshair;
-`,df=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./e-signature-canvas.a4ae3c4b.js")).ESignatureCanvas}})))),uf=r=>{const{description:i,id:s,loadingProgress:l,loadingLabel:c="Uploading...",onChange:d,value:p}=r,h=lt(r,["description","id","loadingProgress","loadingLabel","onChange","value"]),[m,f]=o(!1),g=a(null),[v,b]=o(p),x=zc.useMediaQuery({maxWidth:gl.mobileL}),w=()=>{var e;null===(e=g.current)||void 0===e||e.clear()},$=()=>{var e;if(g.current){const t=null===(e=g.current)||void 0===e?void 0:e.export();b(t),f(!1),null==d||d(t)}};u((()=>{b(p)}),[p]);return t("div",Object.assign({},h,{children:[e(Um,{children:isNaN(l)?v?t(n,{children:[e(Km,{src:v,alt:"Signature preview"}),e(Xm,Object.assign({styleType:"light",onClick:()=>f(!0),id:s,"aria-label":"Edit signature"},{children:e(G,{})}))]}):e(qm,Object.assign({type:"button",styleType:"secondary","aria-label":"Add signature",id:s,onClick:()=>f(!0)},{children:"Add signature"})):t(Gm,{children:[c&&e(Il.BodySmall,{children:c}),e(Am,{progress:l,"data-testid":`${s||"e-signature"}-progress-bar`})]})}),e(Qm,Object.assign({"data-testid":"signature-modal",show:m},{children:e(Jm,{children:t(ef,Object.assign({onClose:()=>f(!1)},{children:[e(tf,{children:"Signature"}),e(nf,{children:t(rf,{children:[e(af,{}),e(y,Object.assign({fallback:null},{children:m&&e(df,{ref:g,baseImageDataURL:v})}))]})}),t(of,{children:[e(sf,Object.assign({as:zd.Default,type:"button",styleType:x?"light":"link",icon:e(Z,{}),onClick:w},{children:"Clear"})),e(sf,Object.assign({type:"button",onClick:$},{children:"Save"}))]})]}))})})),i?e(Zm,Object.assign({weight:"regular",as:"p"},{children:i})):null]}))},pf="https://assets.life.gov.sg/react-design-system/img/feedback-rating/feedback-rating-banner.png",hf="Submit",mf="Rate your experience",ff=5,gf=I.input`
+`,df=b((()=>ct(void 0,void 0,void 0,(function*(){return{default:(yield import("./e-signature-canvas.f9b069ee.js")).ESignatureCanvas}})))),uf=r=>{const{description:i,id:s,loadingProgress:l,loadingLabel:c="Uploading...",onChange:d,value:p}=r,h=lt(r,["description","id","loadingProgress","loadingLabel","onChange","value"]),[m,f]=o(!1),g=a(null),[v,b]=o(p),x=zc.useMediaQuery({maxWidth:gl.mobileL}),w=()=>{var e;null===(e=g.current)||void 0===e||e.clear()},$=()=>{var e;if(g.current){const t=null===(e=g.current)||void 0===e?void 0:e.export();b(t),f(!1),null==d||d(t)}};u((()=>{b(p)}),[p]);return t("div",Object.assign({},h,{children:[e(Um,{children:isNaN(l)?v?t(n,{children:[e(Km,{src:v,alt:"Signature preview"}),e(Xm,Object.assign({styleType:"light",onClick:()=>f(!0),id:s,"aria-label":"Edit signature"},{children:e(G,{})}))]}):e(qm,Object.assign({type:"button",styleType:"secondary","aria-label":"Add signature",id:s,onClick:()=>f(!0)},{children:"Add signature"})):t(Gm,{children:[c&&e(Il.BodySmall,{children:c}),e(Am,{progress:l,"data-testid":`${s||"e-signature"}-progress-bar`})]})}),e(Qm,Object.assign({"data-testid":"signature-modal",show:m},{children:e(Jm,{children:t(ef,Object.assign({onClose:()=>f(!1)},{children:[e(tf,{children:"Signature"}),e(nf,{children:t(rf,{children:[e(af,{}),e(y,Object.assign({fallback:null},{children:m&&e(df,{ref:g,baseImageDataURL:v})}))]})}),t(of,{children:[e(sf,Object.assign({as:zd.Default,type:"button",styleType:x?"light":"link",icon:e(Z,{}),onClick:w},{children:"Clear"})),e(sf,Object.assign({type:"button",onClick:$},{children:"Save"}))]})]}))})})),i?e(Zm,Object.assign({weight:"regular",as:"p"},{children:i})):null]}))},pf="https://assets.life.gov.sg/react-design-system/img/feedback-rating/feedback-rating-banner.png",hf="Submit",mf="Rate your experience",ff=5,gf=I.input`
     position: absolute;
     opacity: 0;
     width: 0;
@@ -4690,7 +4690,7 @@ object-assign
 `,DA=I.div`
     display: flex;
     align-items: flex-start;
-    gap: 1rem;
+    gap: 2rem;
     margin-top: 1rem;
 `,jA=()=>{const r=A();return e("div",Object.assign({"data-testid":"resource-addon-section"},{children:"mylegacy"===(null==r?void 0:r.resourceScheme)?t(n,{children:[e(Il.XSmall,{children:"My Legacy is a LifeSG initiative, brought to you by the following government agencies:"}),t(DA,{children:[e(TA,{"data-testid":"footer-govtech-logo",src:"https://mylegacy.life.gov.sg/images/agencies/govtech-logo.png",alt:"GovTech Singapore"}),e(TA,{"data-testid":"footer-psd-logo",src:"https://mylegacy.life.gov.sg/images/agencies/psd-logo.png",alt:"Public Service Division",style:{maxHeight:"3.5rem"}})]})]}):null}))},_A=I.footer`
     background: ${pl.Neutral[7]};
@@ -7568,4 +7568,4 @@ object-assign
 `,wV=I(yc)`
     margin-top: 0.5rem;
 `,$V=({label:r,value:i,displayWidth:a="full",maskState:s,maskLoadingState:l,maskChar:c="•",maskRange:d,unmaskRange:p,maskRegex:h,disableMaskUnmask:m,alert:f,maskTransformer:g,onMask:v,onUnmask:b,onTryAgain:y})=>{const[x,w]=o(s);u((()=>{w(s)}),[s]);const $=()=>{switch("fail"===l&&y&&y(),x){case"masked":b&&b(),w("unmasked");break;case"unmasked":v&&v(),w("masked")}},k=()=>"string"!=typeof i?i:"masked"===x?kd.maskValue(i,{maskChar:c,maskRange:d,unmaskRange:p,maskRegex:h,maskTransformer:g}):i,S=()=>{switch(l){case"fail":return t(n,{children:[e(bV,{}),e(yV,{children:"Error"}),e(xV,{children:"Try again?"})]});case"loading":return t(n,{children:[e(vV,{}),e(gV,{children:"Retrieving..."})]});default:return t(n,{children:[k(),e(mV,{children:"masked"===x?e(Pe,{"data-testid":"masked-icon"}):e(ze,{"data-testid":"unmasked-icon"})})]})}};return t(hV,Object.assign({$widthStyle:a},{children:[e(xx,{children:r}),"string"!=typeof i?i:x?m?e(Il.Body,{children:k()}):e(fV,Object.assign({"data-testid":"clickable-label",onClick:$,"aria-busy":"loading"===l,"aria-live":"polite",type:"button"},{children:S()})):e(Il.Body,{children:i}),f&&e(wV,Object.assign({sizeType:"small"},f))]}))},kV=Object.assign((r=>{var{items:i,title:a,description:o,topSection:s,bottomSection:l,children:c,background:d=!0,stretch:u,onMask:p,onUnmask:h,onTryAgain:m}=r,f=lt(r,["items","title","description","topSection","bottomSection","children","background","stretch","onMask","onUnmask","onTryAgain"]);const g=e=>()=>{p&&p(e)},v=e=>()=>{h&&h(e)},b=e=>()=>{m&&m(e)},y=()=>{if(i&&i.length>0){const t=i.map(((t,n)=>e($V,Object.assign({},t,{onMask:g(t),onUnmask:v(t),onTryAgain:b(t)}),n)));return e(uV,Object.assign({$stretch:u},{children:t}))}return null};return e(sV,Object.assign({$background:d},f,{type:"grid"},{children:c||t(n,{children:[a&&e(lV,Object.assign({weight:"semibold",$stretch:u},{children:a})),o&&e(cV,Object.assign({$stretch:u},{children:o})),s&&e(dV,Object.assign({"data-id":"top-section",$stretch:u},{children:s})),y(),l&&e(dV,Object.assign({"data-id":"bottom-section",$stretch:u},{children:l}))]})}))}),{ItemSection:pV,Item:$V});export{OO as $,dc as A,Dc as B,pl as C,bh as D,uf as E,Tf as F,$B as G,kB as H,tw as I,Rm as J,OB as K,wc as L,ow as M,cO as N,rI as O,oI as P,sI as Q,_I as R,lf as S,Kx as T,II as U,LI as V,VI as W,Tx as X,zB as Y,HB as Z,ct as _,cf as a,YB as a0,qB as a1,fl as a2,gl as a3,Wm as a4,WR as a5,VR as a6,HR as a7,tL as a8,iL as a9,Ic as aA,Ec as aB,Mc as aC,cl as aD,LE as aE,oH as aF,AH as aG,YH as aH,nW as aI,zE as aJ,HW as aK,JW as aL,bE as aM,iV as aN,aV as aO,Nl as aP,kV as aQ,qE as aR,dP as aa,fP as ab,Om as ac,jP as ad,kI as ae,MP as af,zP as ag,PP as ah,lx as ai,mx as aj,dx as ak,CI as al,Mz as am,Rz as an,RI as ao,aF as ap,OF as aq,zF as ar,WF as as,_l as at,Sl as au,Il as av,nc as aw,rE as ax,jc as ay,_c as az,yc as b,La as c,Oc as d,Nc as e,ed as f,Ld as g,ac as h,zd as i,Wu as j,Uu as k,Gu as l,Lp as m,em as n,im as o,fm as p,Xl as q,wm as r,Mm as s,Jp as t,zp as u,Jf as v,LM as w,vA as x,FA as y,KE as z};
-//# sourceMappingURL=index.f952802a.js.map
+//# sourceMappingURL=index.12a2bdd9.js.map