@frigade/react 1.38.42 → 1.38.43

package/dist/index.mjs

@@ -921,7 +921,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
 `,ec=ye.div`
   flex: 2;
   padding: 40px 40px 40px 0px;
-`,tc=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:m}=de();d=m(d);let c={[Rr]:qn,[Jn]:Xn,[Zn]:Rn},f=w(w({},c),p),[S,k]=useState(0),C=n!=null?n:S,h=r!=null?r:k,v=o.filter(N=>N.complete===!0).length,y=useMemo(()=>{var N;return !((N=o[C])!=null&&N.type)||!f[o[C].type]?f[Rr]:f[o[C].type]},[C]);return q__default.createElement(qd,{type:s,styleOverrides:i,className:l,appearance:d},q__default.createElement(Qd,{className:a("checklistHeaderContainer",d),appearance:d},q__default.createElement(Xd,{className:a("checklistHeader",d),appearance:d},q__default.createElement(Yd,{className:a("checklistTitle",d),appearance:d,dangerouslySetInnerHTML:V(e)}),q__default.createElement(Jd,{className:a("checklistSubtitle",d),appearance:d,dangerouslySetInnerHTML:V(t)}),q__default.createElement(je,{total:o.length,count:v,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),q__default.createElement(Zd,{role:"list",className:a("checklistStepsContainer",d)},o.map((N,U)=>q__default.createElement(Vn,{data:N,index:U,key:N.id,listLength:o.length,isSelected:U===C,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{h(U);},appearance:d})))),q__default.createElement(Rd,{appearance:d,className:a("checklistDivider",d)}),q__default.createElement(ec,null,q__default.createElement(y,{appearance:d,stepData:o[C]})))},ei=tc;var rc=ye.svg`
+`,tc=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:l="",customStepTypes:p=new Map,appearance:d,type:s})=>{let{mergeAppearanceWithDefault:m}=de();d=m(d);let c={[Rr]:qn,[Jn]:Xn,[Zn]:Rn},f=w(w({},c),p),[S,k]=useState(0),C=n!=null?n:S,h=r!=null?r:k,v=o.filter(N=>N.complete===!0).length,y=useMemo(()=>{var N;return !((N=o[C])!=null&&N.type)||!f[o[C].type]?f[Rr]:f[o[C].type]},[C]);return q__default.createElement(qd,{type:s,styleOverrides:i,className:l,appearance:d},q__default.createElement(Qd,{className:a("checklistHeaderContainer",d),appearance:d},q__default.createElement(Xd,{className:a("checklistHeader",d),appearance:d},q__default.createElement(Yd,{className:a("checklistTitle",d),appearance:d,dangerouslySetInnerHTML:V(e)}),q__default.createElement(Jd,{className:a("checklistSubtitle",d),appearance:d,dangerouslySetInnerHTML:V(t)}),q__default.createElement(je,{total:o.length,count:v,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),q__default.createElement(Zd,{role:"list",className:a("checklistStepsContainer",d)},o.map((N,U)=>q__default.createElement(Vn,{data:N,index:U,key:N.id,listLength:o.length,isSelected:U===C,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{h(U);},appearance:d})))),q__default.createElement(Rd,{appearance:d,className:a("checklistDivider",d)}),q__default.createElement(ec,{"data-stepid":`${o[C].id}`},q__default.createElement(y,{appearance:d,stepData:o[C]})))},ei=tc;var rc=ye.svg`
   transition: 'transform 0.35s ease-in-out';
 `,mo=({style:e,className:t})=>q__default.createElement(rc,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},q__default.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var ti={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},ts=ye.div`
   max-height: 350px;
@@ -1191,7 +1191,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-`;var Ds=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:l})=>{var c,f;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.35s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.7s ease-out"};function s(){var S,k,C,h;return q__default.createElement(q__default.Fragment,null,e.imageUri||e.videoUri?q__default.createElement(As,{className:a("stepMediaContainer",r)},e.imageUri?q__default.createElement(Is,{className:a("stepImage",r),src:e.imageUri}):null,e.videoUri?q__default.createElement(nt,{appearance:r,videoUri:e.videoUri,autoplay:(S=e.props)==null?void 0:S.autoplayVideo,loop:(k=e.props)==null?void 0:k.loopVideo,hideControls:(C=e.props)==null?void 0:C.hideVideoControls}):null):null,q__default.createElement($s,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:V(e.subtitle)}),q__default.createElement(tr,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?q__default.createElement(ae,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,q__default.createElement(ae,{title:(h=e.primaryButtonTitle)!=null?h:"Continue",onClick:()=>i(),appearance:r})))}function m(){if(!l)return null;let S=l[e.type];return S?typeof S!="function"?S:S(e,r):null}return q__default.createElement(Es,{"data-testid":`step-${e.id}`,className:a("checklistStepContainer",r),appearance:r},q__default.createElement(Ns,{className:a("stepHeader",r),onClick:()=>o()},q__default.createElement(Ms,{className:a("stepHeaderContent",r)},q__default.createElement(dr,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),q__default.createElement(Os,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:V(e.title)})),q__default.createElement(Ls,{className:a("stepChevronContainer",r),appearance:r},q__default.createElement(mo,{style:j(w({},p),{transition:"transform 0.2s ease-in-out"})}))),q__default.createElement("div",{key:e.id,style:w({},d),className:a("stepContent",r)},(f=m())!=null?f:s()))};ye.div`
+`;var Ds=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:l})=>{var c,f;let p=t?{}:{transform:"rotate(90deg)"},d=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.35s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.7s ease-out"};function s(){var S,k,C,h;return q__default.createElement(q__default.Fragment,null,e.imageUri||e.videoUri?q__default.createElement(As,{className:a("stepMediaContainer",r)},e.imageUri?q__default.createElement(Is,{className:a("stepImage",r),src:e.imageUri}):null,e.videoUri?q__default.createElement(nt,{appearance:r,videoUri:e.videoUri,autoplay:(S=e.props)==null?void 0:S.autoplayVideo,loop:(k=e.props)==null?void 0:k.loopVideo,hideControls:(C=e.props)==null?void 0:C.hideVideoControls}):null):null,q__default.createElement($s,{className:a("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:V(e.subtitle)}),q__default.createElement(tr,{className:a("checklistCTAContainer",r)},e.secondaryButtonTitle?q__default.createElement(ae,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,q__default.createElement(ae,{title:(h=e.primaryButtonTitle)!=null?h:"Continue",onClick:()=>i(),appearance:r})))}function m(){if(!l)return null;let S=l[e.type];return S?typeof S!="function"?S:S(e,r):null}return q__default.createElement(Es,{"data-testid":`step-${e.id}`,"data-stepid":`${e.id}`,className:a("checklistStepContainer",r),appearance:r},q__default.createElement(Ns,{className:a("stepHeader",r),onClick:()=>o()},q__default.createElement(Ms,{className:a("stepHeaderContent",r)},q__default.createElement(dr,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(c=r==null?void 0:r.theme)==null?void 0:c.colorPrimary,appearance:r}),q__default.createElement(Os,{appearance:r,className:a("stepTitle",r),dangerouslySetInnerHTML:V(e.title)})),q__default.createElement(Ls,{className:a("stepChevronContainer",r),appearance:r},q__default.createElement(mo,{style:j(w({},p),{transition:"transform 0.2s ease-in-out"})}))),q__default.createElement("div",{key:e.id,style:w({},d),className:a("stepContent",r)},(f=m())!=null?f:s()))};ye.div`
   background: #ffffff;
   box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
   border-radius: 6px;