@frigade/react 1.38.40 → 1.38.41

package/dist/index.d.ts

@@ -819,6 +819,7 @@ interface CheckBoxProps {
     appearance?: Appearance;
     className?: string;
     style?: React__default.CSSProperties;
+    label?: string;
 }
 declare const CheckBox: FC<CheckBoxProps>;
 

package/dist/index.js

@@ -390,7 +390,7 @@ var la=Object.defineProperty,aa=Object.defineProperties;var pa=Object.getOwnProp
 `;function Ur({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,b,k,C,x,B,S,N,D;let r=e,[l,p]=q.useState(!1),[d,s]=q.useState(!1);q.useState("");return q.useEffect(()=>{var F,g,T,h,I;if(!((F=i==null?void 0:i.choice)!=null&&F[0])&&!l){if(p(!0),r.requireSelection){o({choice:[Dr]});return}if(r.defaultValue&&((g=r.props.options)!=null&&g.find(E=>E.id===r.defaultValue))){let E=(T=r.props.options)==null?void 0:T.find(v=>v.id===r.defaultValue);o({choice:[E.id],label:[E.title]});}else o({choice:[((h=r.props.options)==null?void 0:h[0].id)||""],label:[(I=r.props.options)==null?void 0:I[0].title]});}},[]),q.useEffect(()=>{var F;r.requireSelection&&((F=i==null?void 0:i.choice)==null?void 0:F[0])===Dr?n([{message:"Please select an option",id:r.id,hidden:!0}]):n([]);},[(f=i==null?void 0:i.choice)==null?void 0:f[0],d]),q__namespace.default.createElement(Za,null,q__namespace.default.createElement(yt,{title:r.title,required:r.required,appearance:t.appearance}),q__namespace.default.createElement(Ra,{value:(b=i==null?void 0:i.choice)==null?void 0:b[0],onChange:F=>{s(!0),o({choice:[F.target.value],label:[F.target.selectedOptions[0].text]});},placeholder:r.placeholder,appearance:t.appearance,className:a("multipleChoiceSelect",t.appearance)},r.requireSelection&&q__namespace.default.createElement("option",{key:"null-value",value:Dr,disabled:!0},(k=r.placeholder)!=null?k:"Select an option"),(C=r.props.options)==null?void 0:C.map(F=>q__namespace.default.createElement("option",{key:F.id,value:F.id},F.title))),((B=(x=r.props.options)==null?void 0:x.find(F=>{var g;return F.id===((g=i==null?void 0:i.choice)==null?void 0:g[0])}))==null?void 0:B.isOpenEnded)&&q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(yt,{title:(D=(N=(S=r.props.options)==null?void 0:S.find(F=>{var g;return F.id===((g=i==null?void 0:i.choice)==null?void 0:g[0])}))==null?void 0:N.openEndedLabel)!=null?D:"Please specify",required:!1,appearance:t.appearance}),q__namespace.default.createElement(Lr,{type:"text",placeholder:"Enter your answer here",onChange:F=>{var g,T;o({choice:[(T=(g=r.props.options)==null?void 0:g.find(h=>{var I;return h.id===((I=i==null?void 0:i.choice)==null?void 0:I[0])}))==null?void 0:T.id],label:[F.target.value],isOpenEnded:!0});},appearance:t.appearance})),q__namespace.default.createElement(Zt,{title:r.subtitle,appearance:t.appearance}))}var Gi=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n;return q__namespace.default.createElement("circle",{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0})},ep=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:l})=>q__namespace.default.createElement("svg",{style:l,className:r,width:t,height:t,overflow:"visible"},q__namespace.default.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},q__namespace.default.createElement(Gi,{color:n,size:t}),q__namespace.default.createElement(Gi,{color:e,percentage:Math.max(o,.1),size:t})),i),Rt=ep;var op=({color:e="#FFFFFF"})=>q__namespace.default.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q__namespace.default.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),rp={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ip={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},np={border:"1px solid #000000",color:"#FFFFFF"},sp={border:"1px solid #C5CBD3"},lp={color:"#FFFFFF"},ap={border:"1px solid #C5CBD3"},pp=e=>e==="square"?rp:ip,dp=(e,t)=>e==="square"?t?np:sp:t?lp:ap,cp=Ce__default.default.div`
   ${e=>Ee(e)}
   flex-shrink: 0;
-`,dt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=pt,style:r,className:l})=>{let p=pp(t),d=dp(t,e);return e===!0?p=G(w(w({},p),d),{backgroundColor:n.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}):p=w(w({},p),d),e!==!0&&t==="round"&&i!==void 0&&i!==1?q__namespace.default.createElement(Rt,{fillColor:o,percentage:i,size:22}):q__namespace.default.createElement(cp,{styleOverrides:p,style:r,role:"checkbox",className:Fe(a("checkIconContainer",n),a(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",l)},e&&q__namespace.default.createElement(op,{color:"#FFFFFF"}))};function H(e){return e?{__html:mp__default.default.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4","video"],ALLOWED_ATTR:["style","class","target","id","href","alt","src","controls","autoplay","loop","muted"]})}:{__html:""}}var up=Ce__default.default.div`
+`,dt=({value:e,type:t="round",primaryColor:o="#000000",progress:i,appearance:n=pt,style:r,className:l,label:p})=>{let d=pp(t),s=dp(t,e);return e===!0?d=G(w(w({},d),s),{backgroundColor:n.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}):d=w(w({},d),s),e!==!0&&t==="round"&&i!==void 0&&i!==1?q__namespace.default.createElement(Rt,{fillColor:o,percentage:i,size:22}):q__namespace.default.createElement(cp,{styleOverrides:d,style:r,role:"checkbox","aria-checked":e===!0,"aria-label":p,className:Fe(a("checkIconContainer",n),a(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",l)},e&&q__namespace.default.createElement(op,{color:"#FFFFFF"}))};function H(e){return e?{__html:mp__default.default.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4","video"],ALLOWED_ATTR:["style","class","target","id","href","alt","src","controls","autoplay","loop","muted"]})}:{__html:""}}var up=Ce__default.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -755,7 +755,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
   padding-right: 8px;
   width: 100%;
   ${e=>Ee(e)}
-`,dr=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:l="round",appearance:p})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Bd,{className:a("checklistStepsContainer",p),appearance:p,styleOverrides:w({},n)},i==="left"&&e&&q__namespace.default.createElement(Mn,{className:a("checklistStepLabel",p),styleOverrides:o,appearnace:p,dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(dt,{appearance:p,value:t,type:l,primaryColor:r}),i==="right"&&e&&q__namespace.default.createElement(Mn,{className:a("checklistStepLabel",p),styleOverrides:o,appearance:p,dangerouslySetInnerHTML:H(e)})),q__namespace.default.createElement(pe,{appearance:p}));var Un=Ce__default.default.div`
+`,dr=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:l="round",appearance:p})=>q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(Bd,{className:a("checklistStepsContainer",p),appearance:p,styleOverrides:w({},n)},i==="left"&&e&&q__namespace.default.createElement(Mn,{className:a("checklistStepLabel",p),styleOverrides:o,appearnace:p,dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(dt,{appearance:p,value:t,type:l,label:e,primaryColor:r}),i==="right"&&e&&q__namespace.default.createElement(Mn,{className:a("checklistStepLabel",p),styleOverrides:o,appearance:p,dangerouslySetInnerHTML:H(e)})),q__namespace.default.createElement(pe,{appearance:p}));var Un=Ce__default.default.div`
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
@@ -788,7 +788,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
   justify-content: flex-start;
   border-bottom: 1px solid ${e=>e.theme.colorBorder};
   padding-right: 16px;
-`;var Hn=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:l})=>{var p,d,s,m,c;return q__namespace.default.createElement("div",{style:{position:"relative",paddingLeft:"0px"},onClick:()=>{r();}},o&&q__namespace.default.createElement(cr,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklis-step-selected",style:{backgroundColor:(d=(p=l==null?void 0:l.theme)==null?void 0:p.colorPrimary)!=null?d:i}}),q__namespace.default.createElement(Wn,{className:a("checklistStepItem",l),key:`hero-checklist-step-${t}`,appearance:l,role:"listitem"},q__namespace.default.createElement(dr,{value:e.complete,labelPosition:"left",label:(s=e.stepName)!=null?s:e.title,style:n,primaryColor:(c=(m=l==null?void 0:l.theme)==null?void 0:m.colorPrimary)!=null?c:i,appearance:l})))};Ce__default.default.h1`
+`;var Hn=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:l})=>{var p,d,s,m,c;return q__namespace.default.createElement("div",{style:{position:"relative",paddingLeft:"0px"},onClick:()=>{r();}},o&&q__namespace.default.createElement(cr,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklist-step-selected",style:{backgroundColor:(d=(p=l==null?void 0:l.theme)==null?void 0:p.colorPrimary)!=null?d:i}}),q__namespace.default.createElement(Wn,{className:a("checklistStepItem",l),key:`hero-checklist-step-${t}`,appearance:l,role:"listitem"},q__namespace.default.createElement(dr,{value:e.complete,labelPosition:"left",label:(s=e.stepName)!=null?s:e.title,style:n,primaryColor:(c=(m=l==null?void 0:l.theme)==null?void 0:m.colorPrimary)!=null?c:i,appearance:l})))};Ce__default.default.h1`
   display: flex;
   margin: 0;
   font-size: 18px;
@@ -949,7 +949,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
 `,Rd=Ce__default.default.div`
   flex: 2;
   padding: 40px 40px 40px 0px;
-`,ec=({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}=ce();d=m(d);let c={[Zr]:Kn,[Yn]:Jn,[Qn]:Zn},f=w(w({},c),p),[b,k]=q.useState(0),C=n!=null?n:b,x=r!=null?r:k,B=o.filter(N=>N.complete===!0).length,S=()=>{var N;return !((N=o[C])!=null&&N.type)||!f[o[C].type]?f[Zr]({stepData:o[C],appearance:d}):typeof f[o[C].type]!="function"?f[o[C].type]:f[o[C].type]({stepData:o[C],appearance:d})};return q__namespace.default.createElement(Kd,{type:s,styleOverrides:i,className:l,appearance:d},q__namespace.default.createElement(Xd,{className:a("checklistHeaderContainer",d),appearance:d},q__namespace.default.createElement(Jd,{className:a("checklistHeader",d),appearance:d},q__namespace.default.createElement(qd,{className:a("checklistTitle",d),appearance:d,dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(Yd,{className:a("checklistSubtitle",d),appearance:d,dangerouslySetInnerHTML:H(t)}),q__namespace.default.createElement(Ve,{total:o.length,count:B,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),q__namespace.default.createElement(Qd,{className:a("checklistStepsContainer",d)},o.map((N,D)=>q__namespace.default.createElement(Hn,{data:N,index:D,key:D,listLength:o.length,isSelected:D===C,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{x(D);},appearance:d})))),q__namespace.default.createElement(Zd,{appearance:d,className:a("checklistDivider",d)}),q__namespace.default.createElement(Rd,null,q__namespace.default.createElement(S,null)))},Rr=ec;var oc=Ce__default.default.svg`
+`,ec=({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}=ce();d=m(d);let c={[Zr]:Kn,[Yn]:Jn,[Qn]:Zn},f=w(w({},c),p),[b,k]=q.useState(0),C=n!=null?n:b,x=r!=null?r:k,B=o.filter(N=>N.complete===!0).length,S=()=>{var N;return !((N=o[C])!=null&&N.type)||!f[o[C].type]?f[Zr]({stepData:o[C],appearance:d}):typeof f[o[C].type]!="function"?f[o[C].type]:f[o[C].type]({stepData:o[C],appearance:d})};return q__namespace.default.createElement(Kd,{type:s,styleOverrides:i,className:l,appearance:d},q__namespace.default.createElement(Xd,{className:a("checklistHeaderContainer",d),appearance:d},q__namespace.default.createElement(Jd,{className:a("checklistHeader",d),appearance:d},q__namespace.default.createElement(qd,{className:a("checklistTitle",d),appearance:d,dangerouslySetInnerHTML:H(e)}),q__namespace.default.createElement(Yd,{className:a("checklistSubtitle",d),appearance:d,dangerouslySetInnerHTML:H(t)}),q__namespace.default.createElement(Ve,{total:o.length,count:B,style:{marginTop:"24px",paddingRight:"40px"},appearance:d})),q__namespace.default.createElement(Qd,{role:"list",className:a("checklistStepsContainer",d)},o.map((N,D)=>q__namespace.default.createElement(Hn,{data:N,index:D,key:D,listLength:o.length,isSelected:D===C,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{x(D);},appearance:d})))),q__namespace.default.createElement(Zd,{appearance:d,className:a("checklistDivider",d)}),q__namespace.default.createElement(Rd,null,q__namespace.default.createElement(S,null)))},Rr=ec;var oc=Ce__default.default.svg`
   transition: 'transform 0.35s ease-in-out';
 `,mo=({style:e,className:t})=>q__namespace.default.createElement(oc,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},q__namespace.default.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));var ei={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},es=Ce__default.default.div`
   max-height: 350px;
@@ -1757,14 +1757,14 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
   display: flex;
   flex-direction: column;
   width: 100%;
-  max-width: 600px;
+  max-width: 650px;
   padding: 28px 18px;
   box-sizing: border-box;
   align-items: unset;
   background-color: ${e=>e.appearance.theme.colorBackground};
   position: ${e=>e.type=="modal"?"fixed":"relative"};
 
-  min-width: 550px;
+  min-width: 600px;
 
   ${e=>e.type=="modal"?`
   left: 50%;
@@ -1846,7 +1846,7 @@ ${e=>e.inlineStyles.map(([t,o])=>`.${ko}${t}.${ko}${t} { ${Object.entries(o).map
       opacity: 0.8;
     }
   }
-`;var em=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let {getFlow:d,markFlowCompleted:s,markFlowSkipped:m,markStepCompleted:c,getNumberOfStepsCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getFlowMetadata:S}=le();fe();let {mergeAppearanceWithDefault:D}=ce(),[F,g]=q__namespace.default.useState(null),[T,h]=q__namespace.default.useState(""),I=S(e),{hasOpenModals:E,setKeepCompletedFlowOpenDuringSession:v,shouldKeepCompletedFlowOpenDuringSession:L}=Ne();if(Ye(e),n=D(n),q.useEffect(()=>{C(o);},[o,b]),b)return null;let U=d(e);if(!U||k(U)||B(e)===de||f(e)===1&&!L(e)||E())return null;let z=x(e)[f(e)];function J(){var Y,K;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{size:"large",appearance:n,title:z.title,subtitle:z.subtitle})),q__namespace.default.createElement(di,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(re=>q__namespace.default.createElement(ea,{className:a("npsNumberButton",n),selected:F===re+1,key:re,onClick:()=>$(this,null,function*(){v(e),g(re+1),yield c(e,z.id,{score:re+1});}),appearance:n},re+1))),q__namespace.default.createElement(ta,{appearance:n},q__namespace.default.createElement(ci,{appearance:n},(Y=I==null?void 0:I.negativeLabel)!=null?Y:"Not likely at all"),q__namespace.default.createElement(ci,{appearance:n},(K=I==null?void 0:I.positiveLabel)!=null?K:"Extremely likely")))}function X(){var Y;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{appearance:n,title:(Y=z.title)!=null?Y:"Why did you choose this score?",size:"large"})),q__namespace.default.createElement(oa,{appearance:n,value:T,onChange:K=>{h(K.target.value);},placeholder:"Add your optional feedback here..."}),q__namespace.default.createElement(di,{appearance:n,className:a("npsNumberButtonContainer",n)},q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.secondaryButtonTitle||"Skip",secondary:!0}),q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield c(e,z.id,{feedbackText:T}),yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.primaryButtonTitle||"Submit"})))}function O(){return f(e)>=2?null:q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(Rl,{appearance:n,className:Fe(a("npsSurveyContainer",n),r),style:l,type:p},q__namespace.default.createElement(ra,{onClick:()=>$(this,null,function*(){yield m(e),t&&t();}),className:a("npsSurveyDismissButton",n)},q__namespace.default.createElement(Oe,null)),f(e)==0&&J(),f(e)==1&&X()))}return p==="inline"?O():q__namespace.default.createElement(reactPortal.Portal,null,O())};var om=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p=!0,modalPosition:d="center",showPagination:s=!0,allowBackNavigation:m})=>{let{getFlow:c,markFlowCompleted:f,markFlowSkipped:b,markStepCompleted:k,markStepStarted:C,isLoading:x,targetingLogicShouldHideFlow:B,updateCustomVariables:S,getFlowSteps:N,getFlowStatus:D,getCurrentStepIndex:F}=le(),{primaryCTAClickSideEffects:g,secondaryCTAClickSideEffects:T}=fe(),{mergeAppearanceWithDefault:h}=ce(),{setOpenFlowState:I,getOpenFlowState:E,hasOpenModals:v}=Ne();Ye(e);let[L,U]=[E(e,!0),ye=>I(e,ye)];if(n=h(n),q.useEffect(()=>{S(o);},[o,x]),x)return null;let R=c(e);if(!R||B(R)||D(e)===de||v())return null;let z=N(e),J=F(e),X=z.length,O=z[J];if(!O)return null;let Y=()=>$(void 0,null,function*(){U(!1),yield b(e),t&&t();});function K(){var ye;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(zl,{appearance:n,className:Fe(a("announcementContainer",n),r),style:l},(p===!0||O.dismissible)&&d=="inline"&&q__namespace.default.createElement(jl,{onClick:()=>$(this,null,function*(){yield b(e),t&&t();}),className:a("announcementDismissButton",n)},q__namespace.default.createElement(Oe,null)),q__namespace.default.createElement(Wl,{className:a("announcementTextContainer",n)},q__namespace.default.createElement(Gl,{appearance:n,className:a("announcementTitle",n),dangerouslySetInnerHTML:H(O.title)}),O.subtitle&&q__namespace.default.createElement(Kl,{appearance:n,className:a("announcementSubtitle",n),dangerouslySetInnerHTML:H(O.subtitle)})),(O.imageUri||O.videoUri)&&q__namespace.default.createElement(yr,{className:a("announcementMediaContainer",n)},q__namespace.default.createElement(Sr,{appearance:n,stepData:O})),s&&X>1&&q__namespace.default.createElement(Hl,{className:a("announcementPaginationContainer",n)},q__namespace.default.createElement(or,{className:a("announcementPagination",n),appearance:n,stepCount:X,currentStep:J})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&q__namespace.default.createElement(Vl,{allowBackNavigation:m,className:a("announcementCTAContainer",n)},m&&J>0&&q__namespace.default.createElement(ae,{classPrefix:"announcementBack",title:(ye=O.backButtonTitle)!=null?ye:"Back",appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){i&&i(O,F(e),"back"),yield C(e,z[J-1].id);}),secondary:!0}),O.secondaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){O.handleSecondaryButtonClick(),T(O),i&&i(O,F(e),"secondary");}),secondary:!0}),O.primaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){g(O),!(i&&i(O,F(e),"primary")===!1)&&(F(e)===X-1?(O.handlePrimaryButtonClick(),yield f(e)):O.handlePrimaryButtonClick());})}))))}let re={padding:"24px",maxWidth:"400px"};return d==="inline"?K():d!=="center"?q__namespace.default.createElement(Jo,{modalPosition:d,onClose:Y,visible:L,dismissible:p,appearance:n},K()):q__namespace.default.createElement(tt,{appearance:n,onClose:Y,visible:L,style:re,dismissible:p},K())};var na=n=>{var r=n,{as:e="span",children:t,variant:o="Body1"}=r,i=Me(r,["as","children","variant"]);return q__namespace.default.createElement(In,w({color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o},i),t)},rm=Object.fromEntries(Object.keys(lr).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>q__namespace.default.createElement(na,G(w({as:t},i),{variant:e}),i.children);return o.displayName=`Text.${e}`,[e,o]})),ui=Object.assign(na,rm);var sa=l=>{var p=l,{as:e="button",className:t,size:o="md",title:i,variant:n="Primary"}=p,r=Me(p,["as","className","size","title","variant"]);var d;return q__namespace.createElement(An,w({className:`fr-button-${n.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:n,size:o,borderRadius:"md"},r),q__namespace.createElement(ui,{color:(d=Oo[n])==null?void 0:d.color,fontWeight:"semibold"},i))},im=Object.fromEntries(Object.keys(Oo).map(e=>{let t=o=>q__namespace.createElement(sa,G(w({},o),{variant:e}));return t.displayName=`Button.${e}`,[e,t]})),nm=Object.assign(sa,im);String.prototype.replaceAll||(String.prototype.replaceAll=function(e,t){return Object.prototype.toString.call(e).toLowerCase()==="[object regexp]"?this.replace(e,t):this.replace(new RegExp(e,"g"),t)});
+`;var em=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,type:p="modal"})=>{let {getFlow:d,markFlowCompleted:s,markFlowSkipped:m,markStepCompleted:c,getNumberOfStepsCompleted:f,isLoading:b,targetingLogicShouldHideFlow:k,updateCustomVariables:C,getFlowSteps:x,getFlowStatus:B,getFlowMetadata:S}=le();fe();let {mergeAppearanceWithDefault:D}=ce(),[F,g]=q__namespace.default.useState(null),[T,h]=q__namespace.default.useState(""),I=S(e),{hasOpenModals:E,setKeepCompletedFlowOpenDuringSession:v,shouldKeepCompletedFlowOpenDuringSession:L}=Ne();if(Ye(e),n=D(n),q.useEffect(()=>{C(o);},[o,b]),b)return null;let U=d(e);if(!U||k(U)||B(e)===de||f(e)===1&&!L(e)||E())return null;let z=x(e)[f(e)];function J(){var Y,K;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{size:"large",appearance:n,title:z.title,subtitle:z.subtitle})),q__namespace.default.createElement(di,{className:a("npsNumberButtonContainer",n),appearance:n},Array.from(Array(11).keys()).map(re=>q__namespace.default.createElement(ea,{className:a("npsNumberButton",n),selected:F===re,key:re,onClick:()=>$(this,null,function*(){v(e),g(re),yield c(e,z.id,{score:re});}),appearance:n},re))),q__namespace.default.createElement(ta,{appearance:n},q__namespace.default.createElement(ci,{appearance:n},(Y=I==null?void 0:I.negativeLabel)!=null?Y:"Not likely at all"),q__namespace.default.createElement(ci,{appearance:n},(K=I==null?void 0:I.positiveLabel)!=null?K:"Extremely likely")))}function X(){var Y;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(mi,null,q__namespace.default.createElement(Le,{appearance:n,title:(Y=z.title)!=null?Y:"Why did you choose this score?",size:"large"})),q__namespace.default.createElement(oa,{appearance:n,value:T,onChange:K=>{h(K.target.value);},placeholder:"Add your optional feedback here..."}),q__namespace.default.createElement(di,{appearance:n,className:a("npsNumberButtonContainer",n)},q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.secondaryButtonTitle||"Skip",secondary:!0}),q__namespace.default.createElement(ae,{size:"large",withMargin:!1,onClick:()=>$(this,null,function*(){yield c(e,z.id,{feedbackText:T}),yield s(e),i&&i(z,1,"primary");}),appearance:n,title:z.primaryButtonTitle||"Submit"})))}function O(){return f(e)>=2?null:q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(Rl,{appearance:n,className:Fe(a("npsSurveyContainer",n),r),style:l,type:p},q__namespace.default.createElement(ra,{onClick:()=>$(this,null,function*(){yield m(e),t&&t();}),className:a("npsSurveyDismissButton",n)},q__namespace.default.createElement(Oe,null)),f(e)==0&&J(),f(e)==1&&X()))}return p==="inline"?O():q__namespace.default.createElement(reactPortal.Portal,null,O())};var om=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:l,dismissible:p=!0,modalPosition:d="center",showPagination:s=!0,allowBackNavigation:m})=>{let{getFlow:c,markFlowCompleted:f,markFlowSkipped:b,markStepCompleted:k,markStepStarted:C,isLoading:x,targetingLogicShouldHideFlow:B,updateCustomVariables:S,getFlowSteps:N,getFlowStatus:D,getCurrentStepIndex:F}=le(),{primaryCTAClickSideEffects:g,secondaryCTAClickSideEffects:T}=fe(),{mergeAppearanceWithDefault:h}=ce(),{setOpenFlowState:I,getOpenFlowState:E,hasOpenModals:v}=Ne();Ye(e);let[L,U]=[E(e,!0),ye=>I(e,ye)];if(n=h(n),q.useEffect(()=>{S(o);},[o,x]),x)return null;let R=c(e);if(!R||B(R)||D(e)===de||v())return null;let z=N(e),J=F(e),X=z.length,O=z[J];if(!O)return null;let Y=()=>$(void 0,null,function*(){U(!1),yield b(e),t&&t();});function K(){var ye;return q__namespace.default.createElement(q__namespace.default.Fragment,null,q__namespace.default.createElement(pe,{appearance:n}),q__namespace.default.createElement(zl,{appearance:n,className:Fe(a("announcementContainer",n),r),style:l},(p===!0||O.dismissible)&&d=="inline"&&q__namespace.default.createElement(jl,{onClick:()=>$(this,null,function*(){yield b(e),t&&t();}),className:a("announcementDismissButton",n)},q__namespace.default.createElement(Oe,null)),q__namespace.default.createElement(Wl,{className:a("announcementTextContainer",n)},q__namespace.default.createElement(Gl,{appearance:n,className:a("announcementTitle",n),dangerouslySetInnerHTML:H(O.title)}),O.subtitle&&q__namespace.default.createElement(Kl,{appearance:n,className:a("announcementSubtitle",n),dangerouslySetInnerHTML:H(O.subtitle)})),(O.imageUri||O.videoUri)&&q__namespace.default.createElement(yr,{className:a("announcementMediaContainer",n)},q__namespace.default.createElement(Sr,{appearance:n,stepData:O})),s&&X>1&&q__namespace.default.createElement(Hl,{className:a("announcementPaginationContainer",n)},q__namespace.default.createElement(or,{className:a("announcementPagination",n),appearance:n,stepCount:X,currentStep:J})),(O.primaryButtonTitle||O.secondaryButtonTitle)&&q__namespace.default.createElement(Vl,{allowBackNavigation:m,className:a("announcementCTAContainer",n)},m&&J>0&&q__namespace.default.createElement(ae,{classPrefix:"announcementBack",title:(ye=O.backButtonTitle)!=null?ye:"Back",appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){i&&i(O,F(e),"back"),yield C(e,z[J-1].id);}),secondary:!0}),O.secondaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.secondaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){O.handleSecondaryButtonClick(),T(O),i&&i(O,F(e),"secondary");}),secondary:!0}),O.primaryButtonTitle&&q__namespace.default.createElement(ae,{classPrefix:"announcement",title:O.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"full-width",onClick:()=>$(this,null,function*(){g(O),!(i&&i(O,F(e),"primary")===!1)&&(F(e)===X-1?(O.handlePrimaryButtonClick(),yield f(e)):O.handlePrimaryButtonClick());})}))))}let re={padding:"24px",maxWidth:"400px"};return d==="inline"?K():d!=="center"?q__namespace.default.createElement(Jo,{modalPosition:d,onClose:Y,visible:L,dismissible:p,appearance:n},K()):q__namespace.default.createElement(tt,{appearance:n,onClose:Y,visible:L,style:re,dismissible:p},K())};var na=n=>{var r=n,{as:e="span",children:t,variant:o="Body1"}=r,i=Me(r,["as","children","variant"]);return q__namespace.default.createElement(In,w({color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o},i),t)},rm=Object.fromEntries(Object.keys(lr).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>q__namespace.default.createElement(na,G(w({as:t},i),{variant:e}),i.children);return o.displayName=`Text.${e}`,[e,o]})),ui=Object.assign(na,rm);var sa=l=>{var p=l,{as:e="button",className:t,size:o="md",title:i,variant:n="Primary"}=p,r=Me(p,["as","className","size","title","variant"]);var d;return q__namespace.createElement(An,w({className:`fr-button-${n.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:n,size:o,borderRadius:"md"},r),q__namespace.createElement(ui,{color:(d=Oo[n])==null?void 0:d.color,fontWeight:"semibold"},i))},im=Object.fromEntries(Object.keys(Oo).map(e=>{let t=o=>q__namespace.createElement(sa,G(w({},o),{variant:e}));return t.displayName=`Button.${e}`,[e,t]})),nm=Object.assign(sa,im);String.prototype.replaceAll||(String.prototype.replaceAll=function(e,t){return Object.prototype.toString.call(e).toLowerCase()==="[object regexp]"?this.replace(e,t):this.replace(new RegExp(e,"g"),t)});
 
 exports.Box = No;
 exports.Button = nm;