@frigade/react 2.4.18 → 2.4.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -7
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1417,18 +1417,12 @@ interface DialogContentProps extends Pick<RadixDialog.DialogContentProps, 'onOpe
|
|
|
1417
1417
|
interface DialogRootProps extends RadixDialog.DialogProps {
|
|
1418
1418
|
}
|
|
1419
1419
|
interface DialogProps extends BoxPropsWithoutChildren, DialogRootProps, DialogContentProps {
|
|
1420
|
-
/**
|
|
1421
|
-
* Whether to display an overlay behind the Dialog.
|
|
1422
|
-
* @default true
|
|
1423
|
-
*/
|
|
1424
|
-
overlay?: boolean;
|
|
1425
1420
|
/**
|
|
1426
1421
|
* The modality of the dialog. When set to `true`, interaction with outside elements will be disabled and only dialog content will be visible to screen readers.
|
|
1427
|
-
* @default false
|
|
1428
1422
|
*/
|
|
1429
1423
|
modal?: boolean;
|
|
1430
1424
|
}
|
|
1431
|
-
declare function Dialog({ children, className,
|
|
1425
|
+
declare function Dialog({ children, className, modal, ...props }: DialogProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
1432
1426
|
declare namespace Dialog {
|
|
1433
1427
|
var Dismiss: (props: ButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1434
1428
|
var Subtitle: ({ children, ...props }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -43,7 +43,7 @@ var Vo=Object.defineProperty,Fr=Object.defineProperties;var vr=Object.getOwnProp
|
|
|
43
43
|
height: 0;
|
|
44
44
|
opacity: 0;
|
|
45
45
|
}
|
|
46
|
-
`,Hn=()=>jsx(y,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function Mn({checked:e=!1}){return jsx(y,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"22px",width:"22px",children:e&&jsx(y,{alignItems:"center",bg:"green500",borderWidth:"md",borderStyle:"solid",borderColor:"green500",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(Hn,{})})})}function Po({children:e}){return jsx(we.Content,{asChild:!0,children:jsxs(P.Column,{css:{'&[data-state="open"]':{animation:`${On} 300ms ease-out`},'&[data-state="closed"]':{animation:`${In} 300ms ease-out`},overflow:"hidden"},gap:5,part:"collapsible-content",children:[jsx(y,{}),e]})})}function Co(a){var s=a,{children:e,disabled:o=!1,onOpenChange:t=()=>{},open:n=!1}=s,r=m(s,["children","disabled","onOpenChange","open"]);return jsx(we.Root,{asChild:!0,disabled:o,open:n,onOpenChange:t,children:jsx(b,l(i({borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0,part:"collapsible-step"},r),{children:e}))})}function So({isCompleted:e,isBlocked:o,title:t}){return jsx(we.Trigger,{asChild:!0,children:jsxs(P.Row,{alignItems:"center",justifyContent:"space-between",margin:-5,padding:5,zIndex:1,opacity:o?.4:1,disabled:o,pointerEvents:o?"none":"auto",cursor:o?"not-allowed":"pointer",part:"collapsible-header",children:[jsxs(P.Row,{alignItems:"center",gap:2,children:[jsx(Mn,{checked:e}),jsx(C.Body2,{fontWeight:"demibold",userSelect:"none",part:"collapsible-title",children:t})]}),jsx(y,{as:Dt,color:"neutral.100",css:{"& path":{vectorEffect:"non-scaling-stroke"}},display:"block",height:"16px",order:2,part:"collapsible-step-icon",width:"16px"})]})})}var Ot=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function It({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:n,step:r}){var F,S,T,v,k,E;let{$state:{blocked:a,completed:s,skipped:d},subtitle:c,title:u}=r,g=(S=(F=r.primaryButton)==null?void 0:F.title)!=null?S:r.primaryButtonTitle,f=(v=(T=r.secondaryButton)==null?void 0:T.title)!=null?v:r.secondaryButtonTitle,x=(k=r.props)!=null?k:{},h=!!a;return jsxs(Co,l(i({open:t,onOpenChange:n},x),{children:[jsx(So,{isBlocked:r.$state.blocked,isCompleted:s||d,title:u}),jsxs(Po,{children:[jsx(b.Media,{aspectRatio:2.5,objectFit:"cover",overflowClipMargin:"unset",src:(E=r.videoUri)!=null?E:r.imageUri,transform:"translate3d(0, 0, 1px)",type:r.videoUri?"video":"image"}),jsx(b.Subtitle,{color:"neutral.400",children:c}),jsxs(P.Row,{gap:3,part:"collapsible-footer",children:[jsx(b.Secondary,{title:f,onClick:o}),jsx(b.Primary,{disabled:h,title:g,onClick:e})]})]})]}))}var Vn={default:It};function $n(n){var r=n,{flow:e,step:o}=r,t=m(r,["flow","step"]);var S;let{onPrimary:a,onSecondary:s,openStepId:d,setOpenStepId:c,stepTypes:u}=useContext(Ot),{handlePrimary:g,handleSecondary:f}=ne(o,{onPrimary:a,onSecondary:s}),x=(d!=null?d:e.getCurrentStep().id)===o.id,h=(S=u[o.type])!=null?S:It;function F(T){return $(this,null,function*(){c(T?o.id:""),T&&!o.$state.completed&&(yield o.start(),c(null));})}return jsx(h,l(i({flow:e,onOpenChange:F,open:x,step:o},t),{handlePrimary:g,handleSecondary:f}),o.id)}function Xe(d){var c=d,{dismissible:e,flowId:o,onPrimary:t,onSecondary:n,part:r,stepTypes:a={}}=c,s=m(c,["dismissible","flowId","onPrimary","onSecondary","part","stepTypes"]);let[u,g]=useState(null),f=i(i({},Vn),a);return jsx(Ot.Provider,{value:{openStepId:u,setOpenStepId:g,onPrimary:t,onSecondary:n,stepTypes:f},children:jsx(U,l(i({as:b,borderWidth:"md",flowId:o,part:["checklist",r]},s),{children:S=>{var T=S,{flow:x,handleDismiss:h}=T,F=m(T,["flow","handleDismiss"]);let k=Array.from(x.steps.entries()).filter(([,w])=>w.$state.visible===!0).map(([,w])=>jsx($n,l(i({flow:x,handleDismiss:h},F),{step:w}),w.id)),E=x.getNumberOfCompletedSteps(),B=x.getNumberOfAvailableSteps();return jsxs(Fragment,{children:[jsxs(P.Column,{gap:2,children:[jsx(b.Header,{dismissible:e,handleDismiss:h,part:"checklist-header",subtitle:x.subtitle,title:x.title}),jsxs(P.Row,{alignItems:"center",gap:2,children:[jsxs(C.Body2,{fontWeight:"demibold",children:[E,"/",B]}),jsx(Ce,{current:E,total:B,flexGrow:1})]})]}),k]})}}))})}var Xn=new Set(["required","min","max","minLength","maxLength","pattern"]);function qn({fieldComponent:e,control:o,fieldData:t,submit:n}){let r=useFormContext();t.pattern!=null&&(typeof t.pattern=="string"?t.pattern=new RegExp(t.pattern.replace(/^\/|\/$/g,"")):typeof t.pattern=="object"&&typeof t.pattern.value=="string"&&(t.pattern.value=new RegExp(t.pattern.value.replace(/^\/|\/$/g,""))));let a=Object.fromEntries(Object.entries(t).filter(([d])=>Xn.has(d))),s=useController({name:t.id,control:o,rules:a});return jsx(e,l(i({},s),{fieldData:t,formContext:r,submit:n}))}function Mt({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:n,parentProps:{dismissible:r},step:a}){var E,B,w,O,D,X;let{__readOnly:s}=useContext(M),d=((E=a.fields)!=null?E:[]).filter(V=>e[V.type]!=null&&V.id),c=useForm({delayError:2e3,mode:"onChange",defaultValues:d.reduce((V,j)=>{var le;return V[j.id]=(le=j.value)!=null?le:"",V},{})}),[u,g]=useState(!1),f=[],{control:x,handleSubmit:h}=c,F=(B=a.props)!=null?B:{};function S(V,j){g(!0),t(j,V,s===!0).then(()=>g(!1));}d.forEach(V=>{e[V.type]!=null&&f.push(jsx(qn,{control:x,fieldComponent:e[V.type],fieldData:V,submit:h(S)},`${a.flow.id}-${V.id}`));});let T=(O=(w=a.primaryButton)==null?void 0:w.title)!=null?O:a.primaryButtonTitle,v=(X=(D=a.secondaryButton)==null?void 0:D.title)!=null?X:a.secondaryButtonTitle,k=!!(a.$state.blocked||!c.formState.isValid);return useEffect(()=>{c.reset();},[a]),jsxs(P.Column,l(i({gap:5,part:"form-step"},F),{children:[jsx(b.Header,{dismissible:r,handleDismiss:o,part:"form-step-header",subtitle:a.subtitle,title:a.title}),jsx(FormProvider,l(i({},c),{children:f})),jsxs(P.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[v&&jsx(I.Secondary,{onClick:n,title:v}),jsx(I.Primary,{disabled:k||u,onClick:h(S),title:T!=null?T:"Submit",loading:u})]},`form-footer-${a.id}`)]}))}function Wt({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(C.Caption,{color:"red500",display:"block",part:"field-error",mt:"1",textAlign:"end",children:e==null?void 0:e.message}):null}function wo({children:e,id:o,required:t=!1}){return jsxs(C.Body2,{as:"label",htmlFor:o,part:"field-label",fontWeight:"medium",mb:"2",display:"block",children:[e,jsx(y,{part:"field-label-required",display:"inline",children:t&&"*"})]})}var Fo={backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md"},Me=l(i({},Fo),{px:"4",py:"2",display:"block",outline:"none",width:"100%"}),Ye={alignItems:"center",bg:"primary.surface",borderWidth:"md",borderStyle:"solid",borderColor:"primary.border",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",position:"absolute",top:"-1px",width:"calc(100% + 2px)",color:"primary.foreground"};function Q({children:e,field:o,fieldData:t,fieldState:n}){var u;let{id:r,label:a,placeholder:s}=t,{error:d}=n,c=l(i(i(i({id:r},o),s?{placeholder:s}:{}),Me),{"aria-invalid":!!d,value:(u=o.value)!=null?u:""});return jsxs(y,{part:"field",children:[jsx(wo,{id:r,required:!!t.required,children:a}),e(c),jsx(Wt,{error:d})]})}function ve(e){return jsx("svg",l(i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"size-5"},e),{children:jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z",clipRule:"evenodd"})}))}var oi=yo.forwardRef(({label:e,value:o},t)=>jsxs(y,{as:"label",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",htmlFor:o,justifyContent:"space-between",part:"field-radio",px:4,py:2,children:[jsx(C.Body2,{part:"field-radio-label",children:e}),jsx(Te.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(y,{as:"button",backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"24px",width:"24px",children:jsx(y,l(i({as:Te.Indicator},Ye),{children:jsx(ve,{height:"14",width:"14"})}))})})]}));function vo(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,r=n.map(({label:a,value:s})=>jsx(oi,{value:s,label:a},s));return jsx(Q,l(i({},e),{children:()=>jsx(Te.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(P.Column,{gap:2,part:"field-radio-group",children:r})})}))}function Nt(e){return jsx("svg",l(i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"size-5"},e),{children:jsx("path",{fillRule:"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}))}function _t(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,[r,a]=yo.useState([]);function s(d){let c=[];r.includes(d)?c=[...r.filter(u=>u!==d)]:c=[...r,d],a(c),o(c);}return jsx(Q,l(i({},e),{children:()=>jsx(P.Column,{gap:2,part:"field-select-multiple",children:n.map(({label:d,value:c})=>jsx(Ze.Root,{value:r.includes(c)?c:void 0,onCheckedChange:()=>s(c),asChild:!0,children:jsxs(y,{as:"button",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",justifyContent:"space-between",part:"field-check",px:4,py:2,children:[jsx(C.Body2,{part:"field-check-label",children:d}),jsx(y,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-check-value",position:"relative",height:"24px",width:"24px",children:jsx(Ze.Indicator,{asChild:!0,children:jsx(y,l(i({},Ye),{children:jsx(ve,{height:"14",width:"14"})}))})})]})},c))})}))}var ni=yo.forwardRef(({label:e,value:o},t)=>jsx(A.Item,{value:o,ref:t,asChild:!0,children:jsx(y,{"backgroundColor:hover":"neutral.900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(A.ItemText,{asChild:!0,children:jsx(C.Body2,{part:"field-select-option-label",children:e})})})}));function To(e){let{field:{onChange:o,value:t},fieldData:{options:n=[],placeholder:r}}=e,a=n.map(({label:s,value:d})=>jsx(ni,{value:d,label:s},d));return e.fieldData.multiple?jsx(_t,i({},e)):jsx(Q,l(i({},e),{children:()=>jsxs(A.Root,{value:t,onValueChange:o,children:[jsx(A.Trigger,{asChild:!0,children:jsxs(C.Body2,l(i({},Me),{alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(A.Value,{placeholder:r!=null?r:"Select one"}),jsx(A.Icon,{children:jsx(y,{as:Nt,color:"neutral.100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]}))}),jsx(A.Portal,{children:jsx(A.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(y,l(i({},Me),{boxShadow:"md",maxHeight:"var(--radix-select-content-available-height)",p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",zIndex:"99999",children:jsx(A.Viewport,{children:a})}))})})]})}))}function Bo(e){return jsx(Q,l(i({},e),{children:o=>jsx(C.Body2,i({as:"input",part:"field-text",type:"text"},o))}))}function Ro(e){return jsx(Q,l(i({},e),{children:o=>jsx(C.Body2,i({as:"textarea",part:"field-textarea"},o))}))}function Jt(e){let{field:{onChange:o,value:t},fieldData:{options:n,label:r,id:a=[]}}=e;return jsxs(y,{part:"field",display:"flex",gap:2,alignItems:"center",children:[jsx(Ze.Root,{defaultChecked:!0,onCheckedChange:o,value:t,checked:t===!0,asChild:!0,children:jsx(y,l(i({},Fo),{as:"button",width:"25px",minWidth:"25px",height:"25px",justifyContent:"center",alignItems:"center",display:"flex","backgroundColor:hover":"neutral.900",part:"field-checkbox",id:a,children:jsx(Ze.Indicator,{asChild:!0,children:jsx(y,{width:"20px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",children:jsx(ve,{height:"14",fill:"currentColor"})})})}))}),jsx(C.Body2,{part:"field-checkbox-label",as:"label",htmlFor:a,children:r})]})}var ai={checkbox:Jt,radio:vo,select:To,text:Bo,textarea:Ro};function Re(r){var a=r,{fieldTypes:e={},flowId:o,part:t}=a,n=m(a,["fieldTypes","flowId","part"]);let s=Object.assign({},ai,e);return jsx(U,l(i({flowId:o,part:["form",t]},n),{children:d=>jsx(Mt,i({fieldTypes:s},d))}))}var oo={};oe(oo,{NPS:()=>Ae});function Yt({field:e,fieldData:o,submit:t}){var r,a;let n=[...Array(11)].map((s,d)=>{let c=e.value===d?I.Primary:I.Secondary;return jsx(c,{borderWidth:"1px",onClick:()=>{e.onChange(d),t();},title:`${d}`,css:{".fr-button-title":{fontSize:"15px"}}},d)});return jsxs(P.Column,{gap:2,children:[jsx(P.Row,{gap:2,part:"field-nps",css:{"@media (min-width: 660px)":{flexWrap:"nowrap",justifyContent:"space-between"},flexWrap:"wrap",justifyContent:"center"},children:n}),jsxs(P.Row,{justifyContent:"space-between",part:"field-nps-label",children:[jsx(C.Caption,{part:"field-nps-left-label",color:"neutral.400",children:(r=o.negativeLabel)!=null?r:"Not likely at all"}),jsx(C.Caption,{part:"field-nps-right-label",color:"neutral.400",children:(a=o.positiveLabel)!=null?a:"Extremely likely"})]})]})}function Ae(a){var s=a,{as:e=H,flowId:o,fieldTypes:t,part:n}=s,r=m(s,["as","flowId","fieldTypes","part"]);let{flow:d}=ae(o);return jsx(Re,i({alignSelf:"end",as:e,css:l(i({},!d||d.getCurrentStepIndex()==0?{".fr-form-step-footer":{display:"none"}}:{}),{".fr-form":{padding:"20px","@media (min-width: 660px)":{minWidth:"600px"},minWidth:"100%"},".fr-form-step":{gap:"14px","@media (min-width: 660px)":{gap:"1"}}}),fieldTypes:i({nps:Yt},t),flowId:o,onEscapeKeyDown:c=>{typeof r.onEscapeKeyDown=="function"&&r.onEscapeKeyDown(c),c.defaultPrevented||d.skip();},overlay:!1,modal:!1,part:["nps",n]},r))}function xe(e,{onComplete:o,onDismiss:t}={}){let n=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&n.current===!1&&$(this,null,function*(){yield o==null?void 0:o(e);}),n.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(r=>$(this,null,function*(){if((yield t==null?void 0:t(e,r))===!1)return r.preventDefault(),!1;e.skip();}),[e])}}function to(){let e="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[o,t]=useState(e),[n,r]=useState(null),a=useCallback(s=>{r(s);},[]);return useLayoutEffect(()=>{if(!n)return;let s=()=>{let d=n.getBoundingClientRect();t(d);};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[n]),{node:n,rect:o,ref:a}}var fi=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function er(n){var r=n,{style:e={},part:o=""}=r,t=m(r,["style","part"]);return jsxs(y,l(i({part:`dot-wrapper ${o}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},t),{children:[jsx(y,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${fi}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(y,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function ro(n){var r=n,{part:e,src:o}=r,t=m(r,["part","src"]);return jsx(y,i({as:"img",maxWidth:"unset",part:["image",e],src:o},t))}function xi(e){var o,t,n,r,a;return e.includes("youtube")?`https://www.youtube.com/embed/${(o=e.split("v=")[1])==null?void 0:o.split("&")[0]}`:e.includes("youtu.be")?`https://www.youtube.com/embed/${(t=e.split("youtu.be/")[1])==null?void 0:t.split("&")[0]}`:e.includes("vimeo")?`https://player.vimeo.com/video/${(n=e.split("vimeo.com/")[1])==null?void 0:n.split("&")[0]}`:e.includes("wistia")?`https://fast.wistia.net/embed/iframe/${(r=e.split("wistia.com/medias/")[1])==null?void 0:r.split("&")[0]}`:e.includes("loom")?`https://loom.com/embed/${(a=e.split("loom.com/share/")[1])==null?void 0:a.split("&")[0]}?hideEmbedTopBar=true&hide_title=true&hide_share=true&hide_owner=true`:null}function no(n){var r=n,{part:e,src:o}=r,t=m(r,["part","src"]);let a=xi(o);return a?jsx(y,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"neutral.100",borderWidth:"0",part:["video",e],src:a},t)):o!=null&&o.endsWith(".mp4")?jsx(y,i({as:"video",controls:!0,part:["video",e],src:o},t)):(console.error(`Could not map videoUri ${o} to a known provider (Youtube, Vimeo, Wistia, Loom) or valid mp4 file.`),null)}function de(n){var r=n,{src:e,type:o}=r,t=m(r,["src","type"]);return jsx(o==="video"?no:ro,i({src:e},t))}function tr({props:e,alignAttr:o,sideAttr:t}){let n=t!=null?t:"bottom",r={},a=()=>{var u;if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return (u=e.align)!=null?u:"after"},s="-24px",d={top:"bottom",right:"left",bottom:"top",left:"right"};r[d[n]]=s;let c=a();return ["before","end"].includes(c)?["top","bottom"].includes(n)?r.right=s:r.bottom=s:["after","start"].includes(c)?["top","bottom"].includes(n)?r.left=s:r.top=s:["top","bottom"].includes(n)?r.left=`calc(50% + ${s})`:r.top=`calc(50% + ${s})`,r}var io={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function rr(e,o){var a,s,d,c,u;let t=Object.fromEntries(io.content.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),n=Object.fromEntries(io.root.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),r={};for(let g of Object.keys(e))!io.content.includes(g)&&!io.root.includes(g)&&(r[g]=e[g]);if(t.align=(a=t.align)!=null?a:"after",t.side=(s=t.side)!=null?s:"bottom",["before","after"].includes(t.align)){let g={after:"end",before:"start"},f=(v,k)=>["top","bottom"].includes(k)?v=="after"?"marginLeft":"marginRight":v=="after"?"marginTop":"marginBottom",x=(d=t.alignOffset)!=null?d:0,h=(c=t.style)!=null?c:{},F=(u=t.side)!=null?u:"bottom",S=t.align;t.style=l(i({},h),{[f(S,F)]:x});let T=["top","bottom"].includes(F)?o.width:o.height;t.alignOffset=(T+x)*-1,t.align=g[S];}return {contentProps:t,otherProps:r,rootProps:n}}var nr=keyframes`
|
|
46
|
+
`,Hn=()=>jsx(y,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function Mn({checked:e=!1}){return jsx(y,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"22px",width:"22px",children:e&&jsx(y,{alignItems:"center",bg:"green500",borderWidth:"md",borderStyle:"solid",borderColor:"green500",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(Hn,{})})})}function Po({children:e}){return jsx(we.Content,{asChild:!0,children:jsxs(P.Column,{css:{'&[data-state="open"]':{animation:`${On} 300ms ease-out`},'&[data-state="closed"]':{animation:`${In} 300ms ease-out`},overflow:"hidden"},gap:5,part:"collapsible-content",children:[jsx(y,{}),e]})})}function Co(a){var s=a,{children:e,disabled:o=!1,onOpenChange:t=()=>{},open:n=!1}=s,r=m(s,["children","disabled","onOpenChange","open"]);return jsx(we.Root,{asChild:!0,disabled:o,open:n,onOpenChange:t,children:jsx(b,l(i({borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0,part:"collapsible-step"},r),{children:e}))})}function So({isCompleted:e,isBlocked:o,title:t}){return jsx(we.Trigger,{asChild:!0,children:jsxs(P.Row,{alignItems:"center",justifyContent:"space-between",margin:-5,padding:5,zIndex:1,opacity:o?.4:1,disabled:o,pointerEvents:o?"none":"auto",cursor:o?"not-allowed":"pointer",part:"collapsible-header",children:[jsxs(P.Row,{alignItems:"center",gap:2,children:[jsx(Mn,{checked:e}),jsx(C.Body2,{fontWeight:"demibold",userSelect:"none",part:"collapsible-title",children:t})]}),jsx(y,{as:Dt,color:"neutral.100",css:{"& path":{vectorEffect:"non-scaling-stroke"}},display:"block",height:"16px",order:2,part:"collapsible-step-icon",width:"16px"})]})})}var Ot=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function It({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:n,step:r}){var F,S,T,v,k,E;let{$state:{blocked:a,completed:s,skipped:d},subtitle:c,title:u}=r,g=(S=(F=r.primaryButton)==null?void 0:F.title)!=null?S:r.primaryButtonTitle,f=(v=(T=r.secondaryButton)==null?void 0:T.title)!=null?v:r.secondaryButtonTitle,x=(k=r.props)!=null?k:{},h=!!a;return jsxs(Co,l(i({open:t,onOpenChange:n},x),{children:[jsx(So,{isBlocked:r.$state.blocked,isCompleted:s||d,title:u}),jsxs(Po,{children:[jsx(b.Media,{aspectRatio:2.5,objectFit:"cover",overflowClipMargin:"unset",src:(E=r.videoUri)!=null?E:r.imageUri,transform:"translate3d(0, 0, 1px)",type:r.videoUri?"video":"image"}),jsx(b.Subtitle,{color:"neutral.400",children:c}),jsxs(P.Row,{gap:3,part:"collapsible-footer",children:[jsx(b.Secondary,{title:f,onClick:o}),jsx(b.Primary,{disabled:h,title:g,onClick:e})]})]})]}))}var Vn={default:It};function $n(n){var r=n,{flow:e,step:o}=r,t=m(r,["flow","step"]);var S;let{onPrimary:a,onSecondary:s,openStepId:d,setOpenStepId:c,stepTypes:u}=useContext(Ot),{handlePrimary:g,handleSecondary:f}=ne(o,{onPrimary:a,onSecondary:s}),x=(d!=null?d:e.getCurrentStep().id)===o.id,h=(S=u[o.type])!=null?S:It;function F(T){return $(this,null,function*(){c(T?o.id:""),T&&!o.$state.completed&&(yield o.start(),c(null));})}return jsx(h,l(i({flow:e,onOpenChange:F,open:x,step:o},t),{handlePrimary:g,handleSecondary:f}),o.id)}function Xe(d){var c=d,{dismissible:e,flowId:o,onPrimary:t,onSecondary:n,part:r,stepTypes:a={}}=c,s=m(c,["dismissible","flowId","onPrimary","onSecondary","part","stepTypes"]);let[u,g]=useState(null),f=i(i({},Vn),a);return jsx(Ot.Provider,{value:{openStepId:u,setOpenStepId:g,onPrimary:t,onSecondary:n,stepTypes:f},children:jsx(U,l(i({as:b,borderWidth:"md",flowId:o,part:["checklist",r]},s),{children:S=>{var T=S,{flow:x,handleDismiss:h}=T,F=m(T,["flow","handleDismiss"]);let k=Array.from(x.steps.entries()).filter(([,w])=>w.$state.visible===!0).map(([,w])=>jsx($n,l(i({flow:x,handleDismiss:h},F),{step:w}),w.id)),E=x.getNumberOfCompletedSteps(),B=x.getNumberOfAvailableSteps();return jsxs(Fragment,{children:[jsxs(P.Column,{gap:2,children:[jsx(b.Header,{dismissible:e,handleDismiss:h,part:"checklist-header",subtitle:x.subtitle,title:x.title}),jsxs(P.Row,{alignItems:"center",gap:2,children:[jsxs(C.Body2,{fontWeight:"demibold",children:[E,"/",B]}),jsx(Ce,{current:E,total:B,flexGrow:1})]})]}),k]})}}))})}var Xn=new Set(["required","min","max","minLength","maxLength","pattern"]);function qn({fieldComponent:e,control:o,fieldData:t,submit:n}){let r=useFormContext();t.pattern!=null&&(typeof t.pattern=="string"?t.pattern=new RegExp(t.pattern.replace(/^\/|\/$/g,"")):typeof t.pattern=="object"&&typeof t.pattern.value=="string"&&(t.pattern.value=new RegExp(t.pattern.value.replace(/^\/|\/$/g,""))));let a=Object.fromEntries(Object.entries(t).filter(([d])=>Xn.has(d))),s=useController({name:t.id,control:o,rules:a});return jsx(e,l(i({},s),{fieldData:t,formContext:r,submit:n}))}function Mt({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:n,parentProps:{dismissible:r},step:a}){var E,B,w,O,D,X;let{__readOnly:s}=useContext(M),d=((E=a.fields)!=null?E:[]).filter(V=>e[V.type]!=null&&V.id),c=useForm({delayError:2e3,mode:"onChange",defaultValues:d.reduce((V,j)=>{var le;return V[j.id]=(le=j.value)!=null?le:"",V},{})}),[u,g]=useState(!1),f=[],{control:x,handleSubmit:h}=c,F=(B=a.props)!=null?B:{};function S(V,j){g(!0),t(j,V,s===!0).then(()=>g(!1));}d.forEach(V=>{e[V.type]!=null&&f.push(jsx(qn,{control:x,fieldComponent:e[V.type],fieldData:V,submit:h(S)},`${a.flow.id}-${V.id}`));});let T=(O=(w=a.primaryButton)==null?void 0:w.title)!=null?O:a.primaryButtonTitle,v=(X=(D=a.secondaryButton)==null?void 0:D.title)!=null?X:a.secondaryButtonTitle,k=!!(a.$state.blocked||!c.formState.isValid);return useEffect(()=>{c.reset();},[a]),jsxs(P.Column,l(i({gap:5,part:"form-step"},F),{children:[jsx(b.Header,{dismissible:r,handleDismiss:o,part:"form-step-header",subtitle:a.subtitle,title:a.title}),jsx(FormProvider,l(i({},c),{children:f})),jsxs(P.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[v&&jsx(I.Secondary,{onClick:n,title:v}),jsx(I.Primary,{disabled:k||u,onClick:h(S),title:T!=null?T:"Submit",loading:u})]},`form-footer-${a.id}`)]}))}function Wt({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(C.Caption,{color:"red500",display:"block",part:"field-error",mt:"1",textAlign:"end",children:e==null?void 0:e.message}):null}function wo({children:e,id:o,required:t=!1}){return jsxs(C.Body2,{as:"label",htmlFor:o,part:"field-label",fontWeight:"medium",mb:"2",display:"block",children:[e,jsx(y,{part:"field-label-required",display:"inline",children:t&&"*"})]})}var Fo={backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md"},Me=l(i({},Fo),{px:"4",py:"2",display:"block",outline:"none",width:"100%"}),Ye={alignItems:"center",bg:"primary.surface",borderWidth:"md",borderStyle:"solid",borderColor:"primary.border",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",position:"absolute",top:"-1px",width:"calc(100% + 2px)",color:"primary.foreground"};function Q({children:e,field:o,fieldData:t,fieldState:n}){var u;let{id:r,label:a,placeholder:s}=t,{error:d}=n,c=l(i(i(i({id:r},o),s?{placeholder:s}:{}),Me),{"aria-invalid":!!d,value:(u=o.value)!=null?u:""});return jsxs(y,{part:"field",children:[jsx(wo,{id:r,required:!!t.required,children:a}),e(c),jsx(Wt,{error:d})]})}function ve(e){return jsx("svg",l(i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"size-5"},e),{children:jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z",clipRule:"evenodd"})}))}var oi=yo.forwardRef(({label:e,value:o},t)=>jsxs(y,{as:"label",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",htmlFor:o,justifyContent:"space-between",part:"field-radio",px:4,py:2,children:[jsx(C.Body2,{part:"field-radio-label",children:e}),jsx(Te.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(y,{as:"button",backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"24px",width:"24px",children:jsx(y,l(i({as:Te.Indicator},Ye),{children:jsx(ve,{height:"14",width:"14"})}))})})]}));function vo(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,r=n.map(({label:a,value:s})=>jsx(oi,{value:s,label:a},s));return jsx(Q,l(i({},e),{children:()=>jsx(Te.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(P.Column,{gap:2,part:"field-radio-group",children:r})})}))}function Nt(e){return jsx("svg",l(i({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"size-5"},e),{children:jsx("path",{fillRule:"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}))}function _t(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,[r,a]=yo.useState([]);function s(d){let c=[];r.includes(d)?c=[...r.filter(u=>u!==d)]:c=[...r,d],a(c),o(c);}return jsx(Q,l(i({},e),{children:()=>jsx(P.Column,{gap:2,part:"field-select-multiple",children:n.map(({label:d,value:c})=>jsx(Ze.Root,{value:r.includes(c)?c:void 0,onCheckedChange:()=>s(c),asChild:!0,children:jsxs(y,{as:"button",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",justifyContent:"space-between",part:"field-check",px:4,py:2,children:[jsx(C.Body2,{part:"field-check-label",children:d}),jsx(y,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-check-value",position:"relative",height:"24px",width:"24px",children:jsx(Ze.Indicator,{asChild:!0,children:jsx(y,l(i({},Ye),{children:jsx(ve,{height:"14",width:"14"})}))})})]})},c))})}))}var ni=yo.forwardRef(({label:e,value:o},t)=>jsx(A.Item,{value:o,ref:t,asChild:!0,children:jsx(y,{"backgroundColor:hover":"neutral.900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(A.ItemText,{asChild:!0,children:jsx(C.Body2,{part:"field-select-option-label",children:e})})})}));function To(e){let{field:{onChange:o,value:t},fieldData:{options:n=[],placeholder:r}}=e,a=n.map(({label:s,value:d})=>jsx(ni,{value:d,label:s},d));return e.fieldData.multiple?jsx(_t,i({},e)):jsx(Q,l(i({},e),{children:()=>jsxs(A.Root,{value:t,onValueChange:o,children:[jsx(A.Trigger,{asChild:!0,children:jsxs(C.Body2,l(i({},Me),{alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(A.Value,{placeholder:r!=null?r:"Select one"}),jsx(A.Icon,{children:jsx(y,{as:Nt,color:"neutral.100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]}))}),jsx(A.Portal,{children:jsx(A.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(y,l(i({},Me),{boxShadow:"md",maxHeight:"var(--radix-select-content-available-height)",p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",zIndex:"99999",children:jsx(A.Viewport,{children:a})}))})})]})}))}function Bo(e){return jsx(Q,l(i({},e),{children:o=>jsx(C.Body2,i({as:"input",part:"field-text",type:"text"},o))}))}function Ro(e){return jsx(Q,l(i({},e),{children:o=>jsx(C.Body2,i({as:"textarea",part:"field-textarea"},o))}))}function Jt(e){let{field:{onChange:o,value:t},fieldData:{options:n,label:r,id:a=[]}}=e;return jsxs(y,{part:"field",display:"flex",gap:2,alignItems:"center",children:[jsx(Ze.Root,{defaultChecked:!0,onCheckedChange:o,value:t,checked:t===!0,asChild:!0,children:jsx(y,l(i({},Fo),{as:"button",width:"25px",minWidth:"25px",height:"25px",justifyContent:"center",alignItems:"center",display:"flex","backgroundColor:hover":"neutral.900",part:"field-checkbox",id:a,children:jsx(Ze.Indicator,{asChild:!0,children:jsx(y,{width:"20px",height:"20px",display:"flex",alignItems:"center",justifyContent:"center",children:jsx(ve,{height:"14",fill:"currentColor"})})})}))}),jsx(C.Body2,{part:"field-checkbox-label",as:"label",htmlFor:a,children:r})]})}var ai={checkbox:Jt,radio:vo,select:To,text:Bo,textarea:Ro};function Re(r){var a=r,{fieldTypes:e={},flowId:o,part:t}=a,n=m(a,["fieldTypes","flowId","part"]);let s=Object.assign({},ai,e);return jsx(U,l(i({flowId:o,part:["form",t]},n),{children:d=>jsx(Mt,i({fieldTypes:s},d))}))}var oo={};oe(oo,{NPS:()=>Ae});function Yt({field:e,fieldData:o,submit:t}){var r,a;let n=[...Array(11)].map((s,d)=>{let c=e.value===d?I.Primary:I.Secondary;return jsx(c,{borderWidth:"1px",onClick:()=>{e.onChange(d),t();},title:`${d}`,css:{".fr-button-title":{fontSize:"15px"}}},d)});return jsxs(P.Column,{gap:2,children:[jsx(P.Row,{gap:2,part:"field-nps",css:{"@media (min-width: 660px)":{flexWrap:"nowrap",justifyContent:"space-between"},flexWrap:"wrap",justifyContent:"center"},children:n}),jsxs(P.Row,{justifyContent:"space-between",part:"field-nps-label",children:[jsx(C.Caption,{part:"field-nps-left-label",color:"neutral.400",children:(r=o.negativeLabel)!=null?r:"Not likely at all"}),jsx(C.Caption,{part:"field-nps-right-label",color:"neutral.400",children:(a=o.positiveLabel)!=null?a:"Extremely likely"})]})]})}function Ae(a){var s=a,{as:e=H,flowId:o,fieldTypes:t,part:n}=s,r=m(s,["as","flowId","fieldTypes","part"]);let{flow:d}=ae(o);return jsx(Re,i({alignSelf:"end",as:e,flowId:o,fieldTypes:i({nps:Yt},t),modal:!1,onEscapeKeyDown:c=>{typeof r.onEscapeKeyDown=="function"&&r.onEscapeKeyDown(c),c.defaultPrevented||d.skip();},part:["nps",n],css:l(i({},!d||d.getCurrentStepIndex()==0?{".fr-form-step-footer":{display:"none"}}:{}),{".fr-form":{padding:"20px","@media (min-width: 660px)":{minWidth:"600px"},minWidth:"100%"},".fr-form-step":{gap:"14px","@media (min-width: 660px)":{gap:"1"}}})},r))}function xe(e,{onComplete:o,onDismiss:t}={}){let n=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&n.current===!1&&$(this,null,function*(){yield o==null?void 0:o(e);}),n.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(r=>$(this,null,function*(){if((yield t==null?void 0:t(e,r))===!1)return r.preventDefault(),!1;e.skip();}),[e])}}function to(){let e="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[o,t]=useState(e),[n,r]=useState(null),a=useCallback(s=>{r(s);},[]);return useLayoutEffect(()=>{if(!n)return;let s=()=>{let d=n.getBoundingClientRect();t(d);};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[n]),{node:n,rect:o,ref:a}}var fi=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function er(n){var r=n,{style:e={},part:o=""}=r,t=m(r,["style","part"]);return jsxs(y,l(i({part:`dot-wrapper ${o}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},t),{children:[jsx(y,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${fi}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(y,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function ro(n){var r=n,{part:e,src:o}=r,t=m(r,["part","src"]);return jsx(y,i({as:"img",maxWidth:"unset",part:["image",e],src:o},t))}function xi(e){var o,t,n,r,a;return e.includes("youtube")?`https://www.youtube.com/embed/${(o=e.split("v=")[1])==null?void 0:o.split("&")[0]}`:e.includes("youtu.be")?`https://www.youtube.com/embed/${(t=e.split("youtu.be/")[1])==null?void 0:t.split("&")[0]}`:e.includes("vimeo")?`https://player.vimeo.com/video/${(n=e.split("vimeo.com/")[1])==null?void 0:n.split("&")[0]}`:e.includes("wistia")?`https://fast.wistia.net/embed/iframe/${(r=e.split("wistia.com/medias/")[1])==null?void 0:r.split("&")[0]}`:e.includes("loom")?`https://loom.com/embed/${(a=e.split("loom.com/share/")[1])==null?void 0:a.split("&")[0]}?hideEmbedTopBar=true&hide_title=true&hide_share=true&hide_owner=true`:null}function no(n){var r=n,{part:e,src:o}=r,t=m(r,["part","src"]);let a=xi(o);return a?jsx(y,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"neutral.100",borderWidth:"0",part:["video",e],src:a},t)):o!=null&&o.endsWith(".mp4")?jsx(y,i({as:"video",controls:!0,part:["video",e],src:o},t)):(console.error(`Could not map videoUri ${o} to a known provider (Youtube, Vimeo, Wistia, Loom) or valid mp4 file.`),null)}function de(n){var r=n,{src:e,type:o}=r,t=m(r,["src","type"]);return jsx(o==="video"?no:ro,i({src:e},t))}function tr({props:e,alignAttr:o,sideAttr:t}){let n=t!=null?t:"bottom",r={},a=()=>{var u;if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return (u=e.align)!=null?u:"after"},s="-24px",d={top:"bottom",right:"left",bottom:"top",left:"right"};r[d[n]]=s;let c=a();return ["before","end"].includes(c)?["top","bottom"].includes(n)?r.right=s:r.bottom=s:["after","start"].includes(c)?["top","bottom"].includes(n)?r.left=s:r.top=s:["top","bottom"].includes(n)?r.left=`calc(50% + ${s})`:r.top=`calc(50% + ${s})`,r}var io={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function rr(e,o){var a,s,d,c,u;let t=Object.fromEntries(io.content.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),n=Object.fromEntries(io.root.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),r={};for(let g of Object.keys(e))!io.content.includes(g)&&!io.root.includes(g)&&(r[g]=e[g]);if(t.align=(a=t.align)!=null?a:"after",t.side=(s=t.side)!=null?s:"bottom",["before","after"].includes(t.align)){let g={after:"end",before:"start"},f=(v,k)=>["top","bottom"].includes(k)?v=="after"?"marginLeft":"marginRight":v=="after"?"marginTop":"marginBottom",x=(d=t.alignOffset)!=null?d:0,h=(c=t.style)!=null?c:{},F=(u=t.side)!=null?u:"bottom",S=t.align;t.style=l(i({},h),{[f(S,F)]:x});let T=["top","bottom"].includes(F)?o.width:o.height;t.alignOffset=(T+x)*-1,t.align=g[S];}return {contentProps:t,otherProps:r,rootProps:n}}var nr=keyframes`
|
|
47
47
|
from {
|
|
48
48
|
opacity: 0;
|
|
49
49
|
}
|
|
@@ -53,7 +53,7 @@ var Vo=Object.defineProperty,Fr=Object.defineProperties;var vr=Object.getOwnProp
|
|
|
53
53
|
to {
|
|
54
54
|
opacity: 1;
|
|
55
55
|
}
|
|
56
|
-
`;function ir(e){return e instanceof HTMLElement?!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length):!1}function N(s){var d=s,{anchor:e,children:o,className:t,spotlight:n=!1,style:r}=d,a=m(d,["anchor","children","className","spotlight","style"]);let{node:c,rect:u,ref:g}=to(),{node:f,rect:x,ref:h}=to(),ia=rr(a,u),{contentProps:F,otherProps:wr}=ia,Ao=wr,{part:S}=Ao,T=m(Ao,["part"]),{rootProps:v}=ia,[k,E]=useState(F.align),[B,w]=useState(F.side),[O,D]=useState(0),[X,V]=useState(0);if(c!==null){let q=c.getAttribute("data-align"),ce=c.getAttribute("data-side");k!==q&&E(q),B!==ce&&w(ce);}let j=useRef(null);if(useEffect(()=>{let q=document.querySelector(e);q!=null?(h(q),j.current=q):console.debug(`[frigade] Tooltip: No anchor found for query: ${e}`);},[e]),useEffect(()=>{function q(be){if(be.matches(e))return ir(be)?be:null;let ue=be.querySelectorAll(e);return ue.length>0&&ir(ue[0])?ue[0]:null}let ce=new MutationObserver(be=>{for(let ue of be)if(ue.type==="childList"){for(let ke of ue.addedNodes){if(ke.nodeType!==Node.ELEMENT_NODE)continue;let me=q(ke);if(me!=null){h(me),j.current=me,console.debug("[frigade] Tooltip: MutationObserver added anchor: ",me);break}}for(let ke of ue.removedNodes){if(ke.nodeType!==Node.ELEMENT_NODE)continue;let me=q(ke);if(me!=null){h(null),j.current=null,console.debug("[frigade] Tooltip: MutationObserver removed anchor: ",me);break}}}});return ce.observe(document.querySelector("body"),{childList:!0,subtree:!0}),()=>ce.disconnect()},[]),useEffect(()=>{let{scrollX:q,scrollY:ce}=window;D(x.left+q),V(x.top+ce);},[x.left,x.top]),f==null)return null;let le="0";typeof window!="undefined"&&(le=window.getComputedStyle(f).borderRadius);let Ne=tr({props:a,alignAttr:k,sideAttr:B});return jsxs(ee.Root,l(i({defaultOpen:!0},v),{children:[jsx(ee.Anchor,{virtualRef:j}),jsx(ee.Portal,{children:jsxs(Fragment,{children:[n&&jsx(y,i({animation:`${nr} 300ms ease-out`,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",part:"tooltip-spotlight",pointerEvents:"none",position:"absolute",style:{borderRadius:le,height:x.height,left:O,top:X,width:x.width}},a.zIndex!=null?{zIndex:a.zIndex}:{})),jsx(ee.Content,l(i({asChild:!0},F),{ref:g,children:jsxs(b,l(i({animation:`${nr} 300ms ease-out`,boxShadow:"md",position:"relative",className:t,maxWidth:"min(360px, calc(100vw - 25px))",part:["tooltip",S],pointerEvents:"auto",style:r},T),{children:[jsx(er,{style:Ne}),o]}))}))]})})]}))}N.Close=e=>jsx(ee.Close,{"aria-label":"Close",asChild:!0,children:jsx(I.Plain,l(i({css:{top:"0px",right:"-6px"},part:"close",position:"absolute"},e),{children:jsx(Pe,{height:"20",fill:"currentColor"})}))});N.Media=t=>{var n=t,{src:e}=n,o=m(n,["src"]);return e==null?null:jsx(de,i({aspectRatio:"2",borderRadius:"md md 0 0",borderWidth:"0",margin:"-5 -5 0",objectFit:"cover",overflowClipMargin:"unset",src:e,transform:"translate3d(0, 0, 1px)"},o))};N.Primary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Primary,i({title:o,onClick:e},t))};N.Progress=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({part:"progress"},o),{children:e}))};N.Secondary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Secondary,i({title:o,onClick:e},t))};N.Subtitle=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({part:"subtitle"},o),{children:e}))};N.Title=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.H4,l(i({part:"title"},o),{children:e}))};function ar(c){var u=c,{dismissible:e=!0,flow:o,onDismiss:t,onEscapeKeyDown:n,onPrimary:r,onSecondary:a,step:s}=u,d=m(u,["dismissible","flow","onDismiss","onEscapeKeyDown","onPrimary","onSecondary","step"]);var v,k,E,B,w,O;let{handleDismiss:g}=xe(o,{onDismiss:t}),{handlePrimary:f,handleSecondary:x}=ne(s,{onPrimary:r,onSecondary:a}),h=(v=s.props)!=null?v:{},F=(E=(k=s.primaryButton)==null?void 0:k.title)!=null?E:s.primaryButtonTitle,S=(w=(B=s.secondaryButton)==null?void 0:B.title)!=null?w:s.secondaryButtonTitle,T=s.$state.blocked;return jsxs(N,l(i(i({anchor:s.selector,collisionPadding:12,onOpenAutoFocus:D=>D.preventDefault(),onPointerDownOutside:D=>D.preventDefault(),onInteractOutside:D=>D.preventDefault()},d),h),{onEscapeKeyDown:D=>{typeof n=="function"&&n(D),D.defaultPrevented||g(D);},children:[e&&jsx(N.Close,{onClick:g}),jsx(N.Media,{src:(O=s.videoUri)!=null?O:s.imageUri,type:s.videoUri?"video":"image"}),jsxs(P.Column,{gap:1,part:"tooltip-header",children:[jsx(N.Title,{children:s.title}),jsx(N.Subtitle,{color:"neutral.400",children:s.subtitle})]}),jsxs(P.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[o.getNumberOfAvailableSteps()>1&&jsx(N.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getCurrentStepOrder()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(N.Secondary,{disabled:T,onClick:x,title:S}),jsx(N.Primary,{disabled:T,onClick:f,title:F})]})]}),s.id)}function Le(e,o=!0){let{currentModal:t,modals:n,setModals:r}=useContext(M),[a,s]=useState(!1);useEffect(()=>{o&&(e!=null&&e.isVisible)&&e&&!n.has(e.id)&&r(c=>new Set(c).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let c=t===(e==null?void 0:e.id);o&&(e==null?void 0:e.id)!=null&&c!==a&&s(c);},[e==null?void 0:e.id,t]);function d(){o&&n.has(e==null?void 0:e.id)&&r(c=>{let u=new Set(c);return u.delete(e==null?void 0:e.id),u});}return {isCurrentModal:a||!o,removeModal:d}}function Oo(a){var s=a,{flowId:e,onComplete:o,variables:t,part:n}=s,r=m(s,["flowId","onComplete","variables","part"]);let[d,c]=useState(!1),{flow:u}=ae(e,{variables:t}),{hasInitialized:g,registerComponent:f,unregisterComponent:x}=useContext(M);xe(u,{onComplete:o});let{isCurrentModal:h,removeModal:F}=Le(u);if(useEffect(()=>{!(u!=null&&u.isVisible)&&h&&F();},[u==null?void 0:u.isVisible,h]),useEffect(()=>()=>{x(e);},[]),u==null||u.isVisible===!1||!h||(f(e,()=>{d||c(!0);}),!g||!d))return null;let S=u.getCurrentStep();return S==null||S.start(),jsx(ar,i({"data-flow-id":u.id,flow:u,part:["tour",n],step:S},r))}function pr(e){var u,g,f;let{frigade:o}=useContext(M),[,t]=useState(!1),n,r=useCallback(x=>{o.getCollection(e).then(()=>{x();});let h=()=>{clearTimeout(n),n=setTimeout(()=>{t(F=>!F),x();},100);};return o.onStateChange(h),()=>{o.removeStateChangeHandler(h);}},[e]),a=useSyncExternalStore(r,()=>{let x;try{x=o.getCollectionSync(e);}catch(h){}return x}),d=(f=((g=(u=a==null?void 0:a.flows)==null?void 0:u.map(x=>l(i({},x),{flow:o.getFlowSync(x.flowId)})))!=null?g:[]).find(({flow:x})=>x.isVisible))==null?void 0:f.flowId,{flow:c}=ae(d);return {collection:a,currentFlow:c}}function Io(n){var r=n,{collectionId:e,part:o}=r,t=m(r,["collectionId","part"]);var c,u,g;let a={ANNOUNCEMENT:Ho,BANNER:xo,CARD:b,CHECKLIST:Xe,EMBEDDED_TIP:b,FORM:Re,NPS_SURVEY:Ae,SURVEY:Ae,TOUR:Oo},{currentFlow:s}=pr(e),d=(u=a[(c=s==null?void 0:s.rawData)==null?void 0:c.flowType])!=null?u:null;return s==null||d==null?null:((g=s==null?void 0:s.rawData)==null?void 0:g.flowType)===FlowType.FORM?jsx(y,l(i({part:["collection",o],"data-collection-id":e},t),{children:jsx(Re,{flowId:s.id,as:H},s.id)})):jsx(y,l(i({part:["collection",o],"data-collection-id":e},t),{children:jsx(d,{flowId:s.id},s.id)}))}function Ve(){let{frigade:e}=useContext(M);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function dr(){let[e,o]=useState(),{frigade:t}=Ve();return useEffect(()=>{t.getCollections().then(n=>{n==null||n.forEach((r,a)=>{r.collectionType==="DEFAULT"&&o(a);});});},[]),e==null?null:jsx(Io,{as:null,collectionId:e})}var M=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{},hasInitialized:!1,registerComponent:()=>{},unregisterComponent:()=>{}});function cr(){let{frigade:e}=Ve();return useEffect(()=>{$(this,null,function*(){(yield e.getFlows()).forEach(t=>{t.steps.forEach(n=>{if(n.imageUri){let r=new Image;r.src=n.imageUri;}});});});},[]),null}function yr(s){var d=s,{children:e,css:o={},defaultCollection:t=!0,navigate:n,theme:r}=d,a=m(d,["children","css","defaultCollection","navigate","theme"]);let c=r?co(r):{},[u,g]=useState(new Set),f=useRef(new Map),x=useRef(),[h,F]=useState(!1),S=useMemo(()=>(F(!1),x.current=void 0,g(new Set),new Frigade(a.apiKey,{apiKey:a.apiKey,apiUrl:a.apiUrl,userId:a.userId,groupId:a.groupId,userProperties:a.userProperties,groupProperties:a.groupProperties,generateGuestId:a.generateGuestId,syncOnWindowUpdates:a.syncOnWindowUpdates,__readOnly:a.__readOnly,__flowStateOverrides:a.__flowStateOverrides})),[a.userId,a.groupId,a.apiKey]);useEffect(()=>{if(a.__flowStateOverrides){let w=S.getConfig();w.__flowStateOverrides=a.__flowStateOverrides,S.reload(w);}},[a.__flowStateOverrides]);function T(){let w=[...f.current.entries()].map(([O,D])=>[O,D.callback]);S.batchRegister(w),F(!0);}function v(w,O){if(x.current&&clearTimeout(x.current),h){f.current.has(w)?S.getFlow(w).then(D=>O(D.isVisible)):(S.getFlow(w).then(D=>D.register(O)),f.current.set(w,{callback:O}));return}f.current.has(w)||f.current.set(w,{callback:O}),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>T(),0);}function k(w){f.current.has(w)&&S.getFlow(w).then(O=>{f.current.delete(w),O==null||O.unregister();});}let E=n!=null?n:(w,O="_self")=>{window.open(w,O);};useEffect(()=>()=>{S.destroy();},[]);let B=u.size>0?u.values().next().value:null;return jsxs(M.Provider,{value:l(i({modals:u,setModals:g,currentModal:B,navigate:E},a),{frigade:S,registerComponent:v,unregisterComponent:k,hasInitialized:h}),children:[jsx(Global,{styles:{":root":i(i(i({},uo),c),o)}}),jsxs(ThemeProvider,{theme:R,children:[t&&jsx(dr,{}),e]}),a.preloadImages!==!1&&jsx(cr,{})]})}function ae(e,o){let{frigade:t}=useContext(M),[,n]=useState(!1),r=useCallback(s=>{t==null||t.getFlow(e).then(()=>{s();});let d=c=>{c.id===e&&setTimeout(()=>{n(u=>!u),s();},0);};return t==null||t.onStateChange(d),()=>{t.removeStateChangeHandler(d);}},[e]),a=useSyncExternalStore(r,()=>t==null?void 0:t.getFlowSync(e));return a!=null&&(o!=null&&o.variables)&&a.applyVariables(o.variables),{flow:a}}function U(u){var g=u,{as:e,children:o,flowId:t,onComplete:n,onDismiss:r,onPrimary:a,onSecondary:s,variables:d}=g,c=m(g,["as","children","flowId","onComplete","onDismiss","onPrimary","onSecondary","variables"]);var j,Ne;let{flow:f}=ae(t,{variables:d}),le=i(i({},(j=f==null?void 0:f.props)!=null?j:{}),c),{dismissible:x=!1,forceMount:h=!1,modal:F=!1}=le,S=m(le,["dismissible","forceMount","modal"]),T=f==null?void 0:f.getCurrentStep(),{handleDismiss:v}=xe(f,{onComplete:n,onDismiss:r}),{handlePrimary:k,handleSecondary:E}=ne(T,{onPrimary:a,onSecondary:s}),B=F||typeof e=="function"&&(e==null?void 0:e.displayName)==="Dialog"||[FlowType.ANNOUNCEMENT,FlowType.TOUR].includes((Ne=f==null?void 0:f.rawData)==null?void 0:Ne.flowType),{isCurrentModal:w,removeModal:O}=Le(f,B);useEffect(()=>{!(f!=null&&f.isVisible)&&w&&O();},[f==null?void 0:f.isVisible,w]);let D=h&&((f==null?void 0:f.isCompleted)||(f==null?void 0:f.isSkipped));if(!f||!D&&!w||!f.isVisible&&!D)return null;(D||!f.isCompleted&&!f.isSkipped)&&T.start();let X=e===null?Fragment$1:e!=null?e:y,V=l(i({},S),{"data-flow-id":f.id});return jsx(X,l(i({},e===null?{}:V),{children:o({flow:f,handleDismiss:v,handlePrimary:k,handleSecondary:E,parentProps:{dismissible:x,flowId:t,variables:d,containerProps:V},step:T})}))}function br(t){var n=t,{part:e}=n,o=m(n,["part"]);return jsx(U,l(i({as:b,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:["card",e]},o),{children:({handleDismiss:r,handlePrimary:a,handleSecondary:s,parentProps:{dismissible:d},step:c})=>{var f,x,h,F;let u=(x=(f=c.primaryButton)==null?void 0:f.title)!=null?x:c.primaryButtonTitle,g=(F=(h=c.secondaryButton)==null?void 0:h.title)!=null?F:c.secondaryButtonTitle;return jsxs(Fragment,{children:[jsx(b.Header,{dismissible:d,handleDismiss:r,subtitle:c.subtitle,title:c.title}),jsx(b.Media,{src:c.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(P.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(b.Secondary,{title:g,onClick:s}),jsx(b.Primary,{title:u,onClick:a})]})]})}}))}var b=yo.forwardRef((r,n)=>{var a=r,{children:e,flowId:o}=a,t=m(a,["children","flowId"]);var d;if(o!=null)return jsx(br,i({flowId:o},t));let s=(d=t.as)!=null?d:P.Column;return jsx(s,l(i({backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5},t),{ref:n,children:e}))});b.Dismiss=e=>jsx(I.Plain,l(i({part:"dismiss",padding:0},e),{children:jsx(Pe,{height:"20",fill:"currentColor"})}));b.Header=a=>{var s=a,{dismissible:e,handleDismiss:o,subtitle:t,title:n}=s,r=m(s,["dismissible","handleDismiss","subtitle","title"]);return jsxs(P.Row,l(i({alignItems:"flex-start",flexWrap:"wrap",gap:1,part:"card-header"},r),{children:[jsx(b.Title,{maxWidth:"calc(100% - 32px)",children:n}),e&&jsx(b.Dismiss,{onClick:o,marginLeft:"auto"}),jsx(b.Subtitle,{color:"neutral.400",flexBasis:"100%",children:t})]}))};b.Media=t=>{var n=t,{src:e}=n,o=m(n,["src"]);return e==null||(e==null?void 0:e.length)===0?null:jsx(de,i({borderRadius:"md",src:e},o))};b.Primary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null||(o==null?void 0:o.length)===0?null:jsx(I.Primary,i({title:o,onClick:e},t))};b.Secondary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null||(o==null?void 0:o.length)===0?null:jsx(I.Secondary,i({title:o,onClick:e},t))};b.Subtitle=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({display:"block",color:"neutral.400",part:"subtitle"},o),{children:e}))};b.Title=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.H4,l(i({display:"block",part:"title"},o),{children:e}))};var lo={content:["onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","onInteractOutside"],root:["defaultOpen","modal","onOpenChange","open"]};function Cr(e){let o=Object.fromEntries(lo.content.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),t=Object.fromEntries(lo.root.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),n={};for(let r of Object.keys(e))!lo.content.some(a=>a===r)&&!lo.root.some(a=>a===r)&&(n[r]=e[r]);return {contentProps:o,otherProps:n,rootProps:t}}var Zi=keyframes`
|
|
56
|
+
`;function ir(e){return e instanceof HTMLElement?!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length):!1}function N(s){var d=s,{anchor:e,children:o,className:t,spotlight:n=!1,style:r}=d,a=m(d,["anchor","children","className","spotlight","style"]);let{node:c,rect:u,ref:g}=to(),{node:f,rect:x,ref:h}=to(),ia=rr(a,u),{contentProps:F,otherProps:wr}=ia,Ao=wr,{part:S}=Ao,T=m(Ao,["part"]),{rootProps:v}=ia,[k,E]=useState(F.align),[B,w]=useState(F.side),[O,D]=useState(0),[X,V]=useState(0);if(c!==null){let q=c.getAttribute("data-align"),ce=c.getAttribute("data-side");k!==q&&E(q),B!==ce&&w(ce);}let j=useRef(null);if(useEffect(()=>{let q=document.querySelector(e);q!=null?(h(q),j.current=q):console.debug(`[frigade] Tooltip: No anchor found for query: ${e}`);},[e]),useEffect(()=>{function q(be){if(be.matches(e))return ir(be)?be:null;let ue=be.querySelectorAll(e);return ue.length>0&&ir(ue[0])?ue[0]:null}let ce=new MutationObserver(be=>{for(let ue of be)if(ue.type==="childList"){for(let ke of ue.addedNodes){if(ke.nodeType!==Node.ELEMENT_NODE)continue;let me=q(ke);if(me!=null){h(me),j.current=me,console.debug("[frigade] Tooltip: MutationObserver added anchor: ",me);break}}for(let ke of ue.removedNodes){if(ke.nodeType!==Node.ELEMENT_NODE)continue;let me=q(ke);if(me!=null){h(null),j.current=null,console.debug("[frigade] Tooltip: MutationObserver removed anchor: ",me);break}}}});return ce.observe(document.querySelector("body"),{childList:!0,subtree:!0}),()=>ce.disconnect()},[]),useEffect(()=>{let{scrollX:q,scrollY:ce}=window;D(x.left+q),V(x.top+ce);},[x.left,x.top]),f==null)return null;let le="0";typeof window!="undefined"&&(le=window.getComputedStyle(f).borderRadius);let Ne=tr({props:a,alignAttr:k,sideAttr:B});return jsxs(ee.Root,l(i({defaultOpen:!0},v),{children:[jsx(ee.Anchor,{virtualRef:j}),jsx(ee.Portal,{children:jsxs(Fragment,{children:[n&&jsx(y,i({animation:`${nr} 300ms ease-out`,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",part:"tooltip-spotlight",pointerEvents:"none",position:"absolute",style:{borderRadius:le,height:x.height,left:O,top:X,width:x.width}},a.zIndex!=null?{zIndex:a.zIndex}:{})),jsx(ee.Content,l(i({asChild:!0},F),{ref:g,children:jsxs(b,l(i({animation:`${nr} 300ms ease-out`,boxShadow:"md",position:"relative",className:t,maxWidth:"min(360px, calc(100vw - 25px))",part:["tooltip",S],pointerEvents:"auto",style:r},T),{children:[jsx(er,{style:Ne}),o]}))}))]})})]}))}N.Close=e=>jsx(ee.Close,{"aria-label":"Close",asChild:!0,children:jsx(I.Plain,l(i({css:{top:"0px",right:"-6px"},part:"close",position:"absolute"},e),{children:jsx(Pe,{height:"20",fill:"currentColor"})}))});N.Media=t=>{var n=t,{src:e}=n,o=m(n,["src"]);return e==null?null:jsx(de,i({aspectRatio:"2",borderRadius:"md md 0 0",borderWidth:"0",margin:"-5 -5 0",objectFit:"cover",overflowClipMargin:"unset",src:e,transform:"translate3d(0, 0, 1px)"},o))};N.Primary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Primary,i({title:o,onClick:e},t))};N.Progress=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({part:"progress"},o),{children:e}))};N.Secondary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Secondary,i({title:o,onClick:e},t))};N.Subtitle=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({part:"subtitle"},o),{children:e}))};N.Title=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.H4,l(i({part:"title"},o),{children:e}))};function ar(c){var u=c,{dismissible:e=!0,flow:o,onDismiss:t,onEscapeKeyDown:n,onPrimary:r,onSecondary:a,step:s}=u,d=m(u,["dismissible","flow","onDismiss","onEscapeKeyDown","onPrimary","onSecondary","step"]);var v,k,E,B,w,O;let{handleDismiss:g}=xe(o,{onDismiss:t}),{handlePrimary:f,handleSecondary:x}=ne(s,{onPrimary:r,onSecondary:a}),h=(v=s.props)!=null?v:{},F=(E=(k=s.primaryButton)==null?void 0:k.title)!=null?E:s.primaryButtonTitle,S=(w=(B=s.secondaryButton)==null?void 0:B.title)!=null?w:s.secondaryButtonTitle,T=s.$state.blocked;return jsxs(N,l(i(i({anchor:s.selector,collisionPadding:12,onOpenAutoFocus:D=>D.preventDefault(),onPointerDownOutside:D=>D.preventDefault(),onInteractOutside:D=>D.preventDefault()},d),h),{onEscapeKeyDown:D=>{typeof n=="function"&&n(D),D.defaultPrevented||g(D);},children:[e&&jsx(N.Close,{onClick:g}),jsx(N.Media,{src:(O=s.videoUri)!=null?O:s.imageUri,type:s.videoUri?"video":"image"}),jsxs(P.Column,{gap:1,part:"tooltip-header",children:[jsx(N.Title,{children:s.title}),jsx(N.Subtitle,{color:"neutral.400",children:s.subtitle})]}),jsxs(P.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[o.getNumberOfAvailableSteps()>1&&jsx(N.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getCurrentStepOrder()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(N.Secondary,{disabled:T,onClick:x,title:S}),jsx(N.Primary,{disabled:T,onClick:f,title:F})]})]}),s.id)}function Le(e,o=!0){let{currentModal:t,modals:n,setModals:r}=useContext(M),[a,s]=useState(!1);useEffect(()=>{o&&(e!=null&&e.isVisible)&&e&&!n.has(e.id)&&r(c=>new Set(c).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let c=t===(e==null?void 0:e.id);o&&(e==null?void 0:e.id)!=null&&c!==a&&s(c);},[e==null?void 0:e.id,t]);function d(){o&&n.has(e==null?void 0:e.id)&&r(c=>{let u=new Set(c);return u.delete(e==null?void 0:e.id),u});}return {isCurrentModal:a||!o,removeModal:d}}function Oo(a){var s=a,{flowId:e,onComplete:o,variables:t,part:n}=s,r=m(s,["flowId","onComplete","variables","part"]);let[d,c]=useState(!1),{flow:u}=ae(e,{variables:t}),{hasInitialized:g,registerComponent:f,unregisterComponent:x}=useContext(M);xe(u,{onComplete:o});let{isCurrentModal:h,removeModal:F}=Le(u);if(useEffect(()=>{!(u!=null&&u.isVisible)&&h&&F();},[u==null?void 0:u.isVisible,h]),useEffect(()=>()=>{x(e);},[]),u==null||u.isVisible===!1||!h||(f(e,()=>{d||c(!0);}),!g||!d))return null;let S=u.getCurrentStep();return S==null||S.start(),jsx(ar,i({"data-flow-id":u.id,flow:u,part:["tour",n],step:S},r))}function pr(e){var u,g,f;let{frigade:o}=useContext(M),[,t]=useState(!1),n,r=useCallback(x=>{o.getCollection(e).then(()=>{x();});let h=()=>{clearTimeout(n),n=setTimeout(()=>{t(F=>!F),x();},100);};return o.onStateChange(h),()=>{o.removeStateChangeHandler(h);}},[e]),a=useSyncExternalStore(r,()=>{let x;try{x=o.getCollectionSync(e);}catch(h){}return x},()=>{let x;try{x=o.getCollectionSync(e);}catch(h){}return x}),d=(f=((g=(u=a==null?void 0:a.flows)==null?void 0:u.map(x=>l(i({},x),{flow:o.getFlowSync(x.flowId)})))!=null?g:[]).find(({flow:x})=>x.isVisible))==null?void 0:f.flowId,{flow:c}=ae(d);return {collection:a,currentFlow:c}}function Io(n){var r=n,{collectionId:e,part:o}=r,t=m(r,["collectionId","part"]);var c,u,g;let a={ANNOUNCEMENT:Ho,BANNER:xo,CARD:b,CHECKLIST:Xe,EMBEDDED_TIP:b,FORM:Re,NPS_SURVEY:Ae,SURVEY:Ae,TOUR:Oo},{currentFlow:s}=pr(e),d=(u=a[(c=s==null?void 0:s.rawData)==null?void 0:c.flowType])!=null?u:null;return s==null||d==null?null:((g=s==null?void 0:s.rawData)==null?void 0:g.flowType)===FlowType.FORM?jsx(y,l(i({part:["collection",o],"data-collection-id":e},t),{children:jsx(Re,{flowId:s.id,as:H},s.id)})):jsx(y,l(i({part:["collection",o],"data-collection-id":e},t),{children:jsx(d,{flowId:s.id},s.id)}))}function Ve(){let{frigade:e}=useContext(M);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function dr(){let[e,o]=useState(),{frigade:t}=Ve();return useEffect(()=>{t.getCollections().then(n=>{n==null||n.forEach((r,a)=>{r.collectionType==="DEFAULT"&&o(a);});});},[]),e==null?null:jsx(Io,{as:null,collectionId:e})}var M=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{},hasInitialized:!1,registerComponent:()=>{},unregisterComponent:()=>{}});function cr(){let{frigade:e}=Ve();return useEffect(()=>{$(this,null,function*(){(yield e.getFlows()).forEach(t=>{t.steps.forEach(n=>{if(n.imageUri){let r=new Image;r.src=n.imageUri;}});});});},[]),null}function yr(s){var d=s,{children:e,css:o={},defaultCollection:t=!0,navigate:n,theme:r}=d,a=m(d,["children","css","defaultCollection","navigate","theme"]);let c=r?co(r):{},[u,g]=useState(new Set),f=useRef(new Map),x=useRef(),[h,F]=useState(!1),S=useMemo(()=>(F(!1),x.current=void 0,g(new Set),new Frigade(a.apiKey,{apiKey:a.apiKey,apiUrl:a.apiUrl,userId:a.userId,groupId:a.groupId,userProperties:a.userProperties,groupProperties:a.groupProperties,generateGuestId:a.generateGuestId,syncOnWindowUpdates:a.syncOnWindowUpdates,__readOnly:a.__readOnly,__flowStateOverrides:a.__flowStateOverrides})),[a.userId,a.groupId,a.apiKey]);useEffect(()=>{if(a.__flowStateOverrides){let w=S.getConfig();w.__flowStateOverrides=a.__flowStateOverrides,S.reload(w);}},[a.__flowStateOverrides]);function T(){let w=[...f.current.entries()].map(([O,D])=>[O,D.callback]);S.batchRegister(w),F(!0);}function v(w,O){if(x.current&&clearTimeout(x.current),h){f.current.has(w)?S.getFlow(w).then(D=>O(D.isVisible)):(S.getFlow(w).then(D=>D.register(O)),f.current.set(w,{callback:O}));return}f.current.has(w)||f.current.set(w,{callback:O}),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>T(),0);}function k(w){f.current.has(w)&&S.getFlow(w).then(O=>{f.current.delete(w),O==null||O.unregister();});}let E=n!=null?n:(w,O="_self")=>{window.open(w,O);};useEffect(()=>()=>{S.destroy();},[]);let B=u.size>0?u.values().next().value:null;return jsxs(M.Provider,{value:l(i({modals:u,setModals:g,currentModal:B,navigate:E},a),{frigade:S,registerComponent:v,unregisterComponent:k,hasInitialized:h}),children:[jsx(Global,{styles:{":root":i(i(i({},uo),c),o)}}),jsxs(ThemeProvider,{theme:R,children:[t&&jsx(dr,{}),e]}),a.preloadImages!==!1&&jsx(cr,{})]})}function ae(e,o){let{frigade:t}=useContext(M),[,n]=useState(!1),r=useCallback(s=>{t==null||t.getFlow(e).then(()=>{s();});let d=c=>{c.id===e&&setTimeout(()=>{n(u=>!u),s();},0);};return t==null||t.onStateChange(d),()=>{t.removeStateChangeHandler(d);}},[e]),a=useSyncExternalStore(r,()=>t==null?void 0:t.getFlowSync(e),()=>t==null?void 0:t.getFlowSync(e));return a!=null&&(o!=null&&o.variables)&&a.applyVariables(o.variables),{flow:a}}function U(u){var g=u,{as:e,children:o,flowId:t,onComplete:n,onDismiss:r,onPrimary:a,onSecondary:s,variables:d}=g,c=m(g,["as","children","flowId","onComplete","onDismiss","onPrimary","onSecondary","variables"]);var j,Ne;let{flow:f}=ae(t,{variables:d}),le=i(i({},(j=f==null?void 0:f.props)!=null?j:{}),c),{dismissible:x=!1,forceMount:h=!1,modal:F=!1}=le,S=m(le,["dismissible","forceMount","modal"]),T=f==null?void 0:f.getCurrentStep(),{handleDismiss:v}=xe(f,{onComplete:n,onDismiss:r}),{handlePrimary:k,handleSecondary:E}=ne(T,{onPrimary:a,onSecondary:s}),B=F||typeof e=="function"&&(e==null?void 0:e.displayName)==="Dialog"||[FlowType.ANNOUNCEMENT,FlowType.TOUR].includes((Ne=f==null?void 0:f.rawData)==null?void 0:Ne.flowType),{isCurrentModal:w,removeModal:O}=Le(f,B);useEffect(()=>{!(f!=null&&f.isVisible)&&w&&O();},[f==null?void 0:f.isVisible,w]);let D=h&&((f==null?void 0:f.isCompleted)||(f==null?void 0:f.isSkipped));if(!f||!D&&!w||!f.isVisible&&!D)return null;(D||!f.isCompleted&&!f.isSkipped)&&T.start();let X=e===null?Fragment$1:e!=null?e:y,V=l(i({},S),{"data-flow-id":f.id});return jsx(X,l(i({},e===null?{}:V),{children:o({flow:f,handleDismiss:v,handlePrimary:k,handleSecondary:E,parentProps:{dismissible:x,flowId:t,variables:d,containerProps:V},step:T})}))}function br(t){var n=t,{part:e}=n,o=m(n,["part"]);return jsx(U,l(i({as:b,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:["card",e]},o),{children:({handleDismiss:r,handlePrimary:a,handleSecondary:s,parentProps:{dismissible:d},step:c})=>{var f,x,h,F;let u=(x=(f=c.primaryButton)==null?void 0:f.title)!=null?x:c.primaryButtonTitle,g=(F=(h=c.secondaryButton)==null?void 0:h.title)!=null?F:c.secondaryButtonTitle;return jsxs(Fragment,{children:[jsx(b.Header,{dismissible:d,handleDismiss:r,subtitle:c.subtitle,title:c.title}),jsx(b.Media,{src:c.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(P.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(b.Secondary,{title:g,onClick:s}),jsx(b.Primary,{title:u,onClick:a})]})]})}}))}var b=yo.forwardRef((r,n)=>{var a=r,{children:e,flowId:o}=a,t=m(a,["children","flowId"]);var d;if(o!=null)return jsx(br,i({flowId:o},t));let s=(d=t.as)!=null?d:P.Column;return jsx(s,l(i({backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5},t),{ref:n,children:e}))});b.Dismiss=e=>jsx(I.Plain,l(i({part:"dismiss",padding:0},e),{children:jsx(Pe,{height:"20",fill:"currentColor"})}));b.Header=a=>{var s=a,{dismissible:e,handleDismiss:o,subtitle:t,title:n}=s,r=m(s,["dismissible","handleDismiss","subtitle","title"]);return jsxs(P.Row,l(i({alignItems:"flex-start",flexWrap:"wrap",gap:1,part:"card-header"},r),{children:[jsx(b.Title,{maxWidth:"calc(100% - 32px)",children:n}),e&&jsx(b.Dismiss,{onClick:o,marginLeft:"auto"}),jsx(b.Subtitle,{color:"neutral.400",flexBasis:"100%",children:t})]}))};b.Media=t=>{var n=t,{src:e}=n,o=m(n,["src"]);return e==null||(e==null?void 0:e.length)===0?null:jsx(de,i({borderRadius:"md",src:e},o))};b.Primary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null||(o==null?void 0:o.length)===0?null:jsx(I.Primary,i({title:o,onClick:e},t))};b.Secondary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null||(o==null?void 0:o.length)===0?null:jsx(I.Secondary,i({title:o,onClick:e},t))};b.Subtitle=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.Body2,l(i({display:"block",color:"neutral.400",part:"subtitle"},o),{children:e}))};b.Title=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return e==null?null:jsx(C.H4,l(i({display:"block",part:"title"},o),{children:e}))};var lo={content:["onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","onInteractOutside"],root:["defaultOpen","modal","onOpenChange","open"]};function Cr(e){let o=Object.fromEntries(lo.content.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),t=Object.fromEntries(lo.root.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),n={};for(let r of Object.keys(e))!lo.content.some(a=>a===r)&&!lo.root.some(a=>a===r)&&(n[r]=e[r]);return {contentProps:o,otherProps:n,rootProps:t}}var Zi=keyframes`
|
|
57
57
|
from {
|
|
58
58
|
opacity: 0;
|
|
59
59
|
}
|
|
@@ -63,7 +63,7 @@ var Vo=Object.defineProperty,Fr=Object.defineProperties;var vr=Object.getOwnProp
|
|
|
63
63
|
to {
|
|
64
64
|
opacity: 1;
|
|
65
65
|
}
|
|
66
|
-
`;function H(
|
|
66
|
+
`;function H(r){var a=r,{children:e,className:o,modal:t=!0}=a,n=m(a,["children","className","modal"]);let{rootProps:s,contentProps:d,otherProps:g}=Cr(n),f=g,{zIndex:c}=f,u=m(f,["zIndex"]);return jsx(G.Root,l(i({defaultOpen:!0,modal:t},s),{children:jsx(G.Portal,{children:jsxs(y,{animation:`${Zi} 300ms ease-out`,className:o,display:"grid",inset:"0",padding:"6",part:"dialog-wrapper",pointerEvents:"none",position:"fixed",zIndex:c!=null?c:10,children:[jsx(G.Overlay,{asChild:!0,children:jsx(y,{background:"rgb(0 0 0 / 0.5)",inset:"0",part:"dialog-overlay",position:"absolute"})}),jsx(G.Content,l(i({asChild:!0,onOpenAutoFocus:x=>x.preventDefault(),onPointerDownOutside:x=>x.preventDefault(),onInteractOutside:x=>x.preventDefault()},d),{children:jsx(b,l(i({alignSelf:"center",boxShadow:"md",justifySelf:"center",maxHeight:"100%",maxWidth:"430px",overflowY:"auto",padding:8,part:"dialog",pointerEvents:"auto",position:"relative"},u),{children:e}))}))]})})}))}H.Dismiss=e=>jsx(G.Close,{"aria-label":"Close",asChild:!0,children:jsx(I.Plain,l(i({part:"close",position:"absolute",right:"2px",top:"2px"},e),{children:jsx(Pe,{height:"20",fill:"currentColor"})}))});H.Subtitle=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return jsx(G.Description,{asChild:!0,children:jsx(C.Body2,l(i({part:"subtitle"},o),{children:e}))})};H.Media=t=>{var n=t,{src:e}=n,o=m(n,["src"]);return e==null?null:jsx(de,i({borderRadius:"md",src:e},o))};H.Primary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Primary,i({title:o,onClick:e},t))};H.ProgressDots=({current:e,total:o})=>{if(o==1)return null;let t=[...Array(o)].map((n,r)=>jsx(y,{as:"circle",r:4,cx:4+16*r,cy:"4px",fill:e===r?R.colors.primary.surface:R.colors.neutral[700],part:e===r?"progress-dot-selected":"progress-dot"},r));return jsx(y,{as:"svg",height:"8px",marginInline:"auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};H.Secondary=n=>{var r=n,{onClick:e,title:o}=r,t=m(r,["onClick","title"]);return o==null?null:jsx(I.Secondary,i({title:o,onClick:e},t))};H.Title=t=>{var n=t,{children:e}=n,o=m(n,["children"]);return jsx(G.Title,{asChild:!0,children:jsx(C.H4,l(i({part:"title"},o),{children:e}))})};H.displayName="Dialog";var Sr=["dismissible","flowId","forceMount","onComplete","onDismiss","onPrimary","onSecondary","variables"];function Ho(n){var r=n,{flowId:e,part:o}=r,t=m(r,["flowId","part"]);let a=Object.fromEntries(Object.entries(t).filter(([d])=>Sr.some(c=>d===c))),s=Object.fromEntries(Object.entries(t).filter(([d])=>Sr.indexOf(d)===-1));return jsx(U,l(i({as:null,flowId:e},a),{children:({flow:d,handleDismiss:c,handlePrimary:u,handleSecondary:g,parentProps:{containerProps:f,dismissible:x},step:h})=>{var k,E,B,w,O,D;let F=(k=h.props)!=null?k:{},S=(B=(E=h.primaryButton)==null?void 0:E.title)!=null?B:h.primaryButtonTitle,T=(O=(w=h.secondaryButton)==null?void 0:w.title)!=null?O:h.secondaryButtonTitle,v=h.$state.blocked;return jsx(H,l(i(i({part:["announcement",o],textAlign:"center"},f),s),{onEscapeKeyDown:X=>{if(t.dismissible===!1){X.preventDefault();return}typeof t.onEscapeKeyDown=="function"&&t.onEscapeKeyDown(X),X.defaultPrevented||c(X);},children:jsxs(P.Column,l(i({gap:5,part:"announcement-step"},F),{children:[x&&jsx(H.Dismiss,{onClick:c}),jsxs(P.Column,{gap:1,part:"announcement-header",children:[jsx(H.Title,{children:h.title}),jsx(H.Subtitle,{children:h.subtitle})]}),jsx(H.Media,{aspectRatio:"1.5",objectFit:"cover",overflowClipMargin:"unset",src:(D=h.videoUri)!=null?D:h.imageUri,transform:"translate3d(0, 0, 1px)",type:h.videoUri?"video":"image",width:"100%"}),jsx(H.ProgressDots,{current:d.getCurrentStepIndex(),total:d.getNumberOfAvailableSteps()}),jsxs(P.Row,{css:{"& > button":{flexBasis:"50%",flexGrow:1}},gap:3,part:"announcement-footer",children:[T&&jsx(H.Secondary,{disabled:v,onClick:g,title:T}),S&&jsx(H.Primary,{disabled:v,onClick:u,title:S})]})]}))}))}}))}function oa(){let{userId:e,frigade:o}=useContext(M);function t(r){return $(this,null,function*(){yield o.identify(e,r);})}function n(r,a){return $(this,null,function*(){yield o.track(r,a);})}return {userId:e,addProperties:t,track:n}}function ra(){var r;let{frigade:e}=useContext(M);function o(a){return $(this,null,function*(){if(!e.config.groupId){console.error("No Group ID is set. Cannot set properties without a Group ID.");return}yield e.group(e.config.groupId,a);})}function t(a,s){return $(this,null,function*(){yield e.track(a,s);})}function n(a,s){return $(this,null,function*(){yield e.group(a,s);})}return {groupId:(r=e==null?void 0:e.config)==null?void 0:r.groupId,setGroupId:n,addProperties:o,track:t}}
|
|
67
67
|
|
|
68
68
|
export { Ho as Announcement, xo as Banner, Q as BaseField, y as Box, I as Button, b as Card, qe as Checklist, Io as Collection, H as Dialog, P as Flex, U as Flow, Re as Form, ro as Image, wo as Label, de as Media, Oe as Progress, yr as Provider, vo as RadioField, To as SelectField, oo as Survey, C as Text, Bo as TextField, Ro as TextareaField, N as Tooltip, Oo as Tour, no as Video, uo as themeVariables, Ge as tokens, to as useBoundingClientRect, ae as useFlow, xe as useFlowHandlers, Ve as useFrigade, ra as useGroup, Le as useModal, ne as useStepHandlers, oa as useUser };
|
|
69
69
|
//# sourceMappingURL=out.js.map
|