diff --git a/layout-06228380a5692bcf.js.download b/layout-06228380a5692bcf.js.download new file mode 100644 index 00000000000..5234a07fd35 --- /dev/null +++ b/layout-06228380a5692bcf.js.download @@ -0,0 +1,3141 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3185],{57208:function(g,m,b){"use strict";b.d(m,{O:function(){return AvatarWithTooltip}});var v=b(46056),C=b(714),w=b(92443),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let AvatarWithTooltip=g=>{var{position:m}=g,b=__rest(g,["position"]);let[x="",...k]=b.name.split(/\s+/),S=k.pop()||"",O=S?`${S.slice(0,1)}.`:"",T=`${x} ${O}`.trim();return v.createElement(C.p,{content:T,position:m},({childProps:g})=>v.createElement(w.q,Object.assign({},g,b,{isBlock:!0})))}},17712:function(g,m,b){"use strict";b.d(m,{C:function(){return Badge}});var v=b(8536),C=b(36903),w=b(73831),x=b(45752),k=b(57808);let S=(0,C.B)("Badge",{root:v.iv` + display: inline-flex; + align-items: center; + justify-content: center; + text-align: center; + height: 26px; + padding: 3px 8px; + font-size: 14px; + line-height: 20px; + font-weight: 700; + ${x.ZT.base}; + + border-radius: 100px; + ${x.ZT.smallPrint1Bold}; + + &[data-color='gray'] { + background-color: ${k.w.neutral700}; + color: ${k.w.neutral100}; + } + + &[data-color='white'] { + background-color: ${k.w.neutral100}; + color: ${k.w.neutral800}; + } + + &[data-color='info'] { + background-color: ${k.w.blue10}; + color: ${k.w.neutral800}; + } + + &[data-color='info-bold'] { + background-color: ${k.w.blue}; + color: ${k.w.neutral100}; + } + + &[data-color='success'] { + background-color: ${k.w.success100}; + color: ${k.w.neutral800}; + } + + &[data-color='warning'] { + background-color: ${k.w.warning100}; + color: ${k.w.neutral800}; + } + + &[data-color='error'] { + background-color: ${k.w.error100}; + color: ${k.w.neutral800}; + } + + &[data-color='error-bold'] { + background-color: ${k.w.error400}; + color: ${k.w.neutral100}; + } + `}),Badge=({color:g="gray",children:m})=>(0,w.U)("span",{css:S.root,"data-color":g},m)},15721:function(g,m,b){"use strict";b.d(m,{g:function(){return SkeletonLoader}});var v=b(36903),C=b(73831);let w=(0,v.B)("SkeletonLoader",{root:{display:"block",overflow:"hidden"}}),SkeletonLoader=g=>(0,C.U)("div",{css:w.root},g.children)},34244:function(g,m,b){"use strict";b.d(m,{S:function(){return TagLabel}});var v=b(73831),C=b(57808),w=b(45752),x=b(36903),k=b(8536),S=b(52879),O=b(36721);(0,S.l7)([O.Z]);let T=(0,x.B)("TagLabel",{root:(g,m)=>k.iv` + display: inline-flex; + align-items: center; + justify-content: center; + text-align: center; + border-radius: 30px; + ${w.ZT.smallPrint1Bold}; + + color: ${m}; + background-color: ${g}; + + &[data-size='small'] { + height: auto; + padding: 0 8px; + } + + &[data-size='medium'] { + height: auto; + padding: 3px 8px; + } + `}),P=["gray","white","info","success","warning","error","peach","neutral300","bolt","cream","success500","lavender"],TagLabel=({children:g,color:m="gray",size:b="medium",className:w})=>{let x=C.w.neutral700,k=C.w.neutral100;if(P.find(g=>g===m))switch(m){case"gray":x=C.w.neutral700,k=C.w.neutral100;break;case"white":x=C.w.neutral100,k=C.w.neutral800;break;case"info":x=C.w.blue10,k=C.w.neutral800;break;case"success":x=C.w.success100,k=C.w.neutral800;break;case"warning":x=C.w.warning100,k=C.w.neutral800;break;case"error":x=C.w.error100,k=C.w.neutral800;break;case"peach":x=C.w.peach,k=C.w.neutral800;break;case"neutral300":x=C.w.neutral300,k=C.w.neutral800;break;case"bolt":x=C.w.bolt,k=C.w.neutral800;break;case"cream":x=C.w.cream,k=C.w.neutral800;break;case"success500":x=C.w.success500,k=C.w.neutral100;break;case"lavender":x=C.w.lavender,k=C.w.neutral800}else{x=C.w[m];let g=(0,S.Vi)(x).contrast(C.w.neutral100),b=(0,S.Vi)(x).contrast(C.w.neutral800);k=g>b?C.w.neutral100:C.w.neutral800}return(0,v.U)("span",{css:T.root(x,k),"data-size":b,className:w},g)}},92387:function(g,m,b){"use strict";b.d(m,{A:function(){return FloatingMenu}});var v=b(93581),C=b(45752),w=b(57808),x=b(36903),k=b(13957),S=b(73831),O=b(8536);let T=(0,x.B)("FloatingMenu",{list:({visibleItems:g})=>[{maxHeight:((g||0)+.5)*40+10,overflow:"auto",padding:10}],menuItem:({isDisabled:g,isHighlighted:m})=>[Object.assign(Object.assign({},C.ZT.paragraph3Medium),{alignItems:"center",borderRadius:3,cursor:"pointer",display:"flex",height:40,padding:"0 10px",color:w.w.neutral700}),g&&(0,k.Q)("disabled",Object.assign(Object.assign({},C.ZT.paragraph3Medium),{color:w.w.neutral500})),m&&(0,k.Q)("enabled-highlighted",Object.assign(Object.assign({},C.ZT.paragraph3Medium),{backgroundColor:w.w.blue10,color:w.w.blue}))],menuItemIcon:(0,O.iv)({display:"flex",alignItems:"center",justifyContent:"center",marginRight:10}),menuItemText:(0,O.iv)({flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})}),FloatingMenu=g=>{let m=Object.assign({align:"stretch",visibleItems:4},g),{align:b,ariaLabel:C,getItemProps:w,getKeyForItem:x,getLabelForItem:k,getMenuProps:O,highlightedIndex:P,items:U,maxWidth:M,minWidth:L}=m;return(0,S.U)(v.f,{align:b,maxWidth:M,minWidth:L},(0,S.U)("ul",Object.assign({css:T.list(m)},O({"aria-label":C})),U.map((g,b)=>(0,S.U)("li",Object.assign({},w({item:g,disabled:g.disabled}),{css:T.menuItem({isDisabled:g.disabled,isHighlighted:P===b}),key:x?x(g):b}),m.renderIcon&&(0,S.U)("span",{css:T.menuItemIcon},m.renderIcon(g,m.getLabelForItem)),(0,S.U)("span",{css:T.menuItemText},k(g))))))}},68560:function(g,m,b){"use strict";b.d(m,{Z:function(){return B}});var v=b(85235),C=b(46056),w=b(92387),x=b(36903),k=b(73831),S=b(8536),O=b(33016),T=b(92625),P=b(96897),U=b(34053),M=b(57808),L=b(53202),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let D=(0,x.B)("TypeaheadInput",{clearSelectionButton:S.iv` + align-items: center; + cursor: pointer; + display: flex; + height: 100%; + justify-content: center; + width: 100%; + + &:hover, + &:focus { + color: ${M.w.neutral600}; + transition: ${L.f.transitionValue}; + } + `}),ClearSelectionButton=({clearSelection:g})=>(0,k.U)("button",{type:"button",css:D.clearSelectionButton,onClick:g,title:"Clear Selection"},(0,k.U)(O.J,{canAcceptPointerEvents:!1,name:"x",size:20})),InputIcon=g=>g.renderIcon&&g.selectedItem?g.renderIcon(g.selectedItem,g.getLabelForItem):(0,k.U)(O.J,{name:"magnifyingGlass",size:g.iconSize}),TypeaheadInput=g=>{var{size:m="small"}=g,b=__rest(g,["size"]);let v=b.selectedItem&&!b.isDisabled;return(0,k.U)(P.o,Object.assign({},(0,U.j)(b.getInputProps({ariaLabelledBy:b.ariaLabelledBy,autoComplete:b.autoComplete,onFocus:b.onFocus,onKeyDown:b.onKeyDown})),{ariaLabel:b.ariaLabel,autoComplete:"off",canClickIconAfter:v,disabledText:b.disabledText,isDisabled:b.isDisabled,isErrored:b.isErrored,placeholder:b.placeholder,onBlur:b.onBlur,renderIconAfter:({iconSize:g,isFocused:m,isHovered:C})=>v?(0,k.U)(ClearSelectionButton,{clearSelection:b.clearSelection,isFocused:m,isHovered:C}):b.iconEndName&&(0,k.U)(O.J,{name:b.iconEndName,size:g}),renderIconBefore:({iconSize:g})=>b.isBusy?(0,k.U)("span",{style:{width:g}},(0,k.U)(T.$,null)):(0,k.U)(InputIcon,Object.assign({},b,{iconSize:g})),size:m}))};var Typeahead_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let dedupeAndTrimWhitespace=g=>g.replace(/(\s+)/g," ").trim(),$=(0,x.B)("Typeahead",{root:()=>[{position:"relative"}]});let Typeahead=class Typeahead extends C.Component{constructor(){super(...arguments),this.itemToString=g=>g?this.props.getLabelForItem(g):"",this.stateReducer=(g,m)=>this.props.keepInputValueOnBlur&&(m.type===v.ZP.stateChangeTypes.blurInput||m.type===v.ZP.stateChangeTypes.mouseUp)?Object.assign(Object.assign({},m),{inputValue:g.inputValue}):m}render(){let{props:g}=this;return(0,k.U)(v.ZP,{id:g.id,initialSelectedItem:g.selectedItem||g.initialSelectedItem,inputId:g.inputId,inputValue:g.inputValue,itemToString:this.itemToString,labelId:g.labelId,onChange:g.onChange,onInputValueChange:g.onInputValueChange,selectedItem:g.selectedItem,stateReducer:this.stateReducer},({clearSelection:m,getInputProps:b,getItemProps:v,getMenuProps:C,getRootProps:w,highlightedIndex:x,inputId:S,inputValue:O,isOpen:T,openMenu:P,selectedItem:U})=>{g.setClearSelection&&g.setClearSelection(m);let M=g.labelId||null,L=w({"aria-labelledby":M,refKey:"innerRef"}),{innerRef:D}=L,B=Typeahead_rest(L,["innerRef"]),F=g.filterItems(O,g.items,g.getLabelForItem,g.showEmptyList||!1),I=T&&F.length>0,E=g.showErrorOnNoResults&&O&&0===F.length||g.isErrored;return(0,k.U)("div",Object.assign({},B,{css:$.root(),ref:D}),(0,k.U)(TypeaheadInput,{ariaLabel:g.ariaLabel,ariaLabelledBy:M,autoComplete:g.autoComplete,clearSelection:m,disabledText:g.disabledText,getInputProps:b,getLabelForItem:g.getLabelForItem,iconEndName:g.iconEndName,inputValue:O,isBusy:g.isBusy,isDisabled:g.isDisabled,isErrored:!!E,onFocus:g.openOnFocus?P:void 0,onKeyDown:g.onKeyDown,placeholder:g.placeholder,renderIcon:g.renderIcon,selectedItem:U,size:g.size,onBlur:g.onBlur}),I&&g.renderFloatingMenu({ariaLabel:g.menuAriaLabel,getItemProps:v,getKeyForItem:g.getKeyForItem,getLabelForItem:g.getLabelForItem,getMenuProps:C,highlightedIndex:x,items:F,renderIcon:g.renderIcon}))})}};Typeahead.defaultProps={filterItems:(g,m,b,v=!1)=>{if(v||!g)return m;let C=g.toLowerCase();return m.filter(g=>b(g).toLowerCase().includes(dedupeAndTrimWhitespace(C)))},isDisabled:!1,openOnFocus:!1,renderFloatingMenu:g=>(0,k.U)(w.A,Object.assign({},g)),showEmptyList:!1,showErrorOnNoResults:!1};var B=Typeahead},97545:function(g,m,b){"use strict";b.d(m,{r:function(){return Grid}});var v=b(8536),C=b(36903),w=b(73831);let isNumber=g=>"number"==typeof g,x=(0,C.B)("Grid",{root:g=>(0,v.iv)({display:"grid",alignItems:g.alignItems,gap:g.gap,gridTemplateColumns:isNumber(g.columns)?`repeat(${g.columns}, 1fr)`:g.columns})}),Grid=g=>(0,w.U)("div",{css:x.root(g)},g.children)},30421:function(g,m,b){"use strict";b.d(m,{h:function(){return BrandButton}});var v=b(73831),C=b(64061),w=b(75306),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};function BrandButton(g){var{color:m="brand",size:b="small"}=g,x=__rest(g,["color","size"]);return"brand-nav"===m?(0,v.U)(C.Y,{color:"brand-nav",iconBefore:x.iconBefore||"formAdd",size:"medium"},(0,v.U)(w.T,null,x.children||"Create a Zap")):(0,v.U)(C.Y,Object.assign({color:m,size:b},x))}},49450:function(g,m,b){"use strict";b.d(m,{h:function(){return ButtonGroup}});var v=b(8536),C=b(36903),w=b(73831);let x=(0,C.B)("ButtonGroup",{root:g=>v.iv` + max-width: ${g}; + `,inner:(g,m)=>v.iv` + display: grid; + gap: 10px 20px; + justify-content: ${g}; + grid-template-columns: repeat(auto-fit, ${m}); + `}),ButtonGroup=({children:g,columnSize:m="minmax(0, 1fr)",justify:b="start",maxWidth:v="initial"})=>(0,w.U)("div",{css:x.root(v)},(0,w.U)("div",{css:x.inner(b,m)},g))},90923:function(g,m,b){"use strict";b.d(m,{N:function(){return DarkBackgroundButton}});var v=b(73831),C=b(64061),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let w={primary:"primary-dark",secondary:"secondary-dark"};function DarkBackgroundButton(g){var{size:m="small",color:b="primary"}=g,x=__rest(g,["size","color"]);return(0,v.U)(C.Y,Object.assign({color:w[b],size:m},x))}},96520:function(g,m,b){"use strict";b.d(m,{C:function(){return DarkBackgroundIconButton}});var v=b(73831),C=b(90652),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let w={"icon-primary":"icon-primary-dark","icon-secondary":"icon-secondary-dark"};function DarkBackgroundIconButton(g){var{color:m="icon-primary"}=g,b=__rest(g,["color"]);return(0,v.U)(C.H,Object.assign({color:w[m],size:"small"},b))}},98470:function(g,m,b){"use strict";b.d(m,{r:function(){return ServiceIcons}});var v=b(8536),C=b(36903),w=b(73831),x=b(62216),k=b(728),S=b(45752),O=b(57808),T=b(28609);let fontSizeMapping=(g,m)=>{switch(g){case 20:return 10;case 30:return m>9?12:16;case 40:return m>9?16:18;case 60:return m>9?18:24;case 80:return 32;case 120:return 48;case 150:return 60;default:return 16}},P={20:S.ZT.paragraph3Bold,30:S.ZT.paragraph3Bold,40:S.ZT.paragraph1Bold,60:S.ZT.subHeader1Bold,80:S.ZT.subHeader1Bold,120:S.ZT.subHeader1Bold,150:S.ZT.subHeader1Bold},U=(0,C.B)("ServiceIconNumeric",{number:(g,m)=>Object.assign(Object.assign({},P[m]),{fontSize:g,color:O.w.neutral800,textIndent:-2})}),ServiceIconNumeric=g=>{let{size:m,hasBorder:b=!0,hasWhiteBackground:v}=g,C=`Plus ${g.number} more apps.`,x=fontSizeMapping(m,g.number),k=g.number>99?"99+":`+${g.number}`;return(0,w.U)(T.e,{size:m,hasBorder:b,hasWhiteBackground:v},(0,w.U)("span",{"aria-label":C,css:U.number(x,m),role:"img"},(0,w.U)("span",{"aria-hidden":"true"},k)))},M=(0,C.B)("ServiceIcons",{root:g=>v.iv` + display: inline-grid; + user-select: none; + grid-gap: ${g}px; + grid-auto-flow: column; + `}),ServiceIcons=({ariaLabel:g,hasBorder:m=!0,hasWhiteBackground:b=!1,maxServices:v=6,renderServiceIcon:C,services:S,size:O=40})=>{let T={ariaLabel:g,hasBorder:m,services:S,hasWhiteBackground:b,maxServices:v,renderServiceIcon:C,size:O},{spacing:P}=k.G[O],U=g||`${S.length} apps mentioned`,L=S.length>v,D=L?S.length-v+1:0,$=L?v-1:S.length,B=[];1===$?B=[S[0]]:$>=2&&(B=[...S.slice(0,$-1),S[S.length-1]]);let F=B.map((g,v)=>(0,w.U)("li",{key:v},C?C(g,T):(0,w.U)(x.A,{hasBorder:m,hasWhiteBackground:b,serviceName:g.name,size:O,src:g.src})));if(L){let g=(0,w.U)("li",{key:`remainder-${D}`},(0,w.U)(ServiceIconNumeric,{size:O,number:D,hasBorder:m,hasWhiteBackground:b}));v>2?F.splice(-1,0,g):F.push(g)}return(0,w.U)("ul",{"aria-label":U,css:M.root(P)},F)}},7559:function(g,m,b){"use strict";b.r(m),b.d(m,{Accordion:function(){return Accordion},Alert:function(){return es.b},AlertDescription:function(){return ec.X},Animation:function(){return N.f},AppStatus:function(){return $},Article:function(){return Article},ArticleDate:function(){return ArticleDate},ArticleMeta:function(){return ArticleMeta},ArticleReadTime:function(){return ArticleReadTime},AutoTabs:function(){return AutoTabs},Avatar:function(){return ef.q},AvatarGroup:function(){return AvatarGroup},AvatarText:function(){return AvatarText},AvatarWithTooltip:function(){return eC.O},AvatarsWithText:function(){return AvatarsWithText},BackButton:function(){return BackButton},Badge:function(){return ek.C},Block:function(){return Block},BlockGrid:function(){return BlockGrid},BooleanInput:function(){return BooleanInput},BrandButton:function(){return tC.h},Breadcrumbs:function(){return Breadcrumbs},Button:function(){return er.z},ButtonGroup:function(){return ro.h},ButtonNav:function(){return ButtonNav},CTACentered:function(){return CTACentered},CTAFilled:function(){return CTAFilled},CTAStandard:function(){return CTAStandard},Carousel:function(){return Carousel},Checkbox:function(){return Checkbox},Colors:function(){return R.w},ContentSection:function(){return ContentSection},CopyTextInput:function(){return CopyTextInput},DarkBackgroundButton:function(){return tw.N},DarkBackgroundIconButton:function(){return rr.C},DateRangePicker:function(){return DateRangePicker},DesignSystemProvider:function(){return F.h},DisclaimerText:function(){return DisclaimerText},Drawer:function(){return Drawer},Dropdown:function(){return Dropdown},FAQ:function(){return FAQ},Field:function(){return to.g},FloatingBox:function(){return e$.f},FloatingMenu:function(){return tt.A},FormLabel:function(){return eY.l},FormLabelRequiredText:function(){return ta.Q},GlobalStylesProvider:function(){return GlobalStylesProvider},Grid:function(){return tm.r},GridConstants:function(){return tb},Header:function(){return Header},Heading:function(){return Heading},HeadingLevel:function(){return HeadingLevel},HeadingLevelProvider:function(){return HeadingLevelProvider},HeroColorBlock:function(){return HeroColorBlock},HeroFeatures:function(){return HeroFeatures},HeroStandard:function(){return HeroStandard},Icon:function(){return en.J},IconButton:function(){return eU.h},Img:function(){return eg.E},Indicator:function(){return Indicator},Input:function(){return e4.I},InteractiveTag:function(){return rd},InteractiveTags:function(){return InteractiveTags},LabeledBooleanInput:function(){return LabeledBooleanInput},LabeledCheckbox:function(){return LabeledCheckbox},LabeledRadio:function(){return LabeledRadio},Link:function(){return em.r},LoadMoreBar:function(){return LoadMoreBar},LoadableImg:function(){return LoadableImg},LogoBar:function(){return LogoBar},Margin:function(){return Margin},Menu:function(){return ti.v},MenuItem:function(){return tl.s},Modal:function(){return eE.u},ModalContent:function(){return eH.hz},ModalContentBody:function(){return eH.nS},ModalContentFooter:function(){return eH.bT},ModalContentHeader:function(){return eH.dE},ModalMediaContent:function(){return ModalMediaContent},NumberButton:function(){return NumberButton},OneColumnBlock:function(){return OneColumnBlock},PLATFORM_COOKIE:function(){return j},PageNavigation:function(){return PageNavigation},Paginator:function(){return Paginator},PaginatorStateful:function(){return PaginatorStateful},PlayerError:function(){return M},PlayerState:function(){return U},PolicyModal:function(){return PolicyModal},PolicyPendingCheck:function(){return PolicyPendingCheck},ProgressBar:function(){return ProgressBar},REBRAND_COOKIE:function(){return A},Radio:function(){return Radio},ScrollSnap:function(){return ScrollSnap},ServiceDropdown:function(){return ServiceDropdown},ServiceIcon:function(){return nq.A},ServiceIconShell:function(){return nY.e},ServiceIcons:function(){return nG.r},ServiceTypeahead:function(){return ServiceTypeahead},Shadows:function(){return W.f},SkeletonBlock:function(){return eF.q},SkeletonLoader:function(){return ej.g},SkeletonText:function(){return eN.N},Spacer:function(){return ty.L},Spinner:function(){return eZ.$},SubscriptionForm:function(){return SubscriptionForm},SubscriptionFormWithDisclaimer:function(){return SubscriptionFormWithDisclaimer},Surface:function(){return eR.T},TabbedDrawer:function(){return TabbedDrawer},Table:function(){return Table},TableBody:function(){return TableBody},TableCaption:function(){return TableCaption},TableFoot:function(){return TableFoot},TableHead:function(){return TableHead},TableHeadHeading:function(){return TableHeadHeading},TableHeadSortButton:function(){return TableHeadSortButton},TableRow:function(){return TableRow},TableTd:function(){return TableTd},TableTh:function(){return TableTh},TableTitle:function(){return TableTitle},TableTitleArea:function(){return TableTitleArea},Tabs:function(){return Tabs},TagLabel:function(){return eW.S},TestimonialCarousel:function(){return TestimonialCarousel},TestimonialMultipleColumn:function(){return TestimonialMultipleColumn},TestimonialSolo:function(){return TestimonialSolo},Text:function(){return eV.x},TextInput:function(){return eX.o},ToggleSwitch:function(){return ts.Z},Toolbar:function(){return Toolbar},Tooltip:function(){return eq.u},TooltipPositionStyles:function(){return eq.S},TooltipWrapper:function(){return ew.p},Topbar:function(){return Topbar},TwoColumnRiver:function(){return TwoColumnRiver},Typeahead:function(){return tc.Z},Typography:function(){return V.ZT},VisuallyHidden:function(){return r$.T},YouTubeVideo:function(){return YouTubeVideo},ZapCard:function(){return ZapCard},ZapCardDetails:function(){return ZapCardDetails},ZapCardDetailsHtml:function(){return ZapCardDetailsHtml},ZapCardSection:function(){return ZapCardSection},ZapierLogo:function(){return oh.m},ZapierLogoSymbol:function(){return ZapierLogoSymbol},Zindexes:function(){return K.C},ZinniaFonts:function(){return ZinniaFonts},camelCaseAriaAttrs:function(){return X.j},createUniqueCustomProperties:function(){return ee.F},createUniqueCustomProperty:function(){return ee.w},iconNames:function(){return eB},kebabCaseAriaAttrs:function(){return X.v},useClickOutside:function(){return G.O},useCopyToClipboard:function(){return Y.m},useDesignSystem:function(){return F.P},useDimensions:function(){return Q.B},useHeadingLevel:function(){return useHeadingLevel},useIntersect:function(){return J.U},useTheme:function(){return useTheme},useZdsColor:function(){return useZdsColor}});var v,C,w,x,k,S,O,T,P,U,M,L,D,$,B,F=b(85196),I=b(8536),E=b(46056);let H=I.iv` + :root { + // Brand colors + --zds-colors-zapier: #ff4f00; + --zds-colors-earth: #31201f; + --zds-colors-moss: #1a4a4c; + --zds-colors-night: #2c3266; + --zds-colors-lavender: #c1b7ff; + --zds-colors-peach: #ffe7d1; + --zds-colors-bolt: #fdff9f; + --zds-colors-sky: #9ddef3; + --zds-colors-cream: #fff3e6; + + /* Blues */ + --zds-colors-blue-jeans: #3d4592; + --zds-colors-bluebell: #5e71c7; + --zds-colors-periwinkle: #90a1ed; + --zds-colors-lilac: #b2bce9; + --zds-colors-hydrangea: #d2d8f3; + --zds-colors-acid-wash: #f0f1fa; + + /* Error */ + --zds-colors-error-500: #b83519; + --zds-colors-error-400: #ce482d; + --zds-colors-error-300: #e87057; + --zds-colors-error-200: #feb7a8; + --zds-colors-error-100: #fadfd9; + + /* Warning */ + --zds-colors-warning-500: #dfb900; + --zds-colors-warning-400: #ffd300; + --zds-colors-warning-300: #f8df68; + --zds-colors-warning-200: #fcec9f; + --zds-colors-warning-100: #fff4bc; + + /* Success */ + --zds-colors-success-500: #086f3d; + --zds-colors-success-400: #0f884e; + --zds-colors-success-300: #36a770; + --zds-colors-success-200: #ade2c8; + --zds-colors-success-100: #def3e9; + + /* Neutrals */ + --zds-colors-neutral-800: #2d2e2e; + --zds-colors-neutral-700: #403f3e; + --zds-colors-neutral-600: #95928e; + --zds-colors-neutral-500: #a8a5a0; + --zds-colors-neutral-400: #d7d5d2; + --zds-colors-neutral-300: #e8e7e4; + --zds-colors-neutral-200: #f7f5f2; + --zds-colors-neutral-100: #fffdf9; + + /* Typography */ + /* heading and base are the same for now, but will be different with Phase 2 */ + --zds-typography-base: 'Inter', sans-serif; + --zds-typography-heading: 'Inter', sans-serif; + --zds-typography-large-letter-spacing: -2px; + --zds-typography-medium-letter-spacing: -1px; + --zds-typography-small-letter-spacing: normal; + --zds-typography-pageheader-weight: 500; + --zds-typography-pageheader1-fontsize: 72px; + --zds-typography-pageheader1-lineheight: 76px; + --zds-typography-pageheader3-fontsize: 56px; + --zds-typography-pageheader3-lineheight: 64px; + --zds-typography-pageheader5-lineheight: 48px; + --zds-typography-pageheader7-lineheight: 40px; + --zds-typography-pageheader9-lineheight: 32px; + --zds-typography-paragraph1short-lineheight: 24px; + --zds-typography-paragraph3-lineheight: 24px; + } +`,_=I.iv` + @font-face { + font-family: Degular Display; + src: url('https://fonts.zapier.com/Degular/Degular_Display-Bold.woff2') + format('woff2'); + font-display: swap; + font-weight: 700; + } + @font-face { + font-family: Degular; + src: url('https://fonts.zapier.com/Degular/DegularDisplay-Medium.woff2') + format('woff2'); + font-display: swap; + font-weight: 500; + } + @font-face { + font-family: Degular; + src: url('https://fonts.zapier.com/Degular/DegularDisplay-Semibold.woff2') + format('woff2'); + font-display: swap; + font-weight: 600; + } + :root { + // Brand colors + --zds-colors-zapier: #ff4f00; + --zds-colors-earth: #201515; + --zds-colors-moss: #1f3121; + --zds-colors-night: #2b2358; + --zds-colors-lavender: #c1b7ff; + --zds-colors-peach: #ffbf63; + --zds-colors-bolt: #f6ffdb; + --zds-colors-sky: #cde4e1; + --zds-colors-cream: #fff3e6; + + /* Blues */ + --zds-colors-blue-jeans: #3d4592; + --zds-colors-bluebell: #5e71c7; + --zds-colors-periwinkle: #90a1ed; + --zds-colors-lilac: #b2bce9; + --zds-colors-hydrangea: #d2d8f3; + --zds-colors-acid-wash: #f0f1fa; + + /* Error */ + --zds-colors-error-500: #b83519; + --zds-colors-error-400: #ce482d; + --zds-colors-error-300: #e87057; + --zds-colors-error-200: #feb7a8; + --zds-colors-error-100: #fadfd9; + + /* Warning */ + --zds-colors-warning-500: #dfb900; + --zds-colors-warning-400: #ffd300; + --zds-colors-warning-300: #f8df68; + --zds-colors-warning-200: #fcec9f; + --zds-colors-warning-100: #fff4bc; + + /* Success */ + --zds-colors-success-500: #086f3d; + --zds-colors-success-400: #0f884e; + --zds-colors-success-300: #36a770; + --zds-colors-success-200: #ade2c8; + --zds-colors-success-100: #def3e9; + + /* Neutrals */ + --zds-colors-neutral-800: #2d2e2e; + --zds-colors-neutral-700: #403f3e; + --zds-colors-neutral-600: #95928e; + --zds-colors-neutral-500: #a8a5a0; + --zds-colors-neutral-400: #d7d5d2; + --zds-colors-neutral-300: #e8e7e4; + --zds-colors-neutral-200: #f7f5f2; + --zds-colors-neutral-100: #fffdf9; + + /* Typography */ + /* heading and base are the same for now, but will be different with Phase 2 */ + --zds-typography-base: 'Inter', sans-serif; + --zds-typography-heading: 'Degular', sans-serif; + --zds-typography-heading-display: 'Degular Display', sans-serif; + --zds-typography-large-letter-spacing: 1px; + --zds-typography-small-letter-spacing: normal; + --zds-typography-pageheader-weight: 700; + --zds-typography-semibold-weight: 600; + --zds-typography-medium-weight: 500; + --zds-typography-pageheader1-fontsize: 82px; + --zds-typography-pageheader1-lineheight: 84px; + --zds-typography-pageheader3-fontsize: 62px; + --zds-typography-pageheader3-lineheight: 66px; + --zds-typography-pageheader4-fontsize: 52px; + --zds-typography-pageheader4-lineheight: 60px; + --zds-typography-pageheader5-fontsize: 42px; + --zds-typography-pageheader5-lineheight: 50px; + --zds-typography-pageheader7-fontsize: 34px; + --zds-typography-pageheader7-lineheight: 40px; + --zds-typography-pageheader9-fontsize: 26px; + --zds-typography-pageheader9-lineheight: 32px; + --zds-typography-paragraph1short-lineheight: 24px; + --zds-typography-paragraph3-lineheight: 24px; + } +`,z=(0,E.createContext)({isRebrand:!1,isPlatform:!1}),useTheme=()=>{let{isRebrand:g,isPlatform:m}=(0,E.useContext)(z);return{isRebrand:g,isPlatform:m}},A="__tnp",j="__tzp",GlobalStylesProvider=({children:g,isPlatform:m,isRebrand:b})=>E.createElement(z.Provider,{value:{isRebrand:b,isPlatform:m}},E.createElement(I.xB,{styles:m?_:H}),g);var N=b(53202),R=b(57808),W=b(72278),V=b(45752),K=b(67801),G=b(38249),Y=b(19163),Q=b(3161),J=b(87711);let isCustomProperty=g=>null==g?void 0:g.startsWith("var("),getCustomPropertyValue=g=>{let m=g.split(/[\s, (\s )]+/),b=Array.isArray(m)?m[1]:g,v=getComputedStyle(document.documentElement).getPropertyValue(b),C=4===m.length?m[2]:"#ffffff";return v.length>0?v:C},getColor=g=>g&&isCustomProperty(g)?getCustomPropertyValue(g):g,useZdsColor=g=>{let[m,b]=(0,E.useState)(g);return(0,E.useEffect)(()=>{b(getColor(g))},[g]),m};var X=b(34053),ee=b(65934);let et=E.createContext({level:1}),useHeadingLevel=()=>E.useContext(et),HeadingLevelProvider=({level:g=1,children:m})=>E.createElement(et.Provider,{value:{level:g}},m);var er=b(50655),en=b(33016),eo=b(36903),ea=b(13957),ei=b(73831);let el=(0,eo.B)("Accordion",{root:g=>[I.iv` + position: relative; + background-color: ${R.w.neutral200}; + border: 1px solid ${R.w.neutral200}; + border-radius: 10px; + transition-property: box-shadow, border-color, background-color; + transition-timing-function: ${N.f.transitionTimingFunction}; + transition-duration: ${N.f.transitionDuration}; + `,(g.isFocused||g.isHovered||g.isOpen)&&(0,ea.Q)("highlighted",I.iv` + background-color: ${R.w.neutral100}; + border-color: ${R.w.neutral400}; + border-radius: 10px; + box-shadow: ${W.f.elevation5}; + `),g.isHovered&&(0,ea.Q)("hovered",I.iv` + box-shadow: ${W.f.elevation10}; + `)],summary:g=>[I.iv` + ${V.ZT.paragraph1ShortBold}; + display: block; + color: ${R.w.neutral700}; + cursor: pointer; + list-style: none; + padding: 20px; + padding-${g.toggleSide}: 55px; + + &::-webkit-details-marker { + display: none; + } + + // Remove marker from browser / polyfills + &::before { + content: ''; + } + `,g.isOpen&&(0,ea.Q)("open",I.iv` + // swapping padding for bottom so that when closed, you can tap anywhere + // to open, after which the margin absorbs any (smaller) content margins + padding-bottom: 0; + margin-bottom: 20px; + color: ${R.w.neutral800}; + `),(g.isFocused||g.isHovered)&&(0,ea.Q)("highlighted",I.iv` + color: ${R.w.blue}; + `)],content:g=>I.iv` + ${V.ZT.paragraph1}; + color: ${R.w.neutral800}; + margin: 20px; + margin-${g.toggleSide}: 55px; +`,arrow:g=>I.iv` + position: absolute; + top: 20px; + ${g.toggleSide}: 15px; + `,fullPageButton:I.iv` + margin: 20px; + `}),FullPageButton=g=>(0,ei.U)("div",{css:el.fullPageButton},(0,ei.U)(er.z,{color:"secondary",href:g.href,iconBefore:"arrowOffsite",isFullWidth:!0,size:"small",target:"_blank"},"Open full page")),Accordion=g=>{let{children:m,href:b,isInitiallyOpen:v,title:C,onToggle:w=()=>{},toggleSide:x="left"}=g,[k,S]=(0,E.useState)(!1),[O,T]=(0,E.useState)(!1),[P,U]=(0,E.useState)(!!v),M={isFocused:k,isHovered:O,isOpen:P,toggleSide:x},L=k||O?"currentColor":"neutral600";return(0,E.useEffect)(()=>{void 0!==g.isOpen&&U(g.isOpen)},[g.isOpen]),(0,ei.U)("details",{css:el.root(M),open:P},(0,ei.U)("summary",{css:el.summary(M),onBlur:()=>S(!1),onClick:m=>{m.preventDefault(),w({isOpen:!P}),void 0===g.isOpen&&U(!P)},onFocus:()=>S(!0),onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),tabIndex:0,role:"button","aria-expanded":P},(0,ei.U)("span",{css:el.arrow(M)},(0,ei.U)(en.J,{canAcceptPointerEvents:!1,color:L,name:P?"arrowSmallUp":"arrowSmallDown",size:24})),C),P&&(0,ei.U)("div",{css:el.content(M)},m),P&&b&&(0,ei.U)(FullPageButton,Object.assign({},g)))};var es=b(83251),ec=b(92968),ed=b(99356);let eu=(0,ee.F)("AvatarsWithText",["textDisplay","textFontSizeLight","textLineHeightLight","textFontSizeHeavy","textLineHeightHeavy"]),ep=(0,eo.B)("AvatarsWithText",{root:g=>I.iv` + ${eu.textDisplay}: inline-block; + ${eu.textFontSizeLight}: 12px; + ${eu.textLineHeightLight}: 15px; + ${eu.textFontSizeHeavy}: 12px; + ${eu.textLineHeightHeavy}: 15px; + + display: grid; + grid-template-columns: auto 1fr; + gap: ${g?"0px":"5px"}; + align-items: center; + + &[data-multiline] { + ${eu.textDisplay}: block; + } + + &[data-size='18'] { + ${eu.textFontSizeLight}: ${V.ZT.smallPrint3.fontSize}; + ${eu.textLineHeightLight}: ${V.ZT.smallPrint3.lineHeight}; + ${eu.textFontSizeHeavy}: ${V.ZT.smallPrint3Bold.fontSize}; + ${eu.textLineHeightHeavy}: ${V.ZT.smallPrint3Bold.lineHeight}; + } + &[data-size='18'] > *:last-of-type { + top: -1px; + } + + &[data-size='25']:not([data-multiline]), + &[data-size='40']:not([data-multiline]) { + ${eu.textFontSizeLight}: ${V.ZT.smallPrint1.fontSize}; + ${eu.textLineHeightLight}: ${V.ZT.smallPrint1.lineHeight}; + ${eu.textFontSizeHeavy}: ${V.ZT.smallPrint1Bold.fontSize}; + ${eu.textLineHeightHeavy}: ${V.ZT.smallPrint1Bold.lineHeight}; + } + + &[data-size='25'][data-multiline] { + align-items: start; + ${eu.textFontSizeLight}: ${V.ZT.smallPrint1.fontSize}; + ${eu.textLineHeightLight}: 17px; + ${eu.textFontSizeHeavy}: ${V.ZT.smallPrint1Bold.fontSize}; + ${eu.textLineHeightHeavy}: ${V.ZT.smallPrint1Bold.lineHeight}; + } + + &[data-size='40'][data-multiline] { + ${eu.textFontSizeLight}: ${V.ZT.smallPrint1.fontSize}; + ${eu.textLineHeightLight}: ${V.ZT.smallPrint1.lineHeight}; + ${eu.textFontSizeHeavy}: ${V.ZT.paragraph3Bold.fontSize}; + ${eu.textLineHeightHeavy}: ${V.ZT.paragraph3Bold.lineHeight}; + } + &[data-size='40'] { + gap: ${g?"0px":"10px"}; + } + `,avatars:I.iv` + display: block; + `,content:I.iv` + display: block; + position: relative; + line-height: max( + var(${eu.textLineHeightLight}), + var(${eu.textLineHeightHeavy}) + ); + `,text:I.iv` + display: var(${eu.textDisplay}); + &[data-kind='light'] { + color: ${R.w.neutral700}; + font-weight: 400; + font-size: calc(1px * var(${eu.textFontSizeLight})); + line-height: var(${eu.textLineHeightLight}); + } + &[data-kind='heavy'] { + color: ${R.w.neutral800}; + font-weight: 700; + font-size: calc(1px * var(${eu.textFontSizeHeavy})); + line-height: var(${eu.textLineHeightHeavy}); + } + `}),AvatarText=g=>(0,ei.U)("span",{"aria-label":g.ariaLabel,css:ep.text,"data-kind":g.kind,role:"text"},g.children),AvatarsWithText=g=>{var m,b;let v=E.Children.toArray(g.avatars),C=(0,E.isValidElement)(v[0])?null===(b=null===(m=v[0].props)||void 0===m?void 0:m.children)||void 0===b?void 0:b.length:0,w=C>3&&40!==g.size;return(0,ei.U)("div",{"aria-label":g.ariaLabel,css:ep.root(w),"data-multiline":g.multiline?"":void 0,"data-size":g.size},(0,ei.U)("div",{css:ep.avatars},g.avatars),(0,ei.U)("div",{css:ep.content},g.children))};var ef=b(92443);let clamp=(g,m,b)=>Math.max(m,Math.min(g,b)),HeadingLevel=({children:g})=>{let{level:m}=useHeadingLevel(),b=clamp(m+1,1,6);return E.createElement(HeadingLevelProvider,{level:b},g)},eh=(0,eo.B)("Heading",{root:I.iv` + display: block; + `}),Heading=g=>{let{level:m}=useHeadingLevel(),b=clamp(m,1,6),v=`h${b}`;return(0,ei.U)(v,{css:eh.root,className:g.className},g.children)};var eg=b(62545),em=b(43006);let eb={primary:"blue10",secondary:"peach",neutral:"neutral300"},ev=(0,ee.F)("Article",["imageMarginBottom","titleMargin","labelBackgroundColor"]),ey=(0,eo.B)("Article",{root:I.iv` + display: flex; + position: relative; + background: ${R.w.neutral100}; + border: 1px solid ${R.w.neutral400}; + transition-property: box-shadow; + transition-timing-function: ${N.f.transitionTimingFunction}; + transition-duration: ${N.f.transitionDuration}; + border-radius: 3px; + &:hover, + &:focus, + &:focus-within { + color: ${R.w.neutral800}; + box-shadow: ${W.f.elevation10}; + } + + &[data-layout='card'] { + flex-direction: column; + } + + &[data-layout='row'] { + flex-direction: row; + align-items: center; + padding: 30px 0; + } + + &[data-size='medium'] { + ${ev.imageMarginBottom}: 25px; + ${ev.titleMargin}: 20px; + height: max-content; + } + `,image:I.iv` + position: relative; + overflow: hidden; + border-radius: 3px 3px 0 0; + + &[data-layout='card'] { + margin-bottom: var(${ev.imageMarginBottom}); + padding-bottom: 50%; // 2:1 ratio + } + + &[data-layout='row'] { + border-radius: 3px; + margin-left: 30px; + margin-right: 30px; + width: 370px; + height: 185px; // 2:1 ratio + } + `,imageInner:I.iv` + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; + `,content:I.iv` + display: flex; + flex-direction: column; + border-radius: 0 0 3px 3px; + padding: 0 20px 30px; + flex: unset; + + &[data-showimg='false'] { + padding: 30px 20px; + } + + &[data-layout='row'] { + padding: 0; + border-radius: 0; + flex: 1; + } + + /* if the card is in row layout with no image we need to apply horizontal padding to the content */ + &[data-rownoimg='true'] { + padding: 0 30px; + } + `,title:I.iv` + &[class] { + order: 2; + ${V.ZT.sectionHeader3Semibold}; + color: ${R.w.neutral800}; + margin-bottom: var(${ev.titleMargin}); + transition: ${N.f.transitionValue}; + text-decoration: none; + &:hover, + &:focus { + color: ${R.w.neutral800}; + } + + // This pseudo element stretches over the entire Article + // to make the entire Article clickable while preserving + // accessibilty by not nesting tags. + &::before { + content: ''; + position: absolute; + z-index: 1; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + &[data-lastelement='true'] { + margin-bottom: 0; + } + } + `,metaInfo:I.iv` + // Ensure meta info renders above rest of clickable Article + // in case any of the meta info is interactive. + position: relative; + z-index: 2; + order: 4; + display: flex; + align-items: center; + color: ${R.w.gray60}; + ${V.ZT.smallPrint1}; + `,meta:I.iv` + display: flex; + align-items: center; + flex-wrap: wrap; + `,metaItem:I.iv` + display: flex; + align-items: center; + &:not(:last-child) { + &::after { + content: '•'; + margin: 0 5px; + } + } + `,description:I.iv` + order: 3; + margin-bottom: 20px; + color: ${R.w.neutral700}; + + &[data-size='medium'] { + ${V.ZT.paragraph3}; + } + + &[data-layout='row'] { + ${V.ZT.paragraph1Short}; + } + + &[data-lastelement='true'] { + margin-bottom: 0; + } + `,category:I.iv` + order: 1; + position: relative; + // Ensure clickable category renders above rest of clickable Article + z-index: 2; + ${V.ZT.smallPrint1Bold}; + margin-bottom: 10px; + `,label:(g="neutral")=>I.iv` + order: 1; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + text-align: center; + ${ev.labelBackgroundColor}: ${R.w[eb[g]]}; + background-color: var(${ev.labelBackgroundColor}); + border-radius: 100px; + ${V.ZT.paragraph3Semibold}; + color: ${R.w.neutral800}; + padding: 4px 8px; + margin-bottom: 10px; + width: max-content; + `}),ArticleTag=({label:g,labelIcon:m="fileFilled",labelVariant:b="neutral"})=>(0,ei.U)("span",{css:ey.label(b)},m&&(0,ei.U)(en.J,{name:m,size:18}),(0,ei.U)("span",null,g)),Article=g=>(0,ei.U)("article",{css:ey.root,"data-layout":g.layout,"data-size":"medium"},g.imageUrl&&(0,ei.U)("div",{css:ey.image,"data-layout":g.layout},(0,ei.U)("div",{css:ey.imageInner},(0,ei.U)(eg.E,{alt:"",ariaHidden:!0,aspectRatio:"2:1",borderRadius:0,isBlock:!0,loading:"lazy",objectFit:"cover",sizes:"100vw",src:g.imageUrl}))),(0,ei.U)("div",{css:ey.content,"data-layout":g.layout,"data-showimg":!!g.imageUrl,"data-rownoimg":"row"===g.layout&&!g.imageUrl},(0,ei.U)(HeadingLevel,null,(0,ei.U)(em.r,{css:ey.title,color:null,href:g.url,"data-lastelement":!g.author&&!g.description},(0,ei.U)(Heading,null,g.title))),g.description&&(0,ei.U)("div",{css:ey.description,"data-size":"medium","data-layout":g.layout,"data-lastelement":!g.author},g.description),g.author&&(0,ei.U)("div",{css:ey.metaInfo},(0,ei.U)(AvatarsWithText,{avatars:(0,ei.U)(ef.q,{ariaHidden:!0,isBlock:!0,name:g.author.name,size:40,url:g.author.imageUrl}),multiline:!0,size:40},(0,ei.U)(AvatarText,{ariaLabel:`by ${g.author.name}`,kind:"heavy"},g.author.name),g.meta)),g.label&&(0,ei.U)(ArticleTag,{label:g.label,labelIcon:g.labelIcon,labelVariant:g.labelVariant}),g.category&&g.categoryUrl&&!g.label&&(0,ei.U)("div",{css:ey.category},(0,ei.U)(em.r,{ariaLabel:`Categorized under ${g.category}`,href:g.categoryUrl},g.category)))),ArticleMeta=g=>{let m=E.Children.toArray(g.children).filter(Boolean).map((g,m)=>(0,ei.U)("span",{css:ey.metaItem,key:m},g));return(0,ei.U)(AvatarText,{kind:"light"},(0,ei.U)("span",{css:ey.meta},m))},ArticleReadTime=g=>(0,ei.U)("div",null,g.minutes," min read"),ArticleDate=g=>(0,ei.U)(ed.ou,{date:g.date});var eC=b(57208),ew=b(714);let ex=(0,eo.B)("AvatarGroup",{root:I.iv` + ${V.ZT.base}; + display: flex; + align-items: center; + user-select: none; + width: max-content; + + &[data-size='40'] > * { + margin-right: -10px; + } + &[data-size='25'] > * { + margin-right: -5px; + } + &[data-size='18'] > * { + margin-right: -3px; + } + &[data-size] > *:last-of-type { + margin-right: 0; + } + `,count:I.iv` + --AvatarGroup__count-text-indent: 0px; + position: relative; + display: flex; + align-items: center; + text-align: center; + color: ${R.w.neutral800}; + font-weight: 700; + line-height: 1; + + [data-size='25'] & { + font-size: 14px; + } + &::before { + content: '+'; + text-indent: var(--AvatarGroup__count-text-indent); + } + + [data-size='40'] & { + --AvatarGroup__count-text-indent: -3px; + background-color: ${R.w.neutral300}; + border: 1px solid #fff; + border-radius: 100px; + font-size: 16px; + padding: 0 10px; + height: 40px; + min-width: 40px; + border-width: 2px; + } + + [data-size='25'] & { + --AvatarGroup__count-text-indent: -2px; + font-size: 14px; + height: 25px; + min-width: 25px; + padding: 0 4px 0 11px; + } + + [data-size='18'] & { + --AvatarGroup__count-text-indent: -1px; + font-size: 12px; + height: 18px; + min-width: 18px; + padding: 0 4px 0 7px; + } + `}),AvatarGroup=({children:g,size:m,max:b=3})=>{let v=E.Children.toArray(g).filter(Boolean),C=v.slice(0,b),w=v.length-C.length,x=40!==m?(0,ei.U)("div",{css:ex.count},Math.min(w,999)," others"):(0,ei.U)(ew.p,{content:`Plus ${w} others`,position:"southeast"},()=>(0,ei.U)("div",{"aria-label":`Plus ${w} others`,css:ex.count},Math.min(w,999)));return(0,ei.U)("div",{css:ex.root,"data-size":m},C,w>0&&x)};var ek=b(17712),eS=b(64061),eO=b(77e3);let eT={gray:{base:{borderColor:R.w.gray60},check:{borderColor:R.w.ocean},hover:{borderColor:R.w.ocean},focus:{backgroundColor:R.w.ocean,borderColor:R.w.ocean}},white:{base:{borderColor:R.w.white},check:{borderColor:R.w.white},hover:{borderColor:R.w.white},focus:{backgroundColor:R.w.white,borderColor:R.w.white}}},eP=(0,eo.B)("Indicator",{input:g=>[{position:"relative",appearance:"none",display:"inline-block",borderStyle:"solid",borderWidth:2,borderRadius:"50%",width:10,height:10,cursor:"pointer",transitionDuration:N.f.transitionDuration,transitionProperty:"border-width, border-color",transitionTimingFunction:N.f.transitionTimingFunction,"&::before":{position:"absolute",height:16,width:16,top:"50%",left:"50%",transform:"translate(-50%, -50%)",borderRadius:"50%",pointerEvents:"none",content:'""',opacity:0,transitionDuration:N.f.transitionDuration,transitionProperty:"opacity",transitionTimingFunction:N.f.transitionTimingFunction},"&:checked":{borderWidth:5},"&:focus":{"&::before":{opacity:.25}},"&:hover":{borderWidth:5}},(0,ea.Q)(g.color,{borderColor:eT[g.color].base.borderColor,"&::before":{backgroundColor:eT[g.color].focus.backgroundColor},"&:checked":{borderColor:eT[g.color].check.borderColor},"&:focus":{borderColor:eT[g.color].focus.borderColor},"&:hover":{borderColor:eT[g.color].hover.borderColor}})],root:g=>[{display:"grid",gap:6,gridTemplateColumns:`repeat(${g.count}, 10px)`}]}),Indicator=g=>{let{ariaLabel:m,count:b,noun:v="page",onChangeIndex:C,selectedIndex:w}=g,[x]=(0,E.useState)((0,eO.E)("Indicator-")),handleOnChange=({target:g})=>{let{value:m}=g,b=parseInt(m,10);C(b)};return(0,ei.U)("div",{"aria-label":m,css:eP.root(g),role:"radiogroup"},Array.from({length:b}).map((m,b)=>(0,ei.U)("input",{"aria-label":`${v} ${b+1}`,checked:b===w,css:eP.input(g),key:`bubble-${b}`,name:x,onChange:handleOnChange,type:"radio",value:b})))};var eU=b(45724),__rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};function NumberButton(g){var{selected:m,value:b}=g,v=__rest(g,["selected","value"]);return(0,ei.U)(eS.Y,Object.assign({},v,{color:m?"primary-alt":"number",isSquare:!0,size:"small"}),b)}let eM=(0,eo.B)("Paginator",{root:(g,m)=>[{display:"grid",gap:10,gridTemplateColumns:`repeat(${g.numberOfButtons}, 40px)`,alignItems:"center"},g.isCondensed&&(0,ea.Q)("condensed",{gridTemplateColumns:"44px 44px min-content 44px 44px"}),m&&(0,ea.Q)("isCentered",{justifyContent:"center"})],text:[(0,I.iv)(Object.assign(Object.assign({},V.ZT.base),{fontSize:16,lineHeight:"22px",fontWeight:600,textAlign:"center",whiteSpace:"nowrap",color:R.w.neutral800})),I.iv` + padding-left: 20px; + padding-right: 20px; + `]}),PaginatorText=g=>{let m=2*`${g.numberOfPages}`.length+3;return(0,ei.U)("span",{css:eM.text,style:{minWidth:`${m}ch`}},`${g.currentPageIndex+1} of ${g.numberOfPages}`)},Paginator=({currentPageIndex:g,pageUrls:m,ariaLabel:b,condenseAt:v=6,firstPageUrl:C,isCentered:w,lastPageUrl:x,offset:k=0,onPaginate:S})=>{let O=m.length,T=O-1,P=clamp(g,0,T),U=Math.max(0,P-1),M=Math.min(T,P+1),L=O>=v,D={numberOfPages:O,isCondensed:L,numberOfButtons:O+2+[C,x].filter(Boolean).length},createOnPaginateFn=(g,m,b)=>v=>{S&&S({buttonType:g,pageIndex:m,pageUrl:b},v)},$=L?(0,ei.U)(PaginatorText,{currentPageIndex:P,numberOfPages:O}):m.map((g,m)=>{let b=m===P,v=k+m+1;return(0,ei.U)(NumberButton,{ariaLabel:b?`Current page (${v})`:`${v}`,href:g,key:g||v,onClick:createOnPaginateFn("number",m,g),value:v,selected:b,hasShadow:b})}),B=C||(L?m[0]:void 0),F=(B||L)&&(0,ei.U)(eU.h,{ariaLabel:"First page",color:"icon-secondary",disabled:g<=0,href:B,icon:"arrowLineLeft",onClick:createOnPaginateFn("first",0,B),tooltipPosition:"southwest"}),I=x||(L?m[T]:void 0),E=(I||L)&&(0,ei.U)(eU.h,{ariaLabel:"Last page",color:"icon-secondary",disabled:P>=T,href:I,icon:"arrowLineRight",onClick:createOnPaginateFn("last",T,I),tooltipPosition:"southeast"});return(0,ei.U)("nav",{"aria-label":b,css:[eM.root(D,w)]},F,(0,ei.U)(eU.h,{ariaLabel:`Previous page (${U+1})`,color:"icon-secondary",disabled:P<=0,href:m[U],icon:"arrowSmallLeft",onClick:createOnPaginateFn("previous",U,m[U]),tooltipPosition:"southwest"}),$,(0,ei.U)(eU.h,{ariaLabel:`Next page (${M+1})`,color:"icon-secondary",disabled:P>=T,href:m[M],icon:"arrowSmallRight",onClick:createOnPaginateFn("next",M,m[M]),tooltipPosition:"southeast"}),E)},debounce=(g,m)=>{let b;return(...v)=>{clearTimeout(b),b=setTimeout(()=>{g(...v)},m)}},ensureArray=g=>Array.isArray(g)?g:[g],eL=(0,eo.B)("ScrollSnap",{root:()=>[(0,I.iv)({width:"100%",overflow:"hidden"})],scrollableArea:()=>[(0,I.iv)({overflowX:"auto",overscrollBehaviorX:"none",scrollSnapType:"x mandatory",WebkitOverflowScrolling:"touch",scrollBehavior:"smooth","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none","&:focus-visible":{outline:`2px solid ${R.w.blue}`,outlineOffset:"-2px"}})],scrollingSurface:(g,m,b)=>[(0,I.iv)({display:"flex",flexDirection:"row",justifyContent:"space-between",width:m*g.itemWidth+g.gap*Math.max(m-1,0)}),"center"===b&&(0,ea.Q)("centerAligned",{margin:"0 auto"})],snappable:g=>[(0,I.iv)({scrollSnapAlign:g.scrollSnapAlign,width:g.itemWidth})]}),getSnapPoints=g=>{let{itemWidth:m,pageCount:b,scrollSnapAlign:v,gap:C}=g;return Array.from({length:b}).map({start:(g,b)=>(m+C)*b,center:(g,b)=>m/2+b*(m+C/2),end:(g,b)=>m+b*(m+C)}[v])},getSnapThresholds=g=>{let{itemWidth:m,scrollSnapAlign:b,pageCount:v,gap:C,clientWidth:w}=g,x=getSnapPoints(g),k=m+C,S=k*v-w,O={start:(g,m,b,v)=>{let C;if((C=0===b?0:1===b?k/2:b===v.length-1?k*v.length-(w-k):g[b-1]+k)>=S){let g=Math.max((S-x[b-1])/2,1);C=S-g}return g[b]=C,g},center:(g,m,b,v)=>(0===b?g[b]=0:1===b?g[b]=k+k/4:b===v.length-1?g[b]=k*v.length-1.25*k:g[b]=k*b,g),end:(g,m,b)=>(0===b?g[b]=0:1===b?g[b]=1.75*k:g[b]=b*k+k/2,g)}[b];return Array.from({length:v}).reduce(O,[])},ScrollSnap=({children:g,itemWidth:m,alignment:b="left",gap:v=0,onScroll:C,pageIndex:w=0,scrollSnapAlign:x="start"})=>{var k;let S=ensureArray(g),O=S.length,T=(0,E.useRef)(null),P=(null===(k=T.current)||void 0===k?void 0:k.clientWidth)||m,U=(0,E.useRef)(null),[M,L]=(0,E.useState)(w),D=getSnapThresholds({pageCount:O,itemWidth:m,scrollSnapAlign:x,gap:v,clientWidth:P}),$=(0,E.useCallback)(debounce(g=>{var m,b;if(!g||!g.scrollableAreaRef.current||!g.rootRef.current)return;let C={start:0,center:((null===(m=g.rootRef.current)||void 0===m?void 0:m.clientWidth)||0)/2,end:(null===(b=g.rootRef.current)||void 0===b?void 0:b.clientWidth)||0}[g.scrollSnapAlign],w=getSnapPoints({pageCount:g.pageCount,itemWidth:g.itemWidth,scrollSnapAlign:g.scrollSnapAlign,gap:v});g.scrollableAreaRef.current&&(g.scrollableAreaRef.current.scrollLeft=w[g.pageIndex]-C)},50),[]);return(0,E.useEffect)(()=>$({itemWidth:m,pageCount:O,pageIndex:w,rootRef:T,scrollableAreaRef:U,scrollSnapAlign:x}),[$,m,O,w,T,U,x]),(0,ei.U)("div",{css:eL.root(),ref:T},(0,ei.U)("div",{css:eL.scrollableArea(),onScroll:()=>{let{current:g}=U,m=(null==g?void 0:g.scrollLeft)||0,b={start:m,center:m+P/2,end:m+P}[x],v=D.reduce((g,m)=>b>m?m:g,0),w=D.indexOf(v);$(),C&&M!==w&&C(w),L(w)},ref:U,tabIndex:0},(0,ei.U)("div",{css:eL.scrollingSurface({itemWidth:m,gap:v},O,b)},S.map((g,b)=>(0,ei.U)("span",{css:eL.snappable({scrollSnapAlign:x,itemWidth:m}),key:`${b}-snappable`},g)))))},eD=(0,eo.B)("Carousel",{carousel:(g,{isFirstPage:m,isLastPage:b})=>[(0,I.iv)({position:"relative"}),(g.edgeColor||g.showArrows)&&(0,ea.Q)("fadeEdges",{"&::before, &::after":{content:'""',position:"absolute",zIndex:1,top:0,bottom:0,width:100,pointerEvents:"none",transition:N.f.transitionValue},"&::before":{opacity:m?0:1,left:0,right:"auto",background:`linear-gradient(to right, ${g.edgeColor||R.w.white}, #fff0)`},"&::after":{opacity:b?0:1,left:"auto",right:0,background:`linear-gradient(to left, ${g.edgeColor||R.w.white}, #fff0)`}})],paginator:()=>[(0,I.iv)({marginTop:30,gridTemplateRows:"auto auto",gridTemplateColumns:"100%",justifyItems:"center",display:"grid"})],arrowButton:g=>[(0,I.iv)({transition:N.f.transitionValue,position:"absolute",zIndex:3,top:g.yOffset,transform:"translateY(-50%)",display:"none","&:hover > button":{boxShadow:"none !important"},"@media (min-width: 1230px)":{display:"block"}}),(0,ea.Q)(g.direction,{prev:{left:"20px"},next:{right:"20px"}}[g.direction]),g.isDisabled&&(0,ea.Q)("disabled",{pointerEvents:"none","& > button":{color:`${R.w.neutral100} !important`,border:0,backgroundColor:`${R.w.neutral500} !important`}})],scrollSnapChild:(g,m)=>[(0,I.iv)({transition:"opacity 0.5s",height:"100%"}),g&&!m&&(0,ea.Q)("faded",{opacity:.3})]}),ArrowButton=g=>{let m={prev:"arrowSmallLeft",next:"arrowSmallRight"}[g.direction];return(0,ei.U)("span",{css:eD.arrowButton(g)},(0,ei.U)(eS.Y,{ariaLabel:`${g.direction} image`,color:"primary-alt",disabled:g.isDisabled,isPill:!0,isSquare:!0,onClick:g.onClick,size:"large"},(0,ei.U)(en.J,{isBlock:!0,name:m,size:30})))},Carousel=({children:g,slideWidth:m,arrowOffset:b="50%",edgeColor:v,fadeInactive:C,gap:w=20,id:x,onActiveSlideChange:k,paginatorStyle:S,showArrows:O,showPaginator:T=!1})=>{let[P,U]=(0,E.useState)(0),M=0===P,L=P===E.Children.count(g)-1,changePageIndex=(g,m)=>{U(g),k&&P!==g&&k(g,P,{source:m})},D=x?`${x} carousel paginator`:(0,eO.E)("carousel paginator "),$=S&&({paginator:(0,ei.U)(Paginator,{ariaLabel:D,currentPageIndex:P,onPaginate:({pageIndex:g})=>changePageIndex(g,"paginator"),pageUrls:Array.from({length:E.Children.count(g)})}),indicator:(0,ei.U)(Indicator,{ariaLabel:"List of images",color:"gray",count:E.Children.count(g),noun:"image",onChangeIndex:g=>changePageIndex(g,"indicator"),selectedIndex:P})})[S];return(T||S)&&($=(0,ei.U)(Paginator,{ariaLabel:D,currentPageIndex:P,onPaginate:({pageIndex:g})=>changePageIndex(g,"paginator"),pageUrls:Array.from({length:E.Children.count(g)})})),(0,ei.U)("div",{id:x},(0,ei.U)("div",{css:eD.carousel({edgeColor:v,showArrows:O},{isFirstPage:M,isLastPage:L})},O&&(0,ei.U)(E.Fragment,null,(0,ei.U)(ArrowButton,{direction:"prev",isDisabled:M,yOffset:b,onClick:()=>{changePageIndex(P-1,"previous")}}),(0,ei.U)(ArrowButton,{direction:"next",isDisabled:L,yOffset:b,onClick:()=>{changePageIndex(P+1,"next")}})),(0,ei.U)(ScrollSnap,{gap:20,itemWidth:m,onScroll:g=>{changePageIndex(g,"scroll")},pageIndex:P,scrollSnapAlign:"center"},E.Children.map(g,(g,m)=>(0,ei.U)("div",{css:eD.scrollSnapChild(C,P===m),key:m},g)))),$&&(0,ei.U)("div",{css:eD.paginator()},$))};var e$=b(93581);let eB={actionAttachment:!0,actionAutoRenew:!0,actionBookmark:!0,actionBookmarkFill:!0,actionBug:!0,actionBugFill:!0,actionBuild:!0,actionCalendar:!0,actionCalendarFill:!0,actionCamera:!0,actionCameraFill:!0,actionCheckConnection:!0,actionCheckConnectionFill:!0,actionCompare:!0,actionCopy:!0,actionCopyFill:!0,actionDownload:!0,actionDrag:!0,actionEdit:!0,actionEditCircle:!0,actionEditCircleFill:!0,actionEditFill:!0,actionEditPlus:!0,actionEmail:!0,actionEmailFill:!0,actionExplore:!0,actionExploreFill:!0,actionFilter:!0,actionFlag:!0,actionFlagFill:!0,actionInsert:!0,actionLink:!0,actionLock:!0,actionLockFill:!0,actionMoveToFolder:!0,actionMoveToFolderFill:!0,actionPhoto:!0,actionPhotoFill:!0,actionPin:!0,actionPinFill:!0,actionPlay:!0,actionPlayFill:!0,actionRename:!0,actionRenameFill:!0,actionResend:!0,actionResendFill:!0,actionSend:!0,actionSendFill:!0,actionShare:!0,actionShareFill:!0,actionSwitchAccount:!0,actionSwitchAccountFill:!0,actionTrash:!0,actionTrashFill:!0,actionZapDetails:!0,actionZapDetailsFill:!0,alertCircle:!0,alertCircleFill:!0,alertInfo:!0,alertInfoFill:!0,alertTriangle:!0,alertTriangleFill:!0,appApiBuilder:!0,appApiBuilderFill:!0,arrowBigDown:!0,arrowBigLeft:!0,arrowBigRight:!0,arrowBigUp:!0,arrowBranch:!0,arrowCode:!0,arrowCodeDots:!0,arrowConnect:!0,arrowDropdown:!0,arrowDropdownCircle:!0,arrowExit:!0,arrowLineLeft:!0,arrowLineRight:!0,arrowOffsite:!0,arrowRedo:!0,arrowRefresh:!0,arrowSmallDown:!0,arrowSmallLeft:!0,arrowSmallRight:!0,arrowSmallUp:!0,arrowUndo:!0,arrowZoom:!0,commentAdd:!0,commentAddFill:!0,commentBlank:!0,commentBlankFill:!0,commentConvo:!0,commentConvoFill:!0,commentFilled:!0,commentFilledFill:!0,commentWaiting:!0,commentWaitingFill:!0,fileAdd:!0,fileAddFill:!0,fileFile:!0,fileFileFill:!0,fileFilled:!0,fileFilledFill:!0,fileGuide:!0,fileGuideFill:!0,fileRemove:!0,fileRemoveFill:!0,formAdd:!0,formAddCircle:!0,formAddCircleOutlined:!0,formAddSquare:!0,formAddSquareOutlined:!0,formBlank:!0,formCheck:!0,formCheckCircle:!0,formCheckCircleOutlined:!0,formCheckSquare:!0,formCheckSquareOutlined:!0,formDash:!0,formDashCircle:!0,formDashCircleOutlined:!0,formDashSquare:!0,formDashSquareOutlined:!0,formRadioCheck:!0,formRadioDot:!0,formRadioUnchecked:!0,formText:!0,formTextLong:!0,formTextAlignCenter:!0,formTextAlignLeft:!0,formTextAlignRight:!0,formToggle:!0,formX:!0,formXCircle:!0,formXCircleOutlined:!0,magnifyingGlass:!0,miscAI:!0,miscAiChatbot:!0,miscAIFill:!0,miscBolt:!0,miscBoltAlt:!0,miscBoltAltFill:!0,miscBoltFill:!0,miscBoltOutlined:!0,miscClock:!0,miscClockFill:!0,miscCloud:!0,miscCloudCheck:!0,miscCloudCheckFill:!0,miscCloudFill:!0,miscChatBot:!0,miscColor:!0,miscColorFill:!0,miscCookie:!0,miscCookieFill:!0,miscCreditCard:!0,miscCreditCardFill:!0,miscDollar:!0,miscEye:!0,miscEyeClosed:!0,miscEyeFill:!0,miscFingerprint:!0,miscFire:!0,miscFireFill:!0,miscGraph:!0,miscGraphBox:!0,miscGraphBoxFill:!0,miscHand:!0,miscHandFill:!0,miscHeadset:!0,miscHeadsetFill:!0,miscLearn:!0,miscLearnFill:!0,miscList:!0,miscMic:!0,miscMicFill:!0,miscPie:!0,miscPieFill:!0,miscPin:!0,miscPinFill:!0,miscSecurity:!0,miscSecurityFill:!0,miscSteps:!0,miscSteps1:!0,miscSteps2:!0,miscSteps3:!0,miscStepsAlt:!0,miscStepsFill:!0,miscTimelapse:!0,miscUptime:!0,miscUptimeFill:!0,miscWallet:!0,miscWalletFill:!0,miscWorld:!0,miscWorldFill:!0,navApps:!0,navAppsFill:!0,navBell:!0,navBellFill:!0,navBlog:!0,navBlogFill:!0,navBriefcase:!0,navBriefcaseFill:!0,navCanvas:!0,navCanvasV2:!0,navChatbots:!0,navCog:!0,navCogFill:!0,navConnectedAssets:!0,navConnectedAssetsFill:!0,navDashboard:!0,navDashboardFill:!0,navExplore:!0,navExploreFill:!0,navFolder:!0,navFolderFill:!0,navHelp:!0,navHelpFill:!0,navHome:!0,navHomeFill:!0,navIntegrations:!0,navIntegrationsFill:!0,navInterfaces:!0,navInterfacesV2:!0,navInterfacesFill:!0,navMenu:!0,navMenuAlt:!0,navMoreHoriz:!0,navMoreVert:!0,navSearch:!0,navSearchFill:!0,navProjects:!0,navProjectsFill:!0,navTable:!0,navTables:!0,navTableFill:!0,navVersions:!0,navVersionsFill:!0,partnerDashboard:!0,partnerEmbed:!0,personAccount:!0,personAdd:!0,personAddFill:!0,personCircle:!0,personCircleFill:!0,personGroup:!0,personGroupFill:!0,personOne:!0,personOneFill:!0,ratingCool:!0,ratingHappy:!0,ratingHappyAlt:!0,ratingHeart:!0,ratingHeartFill:!0,ratingNeutral:!0,ratingNeutralAlt:!0,ratingSad:!0,ratingSadAlt:!0,ratingStar:!0,ratingStarFill:!0,ratingThumbsBoth:!0,ratingThumbsBothFill:!0,ratingThumbsDown:!0,ratingThumbsDownFill:!0,ratingThumbsUp:!0,ratingThumbsUpFill:!0,ratingVeryHappy:!0,ratingVeryHappyAlt:!0,ratingVerySad:!0,ratingVerySadAlt:!0,ratingWink:!0,ratingWinkAlt:!0,statusFilter:!0,statusFilterFill:!0,statusPaused:!0,statusPlaying:!0,statusPlayingFill:!0,statusStatus:!0,statusStatusFill:!0,team:!0,teamFill:!0,upAndDownArrows:!0,x:!0,zapierLogo:!0,zapDetails:!0};var eF=b(58955);let eI=(0,eo.B)("LoadableImg",{placeholder:I.iv` + position: absolute; + left: -9999; + `}),ImgSkeletonLoader=g=>{let[m,b]=(g.aspectRatio||"").split(":").map(g=>g&&parseFloat(g));return(0,ei.U)(eF.q,{aspectRatio:m&&b?m/b:void 0,height:g.height,width:null===g.width?void 0:g.width})},LoadableImg=g=>{let[m,b]=(0,E.useState)(!1);return(0,ei.U)("div",null,(0,ei.U)("div",{css:m?void 0:eI.placeholder},(0,ei.U)(eg.E,Object.assign({},g,{onLoad:m=>{"function"==typeof g.onLoad&&g.onLoad(m),b(!0)}}))),!m&&(0,ei.U)(ImgSkeletonLoader,Object.assign({},g)))};var eE=b(89739),eH=b(31629);let e_=(0,ee.F)("ModalMediaContent",["padding"]),ez=(0,eo.B)("ModalMediaContent",{root:I.iv` + ${e_.padding}: 10px; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(${e_.padding}); + display: flex; + align-items: center; + justify-content: center; + + @media screen and (min-width: 650px) { + ${e_.padding}: 40px; + } + + img, + iframe { + object-fit: contain; + max-width: 100%; + max-height: 100%; + // Use filter / drop-shadow over box-shadow to apply the + // shadow to the actual rendered content, regardless of + // how object-fit renders it. + filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.5)); + } + `,closeButton:I.iv` + position: fixed; + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + z-index: 1; + background: ${R.w.neutral200}; + box-shadow: ${W.f.elevation5}; + border-radius: 100px; + top: max(var(${e_.padding}) / 2, 10px); + right: max(var(${e_.padding}) / 2, 10px); + `}),ModalMediaContent=g=>(0,ei.U)("div",{css:ez.root},g.children,g.closeButton&&(0,ei.U)("div",{css:ez.closeButton},g.closeButton));var ProgressBar_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let eA=(0,eo.B)("ProgressBar",{root:(0,I.iv)({position:"relative",height:5,borderRadius:2.5,backgroundColor:R.w.neutral300}),progress:g=>[(0,I.iv)({height:"inherit",borderRadius:"inherit",position:"absolute",top:0,left:0,maxWidth:"100%",transition:`all ${N.f.transitionDuration} ease-in-out`,backgroundColor:R.w[g]})]}),ProgressBar=g=>{var{max:m=1,min:b=0,color:v="blue"}=g,C=ProgressBar_rest(g,["max","min","color"]);let w=clamp(C.value,b,m),x=m-b,k=(w-b)/x,S=`${100*k}%`;return(0,ei.U)("div",{css:eA.root},(0,ei.U)("div",{css:eA.progress(v),"data-testid":"progress",style:{width:S}}))};var ej=b(15721),eN=b(76005),eZ=b(92625),eR=b(82644),eW=b(34244),eV=b(77628),eq=b(57219);let eK=(0,eo.B)("YouTubeVideo",{root:I.iv` + position: relative; + width: 100%; + height: 0; + `,video:I.iv` + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + `}),useYouTubeIframeAPI=(g,m)=>{(0,E.useEffect)(()=>{let loadScriptTag=g=>{let m=document.createElement("script");m.src=g,m.async=!0,document.body.append(m)};m&&Object.keys(m).length&&(()=>{let g=new Promise(g=>{let m="https://www.youtube.com/iframe_api",b=document.querySelector(`script[src="${m}"]`);b||loadScriptTag(m);let v=window.onYouTubeIframeAPIReady;window.onYouTubeIframeAPIReady=()=>{v&&v(),g(window.YT)}});return g})().then(b=>new b.Player(`youtube-video-${g}`,{events:m})).catch(()=>{})},[m,g])},YouTubeVideo=({title:g,youTubeId:m,allowFullscreen:b=!0,aspectRatio:v=16/9,autoplay:C=!1,events:w,mute:x=!1})=>{let[k,S]=(0,E.useState)(`https://www.youtube.com/embed/${m}?rel=0&autoplay=${Number(C)}&mute=${Number(x)}`);(0,E.useEffect)(()=>{var g;w&&(null===(g=Object.keys(w))||void 0===g?void 0:g.length)&&S(g=>`${g}&enablejsapi=1&origin=${window.location.origin}`)},[w]),useYouTubeIframeAPI(m,w);let O={paddingBottom:`${v**-1*100}%`};return(0,ei.U)("div",{css:eK.root,style:O},(0,ei.U)("iframe",{id:`youtube-video-${m}`,allow:b?"fullscreen":void 0,css:eK.video,frameBorder:"0",src:k,title:g}))};(v=U||(U={}))[v.UNSTARTED=-1]="UNSTARTED",v[v.ENDED=0]="ENDED",v[v.PLAYING=1]="PLAYING",v[v.PAUSED=2]="PAUSED",v[v.BUFFERING=3]="BUFFERING",v[v.CUED=5]="CUED",(C=M||(M={}))[C.InvalidParam=2]="InvalidParam",C[C.Html5Error=5]="Html5Error",C[C.VideoNotFound=100]="VideoNotFound",C[C.EmbeddingNotAllowed=101]="EmbeddingNotAllowed",C[C.EmbeddingNotAllowed2=150]="EmbeddingNotAllowed2";let eG=(0,eo.B)("BooleanInput",{root:()=>[(0,I.iv)({position:"relative",display:"inline-block"})],inner:g=>[(0,I.iv)({display:"block",position:"relative",zIndex:1,border:`2px solid ${R.w.neutral600}`,backgroundColor:"transparent",cursor:"pointer",transition:`all ${N.f.transitionDuration} ease-in-out`}),"checkbox"===g.type&&[(0,ea.Q)("checkbox",(0,I.iv)({width:18,height:18,borderRadius:3,color:R.w.neutral100})),g.checked&&(0,ea.Q)("checked",(0,I.iv)({backgroundColor:R.w.blue,borderColor:"transparent"})),g.isErrored&&(0,ea.Q)("errored",(0,I.iv)({backgroundColor:g.checked?R.w.error:"transparent",borderColor:R.w.error})),g.disabled&&(0,ea.Q)("disabled",(0,I.iv)({backgroundColor:g.checked?R.w.neutral500:"transparent",borderColor:R.w.neutral500,cursor:"not-allowed"}))],"radio"===g.type&&[(0,ea.Q)("radio",(0,I.iv)({color:"transparent",width:20,height:20,borderRadius:20})),g.checked&&(0,ea.Q)("checked",(0,I.iv)({borderColor:R.w.blue,color:R.w.blue})),g.isErrored&&(0,ea.Q)("errored",(0,I.iv)({borderColor:R.w.error,color:R.w.error})),g.disabled&&(0,ea.Q)("disabled",(0,I.iv)({borderColor:R.w.neutral500,color:R.w.neutral500,cursor:"not-allowed"}))]],layer:(0,I.iv)({display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:-2,left:-2,width:"calc(100% + 4px)",height:"calc(100% + 4px)"})}),BooleanInput=({type:g,ariaLabel:m,checked:b=!1,disabled:v,id:C,isErrored:w,isRequired:x,name:k,onChange:S=()=>{},tabIndex:O=0,value:T})=>(0,ei.U)("span",{css:eG.root()},(0,ei.U)("span",{css:eG.inner({type:g,ariaLabel:m,checked:b,disabled:v,id:C,isErrored:w,isRequired:x,name:k,onChange:S,tabIndex:O,value:T})},(0,ei.U)("input",{"aria-label":m,checked:b,css:eG.layer,disabled:v,id:C,name:k,onChange:S,required:x,tabIndex:O,type:g,value:T}),b&&(0,ei.U)("span",{css:eG.layer},(0,ei.U)(en.J,{isBlock:!0,name:{checkbox:"formCheck",radio:"formRadioDot"}[g],size:18}))));var Checkbox_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let Checkbox=g=>{var{tabIndex:m=0}=g,b=Checkbox_rest(g,["tabIndex"]);return(0,ei.U)(BooleanInput,Object.assign({type:"checkbox",tabIndex:m},b))};var Radio_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let Radio=g=>{var{tabIndex:m=0}=g,b=Radio_rest(g,["tabIndex"]);return(0,ei.U)(BooleanInput,Object.assign({type:"radio",tabIndex:m},b))};var eY=b(46010);let eQ=(0,ee.F)("LabeledBooleanInput",["outlineColor"]),eJ=(0,eo.B)("LabeledBooleanInput",{root:I.iv` + ${eQ.outlineColor}: transparent; + position: relative; + display: grid; + grid-template-columns: auto 1fr; + gap: 8px; + align-items: center; + padding: 10px 8px; + min-height: 0; + + // This is the outline that renders around the label when + // it's focused. It's a pseudo element to preserve transparency + // between the edge of the label and the edge of the outline. + // It's defined here vs only in ':focus-with' so that it can transition + // between states. + &::before { + content: ''; + position: absolute; + pointer-events: none; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 2px solid var(${eQ.outlineColor}); + border-radius: 3px; + transition: ${N.f.transitionValue}; + } + + &:focus-within { + ${eQ.outlineColor}: ${R.w.blue}; + + &[data-errored] { + ${eQ.outlineColor}: ${R.w.error}; + } + } + `}),LabeledBooleanInput=({children:g,type:m,value:b,ariaLabel:v,id:C,isDisabled:w,isErrored:x,isRequired:k,name:S,checked:O=!1,onChange:T=()=>{},tabIndex:P=0})=>(0,ei.U)(eY.l,{isDisabled:w,isErrored:x,isRequired:k,isSelected:O,justifyContent:"stretch"},(0,ei.U)("span",{css:eJ.root,"data-errored":x?"":void 0},(0,ei.U)(BooleanInput,{ariaLabel:v,checked:O,disabled:w,id:C,isErrored:x,name:S,onChange:T,tabIndex:P,type:m,value:b}),g));var LabeledCheckbox_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let LabeledCheckbox=g=>{var{disabled:m,isDisabled:b}=g,v=LabeledCheckbox_rest(g,["disabled","isDisabled"]);return(0,ei.U)(LabeledBooleanInput,Object.assign({},v,{isDisabled:m||b,type:"checkbox"}))};var LabeledRadio_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let LabeledRadio=g=>{var{disabled:m,isDisabled:b}=g,v=LabeledRadio_rest(g,["disabled","isDisabled"]);return(0,ei.U)(LabeledBooleanInput,Object.assign({},v,{isDisabled:m||b,type:"radio"}))};var eX=b(96897),CopyTextInput_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let e0=(0,eo.B)("CopyTextInput",{root:I.iv` + display: block; + `,copyButton:I.iv` + position: relative; + color: ${R.w.neutral600}; + + &:hover, + &:focus { + color: ${R.w.blue}; + } + + &[disabled] { + color: ${R.w.neutral500}; + cursor: not-allowed; + } + `,tooltip:I.iv` + opacity: 1; + transition: opacity ${N.f.transitionDuration} + ${N.f.transitionTimingFunction}; + &[data-hidden='true'] { + opacity: 0; + } + `}),CopyTextInput=g=>{var{value:m,type:b="text"}=g,v=CopyTextInput_rest(g,["value","type"]);let C=Object.assign({value:m,type:b},v),[w,x]=(0,Y.m)(m),onClickCopy=g=>{g.preventDefault(),x()};return(0,ei.U)("div",{css:e0.root},(0,ei.U)(eX.o,Object.assign({},C,{ariaHidden:!0,disabledText:m?"":"Disabled",isDisabled:!m,isReadonly:!!m,isFocusable:!1,renderIconAfter:({iconSize:g})=>{let b=w?`"${m}" copied to the clipboard`:`Copy "${m}" to the clipboard`;return(0,ei.U)("button",{"aria-hidden":!m,"aria-label":b,color:"primary",css:e0.copyButton,disabled:!m,onClick:onClickCopy,type:"button"},(0,ei.U)(en.J,{isBlock:!0,name:"actionCopy",size:g}),(0,ei.U)("div",{css:e0.tooltip,"data-hidden":!w},(0,ei.U)(eq.u,{ariaHidden:!0,position:"southeast"},"Copied to clipboard!")))}})))};var e1=b(29043),e2=b.n(e1);let ButtonNavButton=g=>(0,ei.U)(eS.Y,Object.assign({},g,{size:"small"})),e3=(0,eo.B)("ButtonNav",{list:g=>[g.align&&(0,ea.Q)(`${g.align}-aligned`,{justifyContent:`${g.align}`}),{display:"flex",flexFlow:"wrap",gap:10},!1===g.wrap&&{"@media screen and (min-width: 1024px)":{display:"grid",gridTemplateColumns:`repeat(${g.items.length}, minmax(auto, min-content))`,justifyContent:"center"}},g.perRow&&(0,ea.Q)(`${g.perRow}-perRow`,{"@media screen and (min-width: 1024px)":{gridTemplateColumns:`repeat(${Math.min(g.items.length,g.perRow)}, 1fr)`}}),g.isButtonFullWidth&&(0,ea.Q)("isButtonFullWidth",{"@media screen and (min-width: 1024px)":{display:"grid",gridTemplateColumns:`repeat(${g.perRow?Math.min(g.items.length,g.perRow):g.items.length}, 1fr)`}})],item:g=>[{display:"block"},g&&(0,ea.Q)("isButtonFullWidth",{flex:"0 0 100%","@media screen and (min-width: 768px)":{flex:"1"}})]}),ButtonNav=({align:g,ariaLabel:m,isButtonFullWidth:b,items:v,perRow:C,selectedItemKey:w,onChooseItem:x=()=>{},wrap:k=!1})=>{let S=v.map(g=>{let m=g.key===w;return(0,ei.U)("li",{css:e3.item(b),key:g.key},(0,ei.U)(ButtonNavButton,{ariaLabel:m?`${g.text}, selected`:g.text,color:"button-nav",hasShadow:!1,href:g.href,iconBefore:g.iconBefore,isFullWidth:b,isSelected:m,onClick:m=>x(g,m)},g.text))});return(0,ei.U)("nav",{"aria-label":m},(0,ei.U)("ul",{css:e3.list({align:g,ariaLabel:m,isButtonFullWidth:b,items:v,onChooseItem:x,perRow:C,selectedItemKey:w,wrap:k})},S))};var e4=b(1259);function isDayBefore(g,m){return g.setHours(0,0,0,0),m.setHours(0,0,0,0),g{let b=g.find(g=>isSameDay(g.value.from,m.from)&&isSameDay(g.value.to,m.to)),v=getRangeText(m);return(0,ei.U)("div",{css:e5.wrapper},(0,ei.U)(ew.p,{content:b?v:null},({childProps:g})=>(0,ei.U)("span",{"aria-describedby":g.ariaDescribedBy,css:e5.root},b?b.text:v)))},e8=(0,eo.B)("DateRangePickerInput",{root:g=>I.iv` + cursor: ${g.isDisabled?"default":"pointer"}; + `,button:I.iv` + display: flex; + align-items: center; + min-width: 0; + `,clearSelectionButton:I.iv` + align-items: center; + cursor: pointer; + display: flex; + height: 100%; + justify-content: center; + width: 100%; + + &:hover, + &:focus { + color: ${R.w.neutral700}; + transition: ${N.f.transitionValue}; + } + `,placeholder:I.iv` + color: ${R.w.neutral600}; + display: block; + overflow: hidden; + white-space: nowrap; + `}),ClearSelectionButton=({clearSelection:g})=>(0,ei.U)("button",{type:"button",css:e8.clearSelectionButton,onClick:g,title:"Clear Selection"},(0,ei.U)(en.J,{canAcceptPointerEvents:!1,name:"x",size:20})),DateRangePickerInput=g=>{let{value:m,clearSelection:b}=g,{from:v,to:C}=m,w=!!(v||C),x=w&&!g.isDisabled;return(0,ei.U)("div",{css:e8.root(g)},(0,ei.U)(e4.I,{id:g.id,isDisabled:g.isDisabled,isErrored:g.isErrored,renderIconAfter:({isFocused:g,isHovered:m})=>x&&(0,ei.U)(ClearSelectionButton,{clearSelection:b,isFocused:g,isHovered:m}),renderIconBefore:({iconSize:g})=>(0,ei.U)(en.J,{name:"actionCalendar",size:g})},m=>(0,ei.U)("button",{"aria-controls":m["aria-controls"],"aria-expanded":g.isOpen?"true":"false","aria-haspopup":"true","aria-invalid":m["aria-invalid"],"aria-label":m["aria-label"],css:[m.css,e8.button],disabled:m.disabled,id:m.id,onClick:g.onClick,onKeyDown:m.onKeyDown,type:"button"},w?(0,ei.U)(DateRangePickerValue,{options:g.options,value:g.value}):(0,ei.U)("span",{css:e8.placeholder},g.placeholder))))},e6={root:I.iv` + display: flex; + justify-content: space-between; + position: absolute; + width: 100%; + `},DateRangePickerNavbar=({onNextClick:g,onPreviousClick:m})=>(0,ei.U)("div",{css:e6.root},(0,ei.U)(eU.h,{icon:"arrowSmallLeft",label:"Previous Month",onClick:()=>m(),shouldCorrectTooltipPosition:!1,tooltipPosition:"southwest",color:"icon-secondary"}),(0,ei.U)(eU.h,{icon:"arrowSmallRight",label:"Next Month",onClick:()=>g(),shouldCorrectTooltipPosition:!1,tooltipPosition:"southeast",color:"icon-secondary"}));function WithDayPickerStyle({children:g,size:m}){return E.createElement(I.ms,null,({css:b})=>g({classNames:{body:b` + display: table-row-group; + `,caption:b` + color: ${R.w.neutral800}; + margin: 0 0 1em 0; + text-align: center; + ${V.ZT.paragraph3Bold} + `,container:b` + display: flex; + justify-content: center; + position: relative; + user-select: none; + + &:after, + &:before { + border: solid transparent; + bottom: 100%; + content: ' '; + display: block; + height: 0; + left: 10%; + pointer-events: none; + position: absolute; + width: 0; + } + + &:after { + border-bottom-color: ${R.w.neutral800}; + border-color: rgba(136, 183, 213, 0); + border-width: 8px; + margin-left: -8px; + } + + &:before { + border-bottom-color: ${R.w.neutral800}; + border-color: rgba(194, 225, 245, 0); + border-width: 8px; + margin-left: -8px; + } + + abbr { + ${V.ZT.smallPrint3Semibold} + text-decoration: none; + } + + div[role='columnheader'] > abbr { + font-size: 14px; + font-weight: 700; + line-height: 20px; + text-transform: uppercase; + } + `,day:b` + border: none; + cursor: pointer; + display: table-cell; + padding: 0.8rem 0.7rem; + text-align: center; + vertical-align: middle; + ${V.ZT.paragraph3} + + &:hover { + background-color: ${R.w.neutral200}; + border-radius: 10px; + } + `,interactionDisabled:b` + .DayPicker-Day { + cursor: default; + } + `,month:b` + border-collapse: collapse; + border-spacing: 0; + padding: 2.5em 1em 1em 0em; + user-select: none; + ${"small"!==m?` + &:last-of-type { + border-left: 1px solid ${R.w.neutral300}; + padding: 2.5em 0em 1em 1em; + } + `:""} + ${"small"===m&&"padding: 2.5em 0em 1em 0em;"} + `,months:b` + display: flex; + `,navBar:"",navButtonNext:"",navButtonPrev:"",navButtonInteractionDisabled:"",footer:"",todayButton:"",week:b` + display: table-row; + `,weekNumber:"",weekday:b` + display: table-cell; + font-size: 0.875em; + padding: 0.8rem 0.7rem; + text-align: center; + ${V.ZT.smallPrint3Bold} + `,weekdays:b` + display: table-header-group; + + > div { + display: table-row; + } + `,weekdaysRow:"",wrapper:b` + display: flex; + position: relative; + `,outside:b` + color: ${R.w.neutral500}; + cursor: default; + `,selected:b` + background-color: ${R.w.blue10}; + color: ${R.w.blue}; + font-weight: 600; + `,today:b` + color: ${R.w.neutral800}; + font-weight: 700; + `,disabled:b` + background-color: ${R.w.neutral200}; + color: ${R.w.neutral600}; + cursor: not-allowed; + outline: none; + `},modifiersStyles:{from:{borderBottomLeftRadius:10,borderTopLeftRadius:10},to:{borderBottomRightRadius:10,borderTopRightRadius:10}}}))}let e7=(0,eo.B)("DateRangePicker",{root:I.iv` + position: relative; + `,menu:g=>[I.iv` + display: grid; + gap: 20px; + padding: 20px; + `,"large"===g.size&&I.iv` + grid-template-columns: auto 1fr; + `],options:g=>["large"===g.size&&I.iv` + border-right: 1px solid ${R.w.neutral300}; + padding-right: 20px; + min-width: 195px; + `],doneButton:I.iv` + display: flex; + justify-content: flex-end; + grid-column: 1 / -1; + `,modalBackdrop:I.iv` + background: rgba(0, 0, 0, 0.8); + position: fixed; + z-index: ${K.C.modalOverlay}; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + `,modal:g=>[I.iv` + background: ${R.w.neutral100}; + border-radius: 10px; + overflow: auto; + width: 100%; + max-width: 344px; + max-height: 100vh; + `,"small"===g&&(0,I.iv)({maxWidth:"344px"}),"medium"===g&&(0,I.iv)({maxWidth:"670px"})]}),e9={},DateRangePicker=({ariaLabel:g,menuAriaLabel:m,onChange:b,value:v=e9,placeholder:C,disabledDates:w,id:x,isDisabled:k,isErrored:S,closeText:O="Done",options:T=[],menuAlign:P="left",size:U="medium",variant:M})=>{let L={ariaLabel:g,menuAriaLabel:m,onChange:b,value:v,placeholder:C,disabledDates:w,id:x,isDisabled:k,isErrored:S,closeText:O,options:T,menuAlign:P,size:U},D=M;D||(D="small"===U?"modal":"dropdown");let[$,B]=(0,E.useState)(null),[F,I]=(0,E.useState)(!1),[H,_]=(0,E.useState)(L.value||e9),{from:z,to:A}=H,j="small"===L.size?L.size:"medium",N="small"===L.size;(0,E.useEffect)(()=>{L.value!==H&&_(L.value)},[L.value]);let closeMenu=()=>{var g,m;setTimeout(()=>{I(!1)},0),isSameDay(z,null===(g=L.value)||void 0===g?void 0:g.from)&&isSameDay(A,null===(m=L.value)||void 0===m?void 0:m.to)||L.onChange(H)},openMenu=()=>{I(!0)},handleDayClick=(g,m,b)=>{let v=b.disabled;if(m[v])return;let C=calculateNextRange(g,z,A);_(C),null!==$&&B(null)},[R]=(0,G.O)({onClickOutside:closeMenu}),W=F&&(0,ei.U)("div",{"aria-label":L.menuAriaLabel,css:e7.menu(L)},L.options.length>0&&(0,ei.U)("div",{css:e7.options(L)},(0,ei.U)(ButtonNav,{ariaLabel:"Predefined date ranges",isButtonFullWidth:!0,items:L.options,onChooseItem:(g,m)=>{m.preventDefault(),B(g),_(g.value)},perRow:"medium"===L.size?void 0:1,selectedItemKey:null==$?void 0:$.key})),(0,ei.U)(WithDayPickerStyle,{size:j},({classNames:g,modifiersStyles:m})=>(0,ei.U)(e2(),{classNames:g,disabledDays:L.disabledDates,fixedWeeks:!0,initialMonth:z,modifiers:H,modifiersStyles:m,navbarElement:DateRangePickerNavbar,numberOfMonths:N?1:2,onDayClick:(m,b)=>handleDayClick(m,b,g),selectedDays:[z,H]})),(0,ei.U)("div",{css:e7.doneButton},(0,ei.U)(er.z,{isFullWidth:"small"===L.size,onClick:closeMenu},L.closeText)));return(0,ei.U)("div",{css:e7.root},(0,ei.U)(DateRangePickerInput,Object.assign({},L,{clearSelection:()=>{_(e9),L.onChange(e9)},isOpen:F,onClick:()=>{L.isDisabled||F||openMenu()},options:L.options,value:H})),F&&("modal"===D?(0,ei.U)("div",{css:e7.modalBackdrop},(0,ei.U)("div",{css:e7.modal(j),ref:R},W)):(0,ei.U)(e$.f,{align:L.menuAlign,borderRadius:10,intersectHeight:460,onClickOutside:closeMenu},W)))};var te=b(85235),tt=b(92387),tr=b(68616);let omit=(g,m)=>(0,tr.s)(Object.entries(g).filter(([g])=>!m.includes(g)));var Dropdown_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let isDisabled=g=>g.isDisabled||0===g.items.length,tn=(0,eo.B)("Dropdown",{root:(0,I.iv)({position:"relative"}),buttonWrap:g=>({cursor:isDisabled(g)?"default":"pointer"}),button:(0,I.iv)({maxWidth:"100%",overflow:"hidden"}),buttonText:(0,I.iv)({display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),placeholder:(0,I.iv)({color:R.w.neutral600})}),buildAriaLabel=({label:g,value:m,placeholder:b})=>[m,g,!m&&b].filter(Boolean).join(", ");function Dropdown(g){var{size:m="small",getLabelForItem:b=g=>g.label,renderFloatingMenu:v=g=>(0,ei.U)(tt.A,Object.assign({},g)),menuAriaLabel:C="List of items"}=g,w=Dropdown_rest(g,["size","getLabelForItem","renderFloatingMenu","menuAriaLabel"]);let x=Object.assign({size:m,getLabelForItem:b,renderFloatingMenu:v,menuAriaLabel:C},w),k=(0,E.useRef)(null),S=x.renderButtonForItem||x.getLabelForItem;return(0,ei.U)(te.ZP,{initialSelectedItem:x.initialSelectedItem,inputId:x.inputId,itemCount:x.items.length,itemToString:g=>g?x.getLabelForItem(g):"",onChange:g=>{var m;g&&(null===(m=x.onChange)||void 0===m||m.call(x,g))},onSelect:g=>{var m;g&&(null===(m=x.onSelect)||void 0===m||m.call(x,g))},stateReducer:(g,m)=>m.type===te.ZP.stateChangeTypes.keyDownEscape?{isOpen:!1}:m,selectedItem:x.selectedItem},({clearSelection:g,closeMenu:m,getInputProps:b,getItemProps:v,getMenuProps:C,getRootProps:w,highlightedIndex:O,isOpen:T,openMenu:P,selectItem:U,selectedItem:M,setHighlightedIndex:L})=>{let D=!!M,$=omit(w(),["aria-labelledby"]),onBlur=g=>{if(x.onBlur){let b={didBlurWithin:!!k.current&&k.current.contains(g.relatedTarget),closeMenu:m};x.onBlur(g,b)}else m()},{onChange:B,onClick:F}=x,I=Dropdown_rest(x,["onChange","onClick"]);return(0,ei.U)("div",Object.assign({"aria-label":x.menuAriaLabel,"aria-labelledby":x.inputId,css:tn.root},$,{onBlur:onBlur,ref:k}),(0,ei.U)("div",{css:tn.buttonWrap(x)},(0,ei.U)(e4.I,Object.assign({onClick:()=>{!0===T?m():isDisabled(x)||P(),x.onClick&&x.onClick()}},I,(0,X.j)(b()),{canClickIconAfter:!1,id:x.inputId,isDisabled:isDisabled(x),renderIconAfter:()=>(0,ei.U)(en.J,{name:"arrowDropdown",size:24}),renderIconBefore:()=>"function"==typeof x.renderIcon?x.renderIcon(M):void 0}),g=>(0,ei.U)("button",{"aria-activedescendant":g["aria-activedescendant"],"aria-invalid":g["aria-invalid"],"aria-controls":g["aria-controls"],"aria-expanded":T?"true":"false","aria-haspopup":"true","aria-label":buildAriaLabel({label:g["aria-label"]||"",placeholder:x.placeholder,value:D?x.getLabelForItem(M):void 0}),css:[g.css,tn.button],disabled:g.disabled,id:g.id,onBlur:onBlur,onFocus:x.onFocus,onKeyDown:g.onKeyDown,type:"button"},D?(0,ei.U)("span",{css:tn.buttonText},S(M)):(0,ei.U)("span",{css:[tn.buttonText,tn.placeholder]},x.placeholder)))),T&&x.renderFloatingMenu({ariaLabel:x.menuAriaLabel,clearSelection:g,closeMenu:m,items:x.items,highlightedIndex:O,getKeyForItem:x.getKeyForItem,getLabelForItem:x.getLabelForItem,getItemProps:v,getMenuProps:C,getInputProps:b,renderIcon:x.renderIcon,selectItem:U,selectedItem:M,setHighlightedIndex:L}))})}var to=b(15372),ta=b(14606),ti=b(62298),tl=b(60647),ts=b(30646),tc=b(68560),SubscriptionForm_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let td={tablet:768},tu=(0,eo.B)("SubscriptionForm",{root:I.iv` + display: flex; + flex-direction: column; + gap: 10px; + margin: 0 auto; + @media screen and (min-width: ${td.tablet}px) { + margin: 0; + flex-direction: row; + } + `,inputField:g=>I.iv` + display: flex; + text-align: left; + ${g&&(0,ea.Q)("fluid",I.iv` + flex: 1 100%; + @media screen and (min-width: ${td.tablet}px) { + flex: 2; + } + `)} + `}),SubscriptionForm=g=>{var{inputIsFullWidth:m=!0,fluidInput:b=!1}=g,v=SubscriptionForm_rest(g,["inputIsFullWidth","fluidInput"]);let[C]=(0,E.useState)(v.inputId||(0,eO.E)("SubscriptionForm-")),[w,x]=(0,E.useState)(""),k={id:C,isDisabled:v.inputIsDisabled,isErrored:!!v.inputError,isRequired:v.inputIsRequired,isFullWidth:m,placeholder:v.placeholderText,ariaLabel:v.placeholderText,size:"small",onChange:g=>x(g.target.value)};return(0,ei.U)("form",{onSubmit:()=>{var g;return null===(g=v.onSubmit)||void 0===g?void 0:g.call(v,w)},"data-testid":"subscription-form"},(0,ei.U)("div",{css:tu.root},(0,ei.U)("div",{css:tu.inputField(b)},v.renderInput?v.renderInput(k):(0,ei.U)(eX.o,Object.assign({},k))),v.renderButton({size:"small"})))},tp={ctaDisclaimer:I.iv` + margin: 10px 0; + `},DisclaimerText=({color:g="primary",termsLink:m="https://zapier.com/tos",textType:b="paragraph3",privacyLink:v="https://zapier.com/privacy"})=>(0,ei.U)("div",{css:tp.ctaDisclaimer},(0,ei.U)(eV.x,{tag:"p",type:b,color:"primary"===g?"neutral700":"neutral100"},"By signing up, you agree to Zapier’s"," ",(0,ei.U)(em.r,{href:m,color:g},"Terms of Service")," ","and"," ",(0,ei.U)(em.r,{href:v,color:g},"Privacy Policy"),"."));var SubscriptionFormWithDisclaimer_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let tf={ctaContainer:I.iv` + text-align: center; + display: flex; + align-items: stretch; + flex-direction: column; + text-align: left; + `},SubscriptionFormWithDisclaimer=g=>{var{disclaimerTextColor:m="primary",disclaimerTextType:b}=g,v=SubscriptionFormWithDisclaimer_rest(g,["disclaimerTextColor","disclaimerTextType"]);return(0,ei.U)("div",{css:tf.ctaContainer},(0,ei.U)(SubscriptionForm,Object.assign({},v,{fluidInput:!0})),(0,ei.U)(DisclaimerText,{color:m,textType:b}))},th=(0,eo.B)("ContentSection",{root:g=>[{maxWidth:1280,margin:"0 auto"},(0,ea.Q)(g,{small:{padding:"0 10px"},medium:{padding:"0 20px"},large:{padding:"0 40px"}}[g])]}),ContentSection=({children:g,size:m="small"})=>(0,ei.U)("div",{css:th.root(m)},g),tg=(0,eo.B)("FAQ",{root:I.iv` + padding: 30px 20px; + + @media screen and (min-width: 650px) { + padding: 50px 30px; + } + `,faqContent:I.iv` + max-width: 1170px; + margin: 0 auto; + `,heading:I.iv` + text-align: center; + margin-bottom: 30px; + color: ${R.w.neutral800}; + ${V.ZT.pageHeader5} + `,ctaContainer:I.iv` + text-align: center; + margin-top: 30px; + + & > a, + & > button { + width: 100%; + } + + @media screen and (min-width: 650px) { + margin-top: 30px; + & > a, + & > button { + width: auto; + } + } + `,grid:I.iv` + display: grid; + gap: 20px; + + @media screen and (min-width: 650px) { + gap: 15px; + } + `}),FAQ=({heading:g="Frequently Asked Questions",items:m,children:b,ctaText:v,ctaHref:C,onCtaClick:w})=>(0,ei.U)("div",{css:tg.root},(0,ei.U)("div",{css:tg.faqContent},(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,{css:tg.heading},g)),m&&m.length>0?(0,ei.U)("div",{css:tg.grid},m.map(g=>(0,ei.U)(Accordion,{key:g.title,title:g.title,href:g.href,isInitiallyOpen:g.isInitiallyOpen,isOpen:g.isOpen,onToggle:g.onToggle},g.content))):b,v&&(C||w)&&(0,ei.U)("div",{css:tg.ctaContainer},(0,ei.U)(er.z,{href:C,size:"small",onClick:w},v))));var tm=b(97545);let tb={maxWidth:1230,gapBaseUnit:5,desktopGap:30,tabletGap:30,mobileGap:20},tv=(0,eo.B)("Margin",{root:g=>({margin:g.margin})}),Margin=g=>(0,ei.U)("div",{css:tv.root(g)},g.children);var ty=b(57627),tC=b(30421),tw=b(90923);let tx={lava60:"zapier",ocean40:"night",sun60:"moss",white:"neutral100"},tk={zapier:"cream",neutral100:"neutral800",night:"neutral100",moss:"neutral100",neutral800:"neutral100",earth:"neutral100"},getBgColor=g=>tx[g]||g,getCtaBtnColor=(g,m)=>{let b=getBgColor(g),v={neutral100:["primary","primary-alt","brand"],zapier:["primary-alt"],night:["primary-dark","brand"],moss:["primary-dark","brand"],neutral800:["primary-dark","brand"],earth:["primary-dark","brand"]};return m&&v[b].includes(m)?m:v[b][0]},tS=(0,eo.B)("CTATextContent",{root:(g="left")=>I.iv` + text-align: ${g}; + @media screen and (min-width: 768px) { + max-width: ${"center"===g?"100%":"450px"}; + } + `,heading:(g,m)=>I.iv` + ${V.ZT.pageHeader4} + color: ${R.w[m]}; + @media screen and (min-width: 768px) { + ${V.ZT.pageHeader3} + } + margin-bottom: ${"center"===g?"10px":"20px"}; + `,subHeading:g=>I.iv` + ${V.ZT.pageHeader9} + color: ${R.w[g]}; + margin-bottom: 20px; + `,description:(g,m)=>I.iv` + ${V.ZT.paragraph1ShortBold} + color: ${R.w[m]}; + margin-bottom: ${"center"===g?"30px":"20px"}; + `,ctaContainer:I.iv` + & > a, + & > button { + width: 100%; + } + + @media screen and (min-width: 768px) { + & > a, + & > button { + width: auto; + } + } + `}),getTextColor=g=>tk[g],getButton=g=>{let m={children:g.ctaText,href:g.ctaHref,onClick:g.onCtaClick,onKeyDown:g.onCtaKeyDown,target:g.ctaTarget,"data-testid":"cta-button"},b=getCtaBtnColor(g.bgColor,g.ctaBtnColor);return"primary-dark"===b?(0,ei.U)(tw.N,Object.assign({},m)):"brand"===b?(0,ei.U)(tC.h,Object.assign({},m)):(0,ei.U)(er.z,Object.assign({},m,{color:b,size:"small"}))},CTATextContent=g=>{let m=getTextColor(g.bgColor);return(0,ei.U)("div",{css:tS.root(g.alignment)},(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,{css:tS.heading(g.alignment,m)},g.heading),g.subHeading&&(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,{css:tS.subHeading(m)},g.subHeading))),g.description&&(0,ei.U)("div",{css:tS.description(g.alignment,m)},g.description),g.ctaText&&(g.ctaHref||g.onCtaClick)&&(0,ei.U)("div",{css:tS.ctaContainer},getButton(g)))},tO=(0,eo.B)("CTACentered",{root:g=>I.iv` + display: flex; + flex-direction: column; + align-items: center; + padding: 40px 30px; + background-color: ${R.w[g]}; + + @media screen and (min-width: 768px) { + padding: 40px; + } + + @media screen and (min-width: 1230px) { + padding: 70px 200px; + } + `,mediaContent:g=>I.iv` + max-width: ${g}px; + @media screen and (min-width: 768px) { + margin: 0 auto; + } + `}),getSubscriptionFormButton=(g,m)=>{let b=getCtaBtnColor(g,m),v={children:"Submit",type:"submit"};return"primary-dark"===b?(0,ei.U)(tw.N,Object.assign({},v)):"brand"===b?(0,ei.U)(tC.h,Object.assign({},v)):(0,ei.U)(er.z,Object.assign({},v,{color:b,size:"small"}))},CTACentered=({backgroundColor:g="neutral100",ctaHref:m,ctaBtnColor:b,ctaText:v,description:C,heading:w,maxWidth:x=570,onCtaClick:k,onCtaKeyDown:S,subHeading:O,isSubscriptionForm:T,subscriptionPlaceholder:P,onSubscriptionFormSubmit:U,ctaTarget:M})=>{let L=getBgColor(g),D="zapier"===L;return D&&T&&console.error("Do not use the subscription form with the zapier background. The disclaimer text accessibility is poor on the zapier background."),(0,ei.U)("div",{css:tO.root(L)},(0,ei.U)("div",{css:tO.mediaContent(x)},(0,ei.U)(CTATextContent,{heading:w,subHeading:O,description:C,ctaText:T?void 0:v,ctaHref:T?void 0:m,ctaBtnColor:b,onCtaClick:T?void 0:k,onCtaKeyDown:S,bgColor:L,alignment:"center",ctaTarget:M})),T?(0,ei.U)(SubscriptionFormWithDisclaimer,{placeholderText:P||"",renderButton:()=>getSubscriptionFormButton(g,b),onSubmit:U,disclaimerTextColor:"neutral100"===L?"primary":"secondary",disclaimerTextType:"paragraph3"}):null)},tT=(0,eo.B)("CTAFilled",{root:(g,m=1170)=>I.iv` + display: grid; + align-items: center; + grid-template-columns: repeat(1, 1fr); + gap: 40px; + max-width: ${m}px; + margin: 20px; + padding: 40px 30px; + border-radius: 10px; + background-color: ${R.w[g]}; + + @media screen and (min-width: 768px) { + grid-template-columns: repeat(2, 1fr); + margin: 40px 30px; + padding: 40px; + } + + @media screen and (min-width: 1230px) { + margin: 40px auto; + padding: 40px 70px; + } + `,mediaContent:I.iv` + @media screen and (min-width: 768px) { + margin: 0 auto; + } + `}),CTAFilled=({backgroundColor:g="neutral100",children:m,ctaHref:b,ctaBtnColor:v,ctaText:C,description:w,heading:x,maxWidth:k,onCtaClick:S,onCtaKeyDown:O,subHeading:T,ctaTarget:P})=>{let U=getBgColor(g);return(0,ei.U)("div",{css:tT.root(U,k)},(0,ei.U)(CTATextContent,{heading:x,subHeading:T,description:w,ctaText:C,ctaHref:b,ctaBtnColor:v,onCtaClick:S,onCtaKeyDown:O,bgColor:U,ctaTarget:P}),(0,ei.U)("div",{css:tT.mediaContent,"data-testid":"media-content"},m))},tP=(0,eo.B)("CTAStandard",{root:g=>I.iv` + background-color: ${R.w[g]}; + padding: 40px 20px; + @media screen and (min-width: 768px) { + padding: 60px 30px; + } + + @media screen and (min-width: 1230px) { + padding: 80px 20px; + } + `,content:g=>I.iv` + display: grid; + align-items: center; + grid-template-columns: repeat(1, 1fr); + gap: 40px; + max-width: ${g}px; + margin: 0 auto; + + @media screen and (min-width: 768px) { + gap: 90px; + grid-template-columns: repeat(2, 1fr); + } + `,mediaContent:I.iv` + @media screen and (min-width: 768px) { + margin: 0 auto; + } + `}),CTAStandard=({backgroundColor:g="white",heading:m,subHeading:b,ctaText:v,ctaHref:C,ctaBtnColor:w,description:x,onCtaClick:k,onCtaKeyDown:S,children:O,maxWidth:T=1170,ctaTarget:P})=>{let U=getBgColor(g);return(0,ei.U)("div",{css:tP.root(U)},(0,ei.U)("div",{css:tP.content(T)},(0,ei.U)(CTATextContent,{heading:m,subHeading:b,description:x,ctaText:v,ctaHref:C,ctaBtnColor:w,onCtaClick:k,onCtaKeyDown:S,bgColor:U,ctaTarget:P}),(0,ei.U)("div",{css:tP.mediaContent,"data-testid":"media-content"},O)))},tU={mobile:375,tablet:768},tM={ocean40:"night",sun60:"moss",lava60:"zapier",white:"neutral100",neutral100:"neutral100",zapier:"zapier",night:"night",moss:"moss",neutral800:"neutral800"},transformBackgroundColor=g=>tM[g]||g,mapBackgroundColorToV5HeadingColorName=g=>({neutral100:"neutral700",zapier:"cream"})[g]||"neutral100",mapBackgroundColorToV5TextColorName=g=>({neutral100:"neutral800",zapier:"cream"})[g]||"neutral100",validateZapierBackgroundAccessibility=(g,m,b)=>{"zapier"===g&&(m||b)&&console.error(`Do not use the ${m?"subscription form":"cta disclaimer"} with the zapier background. The disclaimer text accessibility is poor on the zapier background.`)},getSupportedCTAColor=(g,m)=>{let b={neutral100:["primary","primary-alt","brand"],zapier:["primary-alt"],night:["primary-dark","brand"],moss:["primary-dark","brand"],neutral800:["primary-dark","brand"]};return b[m].includes(g)?g:b[m][0]},tL={tablet:768,desktop:1230},tD={ctaContainer:I.iv` + max-width: 350px; + @media screen and (min-width: ${tL.tablet}px) { + max-width: 470px; + align-items: stretch; + flex-direction: column; + } + `,ctaDisclaimer:I.iv` + margin: 10px 0; + text-align: left; + @media screen and (min-width: ${tL.tablet}px) { + margin: 10px 0; + } + `},t$=(0,eo.B)("HeroFeatures",{root:(g="neutral100")=>I.iv` + display: flex; + flex-direction: column; + align-items: center; + background-color: ${R.w[g]}; + `,mediaContent:I.iv` + width: 100%; + img { + min-height: 341px; + object-fit: cover; + } + `,content:I.iv` + margin: 0 auto; + padding: 20px; + @media screen and (min-width: ${tL.tablet}px) { + padding: 80px 0; + } + @media screen and (min-width: ${tL.desktop}px) { + padding: 85px 0; + } + max-width: 770px; + display: flex; + flex-direction: column; + align-items: center; + `,textContent:I.iv` + margin: auto; + `,labelContainer:I.iv` + margin-bottom: 10px; + `,heading:(g="neutral100")=>I.iv` + ${V.ZT.pageHeader4} + color: ${R.w[mapBackgroundColorToV5TextColorName(g)]}; + margin-bottom: 10px; + text-align: center; + + @media screen and (min-width: ${tL.tablet}px) { + ${V.ZT.pageHeader3} + } + `,description:(g="neutral100")=>I.iv` + ${V.ZT.pageHeader9} + color: ${R.w[mapBackgroundColorToV5HeadingColorName(g)]}; + text-align: center; + margin: 0 auto; + max-width: 570px; + `,ctaContainer:(g=!1)=>I.iv` + margin-top: 30px; + text-align: center; + width: 100%; + @media screen and (min-width: ${tL.tablet}px) { + margin-top: 40px; + } + ${g&&(0,ea.Q)("subscription-form",tD.ctaContainer)} + `,ctaButtonWrapper:I.iv` + margin: 0 auto; + + // Button should take up full width in mobile only; + button, + a { + width: 100%; + } + + @media screen and (min-width: ${tL.tablet}px) { + button, + a { + width: auto; + } + } + `,ctaDisclaimer:(g=!1)=>I.iv` + margin: 10px 0 0 0; + text-align: center; + ${g&&(0,ea.Q)("subscription-form-disclaimer",tD.ctaDisclaimer)} + `}),HeroFeatures=({backgroundColor:g="neutral100",ctaColor:m="primary",isSubscriptionForm:b=!1,subscriptionPlaceholder:v="Email address",heading:C,description:w,ctaText:x,ctaHref:k,ctaDisclaimer:S,onCtaClick:O,onCtaKeyDown:T,children:P,onSubscriptionFormSubmit:U,ctaTarget:M,label:L,labelIcon:D,labelColor:$})=>{validateZapierBackgroundAccessibility(g,b,!!S);let getCtaComponent=()=>{let v={children:x,href:b?void 0:k,onClick:O,onKeyDown:T,type:b?"submit":"button","data-testid":"standard-hero-cta-button",target:M},C=getSupportedCTAColor(m,g);return"brand"===C?(0,ei.U)(tC.h,Object.assign({},v)):"primary-dark"===C?(0,ei.U)(tw.N,Object.assign({},v)):(0,ei.U)(er.z,Object.assign({},v,{color:C},b&&{size:"small"}))};return(0,ei.U)("div",{css:t$.root(g),"data-background-color":g},(0,ei.U)("div",{css:t$.mediaContent},P),(0,ei.U)("div",{css:t$.content},L&&(0,ei.U)("div",{css:t$.labelContainer},(0,ei.U)(eW.S,{color:$},D?(0,ei.U)(tm.r,{alignItems:"center",columns:"auto max-content",gap:5},(0,ei.U)(en.J,{name:D,size:20}),L):L)),(0,ei.U)(Heading,{css:t$.heading(g)},C),w&&(0,ei.U)("div",{css:t$.description(g)},w),x&&(k||O||b)&&(0,ei.U)("div",{css:t$.ctaContainer(b)},b?(0,ei.U)(SubscriptionFormWithDisclaimer,{placeholderText:v,onSubmit:U,renderButton:()=>getCtaComponent(),disclaimerTextColor:"neutral100"===g?"primary":"secondary"}):(0,ei.U)(E.Fragment,null,(0,ei.U)("div",{css:t$.ctaButtonWrapper},getCtaComponent()),S&&(0,ei.U)("div",{css:t$.ctaDisclaimer(b)},(0,ei.U)(eV.x,{tag:"div",type:"paragraph3",color:mapBackgroundColorToV5HeadingColorName(g)},S))))))},tB={ctaContainer:I.iv` + @media screen and (min-width: ${tU.tablet}px) { + align-items: stretch; + flex-direction: column; + } + + // Button shouldn't take up full width when subscription form is enabled; + button, + a { + width: auto; + } + `,ctaDisclaimer:I.iv` + margin: 10px 0; + @media screen and (min-width: ${tU.tablet}px) { + margin: 10px 0; + } + @media screen and (max-width: ${tU.mobile}px) { + text-align: left; + } + `},tF=(0,eo.B)("Hero",{root:(g="neutral100")=>I.iv` + background-color: ${R.w[g]}; + padding: 20px; + @media screen and (min-width: ${tU.tablet}px) { + padding: 40px; + } + `,content:g=>I.iv` + display: grid; + align-items: center; + grid-template-columns: repeat(1, 1fr); + gap: 40px; + max-width: ${g}px; + margin: 0 auto; + + @media screen and (min-width: ${tU.tablet}px) { + grid-template-columns: repeat(2, 1fr); + } + `,labelContainer:I.iv` + margin-bottom: 10px; + `,heading:(g="neutral100")=>I.iv` + ${V.ZT.pageHeader4} + color: ${R.w[mapBackgroundColorToV5TextColorName(g)]}; + margin-bottom: 10px; + + @media screen and (min-width: ${tU.tablet}px) { + ${V.ZT.pageHeader3} + margin-bottom: 20px; + } + `,description:(g="neutral100")=>I.iv` + ${V.ZT.pageHeader9} + color: ${R.w[mapBackgroundColorToV5HeadingColorName(g)]}; + `,textContent:I.iv` + max-width: 470px; + text-align: center; + margin: 0 auto; + + @media screen and (min-width: ${tU.tablet}px) { + margin: 0; + text-align: left; + } + `,mediaContent:I.iv` + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + `,ctaContainer:(g=!1)=>I.iv` + margin-top: 20px; + text-align: center; + + @media screen and (min-width: ${tU.tablet}px) { + margin-top: 40px; + display: flex; + align-items: center; + text-align: left; + } + ${g&&(0,ea.Q)("subscription-form",tB.ctaContainer)} + `,ctaDisclaimer:(g=!1)=>I.iv` + margin: 10px auto 0 auto; + @media screen and (min-width: ${tU.tablet}px) { + margin-top: 0; + margin-left: 20px; + } + + ${g&&(0,ea.Q)("subscription-form-disclaimer",tB.ctaDisclaimer)} + `}),HeroStandard=({backgroundColor:g="neutral100",ctaColor:m="primary",isSubscriptionForm:b=!1,subscriptionPlaceholder:v="Email address",heading:C,description:w,ctaText:x,ctaHref:k,ctaDisclaimer:S,onCtaClick:O,onCtaKeyDown:T,onSubscriptionFormSubmit:P,children:U,maxWidth:M=1170,ctaTarget:L,label:D,labelIcon:$,labelColor:B})=>{let F=transformBackgroundColor(g);validateZapierBackgroundAccessibility(F,b,!!S);let getCtaComponent=()=>{let g={children:x,href:b?void 0:k,onClick:O,onKeyDown:T,isFullWidth:!0,type:b?"submit":"button",target:L},v=getSupportedCTAColor(m,F);return"brand"===v?(0,ei.U)(tC.h,Object.assign({},g)):"primary-dark"===v?(0,ei.U)(tw.N,Object.assign({},g)):(0,ei.U)(er.z,Object.assign({},g,{color:v,size:"small"}))},I=!!S&&(0,E.isValidElement)(S);return(0,ei.U)("div",{css:tF.root(F)},(0,ei.U)("div",{css:tF.content(M)},(0,ei.U)("div",{css:tF.textContent},D&&(0,ei.U)("div",{css:tF.labelContainer},(0,ei.U)(eW.S,{color:B},$?(0,ei.U)(tm.r,{alignItems:"center",columns:"auto max-content",gap:5},(0,ei.U)(en.J,{name:$,size:20}),D):D)),(0,ei.U)(Heading,{css:tF.heading(F)},C),w&&(0,ei.U)("div",{css:tF.description(F)},w),x&&(k||O||b)&&(0,ei.U)("div",{css:tF.ctaContainer(b)},b?(0,ei.U)(SubscriptionFormWithDisclaimer,{placeholderText:v,onSubmit:P,renderButton:()=>getCtaComponent(),disclaimerTextColor:"neutral100"===F?"primary":"secondary"}):(0,ei.U)(E.Fragment,null,(0,ei.U)("div",null,getCtaComponent()),S&&(0,ei.U)("div",{css:tF.ctaDisclaimer(b)},I?S:(0,ei.U)(eV.x,{tag:"p",type:"paragraph3",color:mapBackgroundColorToV5HeadingColorName(F)},S))))),(0,ei.U)("div",{css:tF.mediaContent},U)))},tI=(0,ee.F)("HeroColorBlock",["primaryBackgroundColorStop","secondaryBackgroundColorStop"]),tE={ctaContainer:I.iv` + max-width: 470px; + @media screen and (min-width: ${tU.tablet}px) { + align-items: stretch; + flex-direction: column; + } + `,ctaDisclaimer:I.iv` + margin: 10px 0; + text-align: left; + `},tH=(0,eo.B)("HeroColorBlock",{root:(g="zapier")=>I.iv` + padding: 20px 19.5px; + ${tI.primaryBackgroundColorStop}: ${R.w[g]}; + ${tI.secondaryBackgroundColorStop}: ${R.w.neutral100}; + background: linear-gradient( + to bottom, + var(${tI.primaryBackgroundColorStop}) 80%, + var(${tI.secondaryBackgroundColorStop}) 20% + ); + @media screen and (min-width: ${tU.mobile}px) { + padding: 40px 31px; + background: linear-gradient( + to bottom, + var(${tI.primaryBackgroundColorStop}) 75%, + var(${tI.secondaryBackgroundColorStop}) 25% + ); + } + @media screen and (min-width: ${tU.tablet}px) { + padding: 60px 31px; + background: linear-gradient( + to bottom, + var(${tI.primaryBackgroundColorStop}) 54.55%, + var(${tI.secondaryBackgroundColorStop}) 45.45% + ); + } + `,content:I.iv` + max-width: 770px; + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: center; + `,textContent:I.iv` + margin: auto; + `,labelContainer:I.iv` + margin-bottom: 10px; + `,heading:g=>I.iv` + ${V.ZT.pageHeader4} + color: ${R.w["zapier"===g?"cream":"neutral100"]}; + margin-bottom: 10px; + text-align: center; + + @media screen and (min-width: ${tU.tablet}px) { + ${V.ZT.pageHeader3} + margin-bottom: 20px; + } + `,description:g=>I.iv` + ${V.ZT.pageHeader9} + color: ${R.w["zapier"===g?"cream":"neutral100"]}; + text-align: center; + margin: 0 auto; + max-width: 570px; + `,ctaContainer:(g=!1)=>I.iv` + margin-top: 20px; + text-align: center; + width: 100%; + @media screen and (min-width: ${tU.tablet}px) { + margin-top: 40px; + } + ${g&&(0,ea.Q)("subscription-form",tE.ctaContainer)} + `,ctaButtonWrapper:I.iv` + margin: 0 auto; + + // Button should take up full width in mobile only; + button, + a { + width: 100%; + } + + @media screen and (min-width: ${tU.tablet}px) { + button, + a { + width: auto; + } + } + `,ctaDisclaimer:(g=!1)=>I.iv` + margin: 10px 0 0 0; + text-align: center; + ${g&&(0,ea.Q)("subscription-form-disclaimer",tE.ctaDisclaimer)} + `,mediaContent:I.iv` + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + margin-top: 40px; + `}),HeroColorBlock=({ctaColor:g="primary-alt",isSubscriptionForm:m=!1,subscriptionPlaceholder:b="Email address",backgroundColor:v="zapier",heading:C,description:w,ctaText:x,ctaHref:k,ctaDisclaimer:S,onCtaClick:O,onCtaKeyDown:T,children:P,onSubscriptionFormSubmit:U,ctaTarget:M,label:L,labelIcon:D,labelColor:$})=>{let B=transformBackgroundColor(v);validateZapierBackgroundAccessibility(B,m,!!S);let getCtaComponent=()=>{let b={children:x,href:m?void 0:k,onClick:O,onKeyDown:T,type:m?"submit":"button","data-testid":"color-block-hero-cta-button",target:M},v=getSupportedCTAColor(g,B);return"brand"===v?(0,ei.U)(tC.h,Object.assign({},b)):"primary-dark"===v?(0,ei.U)(tw.N,Object.assign({},b)):(0,ei.U)(er.z,Object.assign({},b,{color:v,size:"small"}))};return(0,ei.U)("div",{css:tH.root(B),"data-background-color":B},(0,ei.U)("div",{css:tH.content},L&&(0,ei.U)("div",{css:tH.labelContainer},(0,ei.U)(eW.S,{color:$},D?(0,ei.U)(tm.r,{alignItems:"center",columns:"auto max-content",gap:5},(0,ei.U)(en.J,{name:D,size:20}),L):L)),(0,ei.U)(Heading,{css:tH.heading(B)},C),w&&(0,ei.U)("div",{css:tH.description(B)},w),x&&(k||O||m)&&(0,ei.U)("div",{css:tH.ctaContainer(m)},m?(0,ei.U)(SubscriptionFormWithDisclaimer,{placeholderText:b,onSubmit:U,renderButton:()=>getCtaComponent(),disclaimerTextColor:"neutral100"===B?"primary":"secondary"}):(0,ei.U)("div",null,(0,ei.U)("div",{css:tH.ctaButtonWrapper},getCtaComponent()),S&&(0,ei.U)("div",{css:tH.ctaDisclaimer(m)},(0,ei.U)(eV.x,{tag:"div",type:"paragraph3",color:"zapier"===B?"cream":"neutral100"},S)))),(0,ei.U)("div",{css:tH.mediaContent},P)))},remapDeprecatedColors=g=>({lava10:"cream",ocean10:"acidWash",sun10:"neutral200",white:"neutral100"})[g]||g,t_={tablet:768,desktop:1230},tz=(0,eo.B)("TestimonialSolo",{root:(g="neutral100")=>I.iv` + background-color: ${R.w[remapDeprecatedColors(g)]}; + `,content:I.iv` + padding: 39px 19px; + margin: 0 auto; + text-align: center; + max-width: 500px; + + @media screen and (min-width: ${t_.desktop}px) { + max-width: 770px; + padding: 58px 0px; + } + `,avatarContainer:I.iv` + margin-bottom: 20px; + `,quote:I.iv` + ${V.ZT.paragraph3} + color: ${R.w.neutral800}; + margin-bottom: 20px; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.subHeader1} + } + `,author:I.iv` + ${V.ZT.smallPrint1Bold} + color: ${R.w.neutral700}; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.paragraph3Bold} + } + `,company:I.iv` + ${V.ZT.smallPrint1} + color: ${R.w.neutral700}; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.paragraph3} + } + `}),TestimonialSolo=({backgroundColor:g,avatarUrl:m,hasAuthorAvatar:b=!0,quote:v,author:C,company:w})=>(0,ei.U)("div",{css:tz.root(g)},(0,ei.U)("div",{css:tz.content},b&&(0,ei.U)("div",{css:tz.avatarContainer},(0,ei.U)(ef.q,{"data-testId":"Avatar",name:C,url:m,size:40})),(0,ei.U)("div",{css:tz.quote},v),(0,ei.U)("p",{css:tz.author},C),(0,ei.U)("p",{css:tz.company},w))),tA=(0,eo.B)("TestimonialCommon",{quote:I.iv` + ${V.ZT.smallPrint1} + color: ${R.w.neutral800}; + margin-bottom: 10px; + + @media screen and (min-width: ${t_.tablet}px) { + margin-bottom: 20px; + ${V.ZT.paragraph3} + } + + @media screen and (min-width: ${t_.desktop}px) { + margin-bottom: 20px; + ${V.ZT.paragraph1} + color: ${R.w.neutral700}; + } + `,author:I.iv` + ${V.ZT.smallPrint1Bold} + color: ${R.w.neutral700}; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.paragraph3Bold} + } + `,company:I.iv` + ${V.ZT.smallPrint1} + color: ${R.w.neutral700}; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.paragraph3} + } + `}),tj=(0,eo.B)("TestimonialTwoColumn",{outerBox:(g="neutral100")=>I.iv` + background-color: ${R.w[remapDeprecatedColors(g)]}; + padding: 20px; + @media screen and (min-width: ${t_.tablet}px) { + padding: 72px 30px; + } + @media screen and (min-width: ${t_.desktop}px) { + padding: 82px 0px; + } + `,grid:I.iv` + display: grid; + grid-template-rows: auto; + row-gap: 25px; + max-width: 1170px; + justify-content: center; + margin: 0 auto; + @media screen and (min-width: ${t_.tablet}px) { + grid-template-columns: auto 1px auto; + column-gap: 15px; + @media screen and (min-width: ${t_.desktop}px) { + column-gap: 115px; + } + } + `,content:I.iv` + margin: 0 auto; + text-align: center; + max-width: 336px; + + @media screen and (min-width: ${t_.tablet}px) { + max-width: 339px; + } + + @media screen and (min-width: ${t_.desktop}px) { + max-width: 370px; + } + `,avatarContainer:I.iv` + margin-bottom: 10px; + @media screen and (min-width: ${t_.tablet}px) { + margin-bottom: 20px; + } + `,border:I.iv` + @media screen and (min-width: ${t_.tablet}px) { + width: 1px; + background-color: ${R.w.neutral400}; + } + `}),tN=(0,eo.B)("TestimonialThreeColumn",{outerBox:(g="neutral100")=>I.iv` + background-color: ${R.w[remapDeprecatedColors(g)]}; + padding: 20px; + @media screen and (min-width: ${t_.tablet}px) { + padding: 40px 0px; + } + @media screen and (min-width: ${t_.desktop}px) { + padding: 107px 0px; + } + `,grid:I.iv` + display: grid; + grid-template-rows: auto; + row-gap: 40px; + max-width: 1170px; + justify-content: center; + margin: 0 auto; + @media screen and (min-width: ${t_.tablet}px) { + row-gap: 50px; + } + @media screen and (min-width: ${t_.desktop}px) { + grid-template-columns: auto auto auto; + column-gap: 30px; + } + `,content:I.iv` + margin: 0 auto; + text-align: left; + max-width: 336px; + + @media screen and (min-width: ${t_.tablet}px) { + max-width: 462px; + } + + @media screen and (min-width: ${t_.desktop}px) { + max-width: 370px; + } + `,innerFlex:I.iv` + display: flex; + flex-direction: row; + align-items: stretch; + gap: 20px; + `}),renderContentForTwoColumn=(g,m)=>(0,ei.U)("div",{css:tj.content},g.testimonials[m].hasAuthorAvatar&&(0,ei.U)("div",{css:tj.avatarContainer},(0,ei.U)(ef.q,{"data-testId":"Avatar",name:g.testimonials[m].author,url:g.testimonials[m].avatarUrl,size:40})),(0,ei.U)("div",{css:tA.quote},g.testimonials[m].quote),(0,ei.U)("p",{css:tA.author},g.testimonials[m].author),(0,ei.U)("p",{css:tA.company},g.testimonials[m].company)),renderTwoColumn=g=>(0,ei.U)("div",{css:tj.outerBox(g.backgroundColor)},(0,ei.U)("div",{css:tj.grid},renderContentForTwoColumn(g,0),(0,ei.U)("div",{css:tj.border}),renderContentForTwoColumn(g,1))),renderThreeColumn=g=>(0,ei.U)("div",{css:tN.outerBox(g.backgroundColor)},(0,ei.U)("div",{css:tN.grid},g.testimonials.slice(0,g.numberOfColumns).map((g,m)=>(0,ei.U)("div",{key:m,css:tN.content},(0,ei.U)("div",{css:tA.quote},g.quote),g.hasAuthorAvatar?(0,ei.U)("div",{css:tN.innerFlex},(0,ei.U)("div",{css:tj.avatarContainer},(0,ei.U)(ef.q,{"data-testId":"Avatar",name:g.author,url:g.avatarUrl,size:40})),(0,ei.U)("div",null,(0,ei.U)("p",{css:tA.author},g.author),(0,ei.U)("p",{css:tA.company},g.company))):(0,ei.U)("div",null,(0,ei.U)("p",{css:tA.author},g.author),(0,ei.U)("p",{css:tA.company},g.company)))))),TestimonialMultipleColumn=g=>{if(1===g.testimonials.length){let m=g.testimonials[0];return(0,ei.U)(TestimonialSolo,{backgroundColor:g.backgroundColor,avatarUrl:m.avatarUrl,company:m.company,quote:m.quote,author:m.author})}let m=2===g.numberOfColumns?renderTwoColumn:renderThreeColumn;return m(g)},tZ=(0,eo.B)("testimonialCarousel",{testimonialCarouselContainer:(g="neutral100")=>I.iv` + display: flex; + flex-direction: column; + align-items: center; + background-color: ${R.w[remapDeprecatedColors(g)]}; + padding: 20px; + @media screen and (min-width: ${t_.tablet}px) { + padding: 40px 30px; + } + `,testimonialContainerWrapper:I.iv` + width: 100%; + display: flex; + overflow-x: auto; + gap: 40px; + // Fits inside our 1230px max grid, plus about 100px of padding on each side of the carousel + // so that it is centered and not quite as wide as a Hero, for example + max-width: 1030px; + &::-webkit-scrollbar { + /* Hide scrollbar for Chrome, Safari and Opera */ + display: none; + } + -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */ + scrollbar-width: none; /* Hide scrollbar for Firefox */ + @media screen and (min-width: ${t_.tablet}px) { + gap: 60px; + } + `,testimonialContainer:I.iv` + min-width: 100%; + display: grid; + align-items: flex-start; + grid-template-columns: repeat(1,1fr); + gap: 30px 0; + margin-bottom: 30px; + @media screen and (min-width: ${t_.tablet}px) { + grid-template-columns: repeat(2,1fr); + gap: 0 30px; + } + @media screen and (min-width: ${t_.desktop}px) { + margin-bottom: 40px; + gap: 0 100px; + } + } + `,testimonial:I.iv` + text-align: left; + @media screen and (min-width: ${t_.tablet}px) { + max-width: 339px; + } + @media screen and (min-width: ${t_.desktop}px) { + max-width: 400px; + } + `,avatarContainer:I.iv` + margin-bottom: 20px; + `,quote:I.iv` + ${V.ZT.paragraph3} + color: ${R.w.neutral800}; + margin-bottom: 20px; + + @media screen and (min-width: ${t_.tablet}px) { + ${V.ZT.subHeader1} + } + `,author:I.iv` + ${V.ZT.paragraph3} + color: ${R.w.neutral700}; + `}),TestimonialCarousel=g=>{let[m,b]=(0,E.useState)(0),v=(0,E.useRef)(null),[C,w]=(0,E.useState)(0);(0,E.useEffect)(()=>{var g;w((null===(g=null==v?void 0:v.current)||void 0===g?void 0:g.offsetWidth)||0)},[]),(0,E.useLayoutEffect)(()=>{let g=debounce(()=>{var g;w((null===(g=null==v?void 0:v.current)||void 0===g?void 0:g.offsetWidth)||0)},100);return window.addEventListener("resize",g,{capture:!0}),()=>{window.removeEventListener("resize",g,{capture:!0})}});let x=(0,ei.U)(Paginator,{currentPageIndex:m,onPaginate:({pageIndex:g})=>b(g),pageUrls:Array.from({length:g.testimonials.length})});return(0,ei.U)("div",{css:tZ.testimonialCarouselContainer(g.backgroundColor)},(0,ei.U)("div",{css:tZ.testimonialContainerWrapper,ref:v},C&&(0,ei.U)(ScrollSnap,{gap:60,itemWidth:C,onScroll:g=>{b(g)},pageIndex:m,scrollSnapAlign:"center"},g.testimonials.map((g,m)=>(0,ei.U)("div",{key:m,css:tZ.testimonialContainer},(0,ei.U)("div",null,g.mediaElement),(0,ei.U)("div",{css:tZ.testimonial},g.hasAuthorAvatar&&(0,ei.U)("div",{css:tZ.avatarContainer},(0,ei.U)(ef.q,{"data-testId":"Avatar",name:g.author,url:g.avatarUrl,size:40})),(0,ei.U)("div",{css:tZ.quote},g.quote),(0,ei.U)("p",{css:tZ.author},g.author,", ",g.company)))))),x)},tR={tablet:768,desktop:1230},mapV4ToV5Color=g=>{let m={[R.w.lava10]:R.w.cream,[R.w.ocean10]:R.w.acidWash,[R.w.sun10]:R.w.neutral200,[R.w.white]:R.w.neutral100};return m[g]||g},tW=(0,eo.B)("OneColumnBlock",{root:(g="neutral100")=>[I.iv` + background-color: ${mapV4ToV5Color(R.w[g])}; + padding: 20px; + @media screen and (min-width: ${tR.tablet}px) { + padding: 40px 30px; + } + @media screen and (min-width: ${tR.desktop}px) { + padding: 50px 30px; + } + `],content:[I.iv` + margin: 0 auto; + text-align: center; + max-width: 1170px; + `],text:g=>I.iv` + text-align: ${g}; + max-width: 720px; + margin-left: ${"center"===g||"right"===g?"auto":0}; + margin-right: ${"center"===g?"auto":0}; + `,headingContainer:[I.iv` + ${V.ZT.pageHeader5} + + @media screen and (min-width: ${tR.desktop}px) { + ${V.ZT.pageHeader5} + } + `],description:[I.iv` + margin-top: 20px; + ${V.ZT.smallPrint1} + color: ${R.w.neutral700}; + + @media screen and (min-width: ${tR.tablet}px) { + ${V.ZT.paragraph1Short} + } + `]}),OneColumnBlock=({backgroundColor:g,altText:m="",headingTag:b="h3",heading:v,description:C,imageUrl:w,textAlign:x="center"})=>(0,ei.U)("div",{css:tW.root(g)},(0,ei.U)("div",{css:tW.content},w?(0,ei.U)(eg.E,{borderRadius:0,src:w,alt:m}):(0,ei.U)("div",{"data-testid":"Text",css:tW.text(x)},(0,ei.U)("div",{css:tW.headingContainer},(0,ei.U)(eV.x,{type:"heading",color:"neutral800",tag:b},v)),C&&(0,ei.U)("div",{css:tW.description},C)))),tV={tablet:768},tq={iconContainer:I.iv` + margin-bottom: 15px; + `,mediaContainer:I.iv` + width: 100%; + margin-bottom: 20px; + `,heading:[I.iv` + margin-bottom: 10px; + color: ${R.w.neutral800}; + ${V.ZT.pageHeader9} + `],description:[I.iv` + margin-bottom: 10px; + color: ${R.w.neutral800}; + ${V.ZT.paragraph3} + + @media screen and (min-width: ${tV.tablet}px) { + ${V.ZT.paragraph1Short} + } + `],smallText:[I.iv` + margin-bottom: 10px; + color: ${R.w.neutral700}; + ${V.ZT.smallPrint1} + + @media screen and (min-width: ${tV.tablet}px) { + ${V.ZT.paragraph3} + } + `]},tK={primaryCtaContainer:I.iv` + & > a, + & > button { + width: 100%; + } + + @media screen and (min-width: ${tV.tablet}px) { + & > a, + & > button { + width: auto; + } + } + `},tG={secondaryCtaContainer:I.iv` + margin-top: 10px; + + & > a { + display: inline-flex; + align-items: center; + } + `,secondaryCtaText:I.iv` + ${V.ZT.paragraph3Bold} + `,secondaryCtaIconContainer:I.iv` + margin-left: 6px; + height: 24px; + `},tY=(0,eo.B)("Block",Object.assign(Object.assign(Object.assign({container:g=>[I.iv` + background-color: transparent; + display: flex; + flex-direction: column; + margin: 0 auto; + align-items: ${g?"center":"flex-start"}; + text-align: ${g?"center":"left"}; + `],link:I.iv` + &:hover img { + box-shadow: ${W.f.elevation20}; + } + `},tq),tK),tG)),Content=({iconName:g,iconColor:m,media:b,heading:v,description:C,smallText:w})=>(0,ei.U)(E.Fragment,null,g&&(0,ei.U)("div",{"data-testid":"icon",css:tY.iconContainer},(0,ei.U)(en.J,{color:m,name:g,size:50})),b&&(0,ei.U)("div",{css:tY.mediaContainer},b),v&&(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,{css:tY.heading},v)),C&&(0,ei.U)("div",{css:tY.description},C),w&&(0,ei.U)("p",{css:tY.smallText},w)),PrimaryCTA=({ctaHref:g,onCtaClick:m,onCtaKeyDown:b,ctaText:v})=>(0,ei.U)("div",{css:tY.primaryCtaContainer},(0,ei.U)(er.z,{color:"primary",href:g,onClick:m,onKeyDown:b,"data-testid":"cta-button"},v)),SecondaryCTA=({secondaryCtaHref:g,onSecondaryCtaClick:m,onSecondaryCtaKeyDown:b,secondaryCtaText:v})=>(0,ei.U)("div",{css:tY.secondaryCtaContainer},(0,ei.U)(em.r,{"data-testid":"cta-secondary-button",href:g,onClick:m,onKeyDown:b,weight:"bold"},(0,ei.U)("div",{css:tY.secondaryCtaText},v)));function Block({isLink:g=!1,isCentered:m=!1,description:b,iconName:v,iconColor:C="blue",media:w,ctaText:x,ctaHref:k,secondaryCtaText:S,secondaryCtaHref:O,heading:T,smallText:P,onCtaClick:U,onCtaKeyDown:M,onSecondaryCtaClick:L,onSecondaryCtaKeyDown:D}){let $=!!(x&&(k||U)),B=!!(S&&(O||L)),F={iconName:v,iconColor:C,media:w,heading:T,description:b,smallText:P};return(0,ei.U)("div",{css:tY.container(m)},g?(0,ei.U)(em.r,{href:k,"data-testid":"link-wrapper",onClick:U,onKeyDown:M,css:tY.link},(0,ei.U)(Content,Object.assign({},F))):(0,ei.U)(E.Fragment,null,(0,ei.U)(Content,Object.assign({},F)),$&&(0,ei.U)(PrimaryCTA,Object.assign({},{ctaHref:k,onCtaClick:U,onCtaKeyDown:M,ctaText:x})),B&&(0,ei.U)(SecondaryCTA,Object.assign({},{secondaryCtaHref:O,onSecondaryCtaClick:L,onSecondaryCtaKeyDown:D,secondaryCtaText:S}))))}let tQ=(0,eo.B)("BlockGrid",{root:({childrenLength:g,maxColumns:m,maxWidth:b})=>I.iv` + display: grid; + align-items: flex-start; + gap: 50px 30px; + max-width: ${b}px; + margin: auto; + grid-template-columns: repeat(${g}, 1fr); + + // Two columns if tablet and two children, otherwise one column. + @media screen and (max-width: ${1230}px) { + grid-template-columns: repeat( + ${2===g||2===m?2:1}, + 1fr + ); + } + + // One column if mobile + @media screen and (max-width: ${768}px) { + grid-template-columns: repeat(1, 1fr); + } + `}),BlockGrid=({children:g,maxColumns:m,maxWidth:b=1170})=>{let v=m||E.Children.toArray(g).length;return(0,ei.U)("div",{css:tQ.root({childrenLength:v,maxColumns:m,maxWidth:b})},g)},tJ=(0,eo.B)("TwoColumnRiver",{root:(g="neutral100")=>I.iv` + background-color: ${R.w[g]}; + padding: 20px; + + @media screen and (min-width: 640px) { + padding: 40px 30px; + } + + @media screen and (min-width: 1024px) { + padding: 60px 20px; + } + `,container:g=>I.iv` + max-width: 1170px; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: column-reverse; + + @media screen and (min-width: 1024px) { + flex-direction: ${g?"row-reverse":"row"}; + } + `,content:I.iv` + width: 100%; + + @media screen and (min-width: 1024px) { + max-width: 500px; + padding-right: 30px; + } + `,labelContainer:I.iv` + margin-bottom: 20px; + `,media:g=>I.iv` + margin-bottom: 20px; + width: 100%; + + @media screen and (min-width: 1024px) { + max-width: 500px; + margin: ${g?"0 40px 0 0":"0 0 0 40px"}; + } + `,heading:I.iv` + ${V.ZT.pageHeader9} + color: ${R.w.neutral800}; + margin-bottom: 20px; + @media screen and (min-width: 640px) { + ${V.ZT.pageHeader7} + } + + @media screen and (min-width: 1024px) { + ${V.ZT.pageHeader5} + } + `,description:I.iv` + ${V.ZT.paragraph1Short} + color: ${R.w.neutral800}; + margin-bottom: 20px; + `,cta:I.iv` + & > a, + & > button { + width: 100%; + } + + @media screen and (min-width: 640px) { + & > a, + & > button { + width: auto; + } + } + `,secondaryCta:I.iv` + margin-top: 20px; + `}),TwoColumnRiver=({backgroundColor:g="neutral100",ctaColor:m="primary",ctaHref:b,ctaText:v,ctaTarget:C,description:w,heading:x,isReversed:k=!1,media:S,onCtaClick:O,onCtaKeyDown:T,onSecondaryCtaClick:P,onSecondaryCtaKeyDown:U,secondaryCtaHref:M,secondaryCtaText:L,label:D,labelIcon:$,labelColor:B,className:F})=>(0,ei.U)("div",{css:tJ.root(g),className:F},(0,ei.U)("div",{css:tJ.container(k),className:"twoColumnRiver-container"},(0,ei.U)("div",{css:tJ.content,className:"twoColumnRiver-content"},D&&(0,ei.U)("div",{css:tJ.labelContainer,className:"twoColumnRiver-labelContainer"},(0,ei.U)(eW.S,{color:B},$?(0,ei.U)(tm.r,{alignItems:"center",columns:"auto max-content",gap:5},(0,ei.U)(en.J,{name:$,size:20}),D):D)),(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,{css:tJ.heading},x)),w&&(0,ei.U)("div",{css:tJ.description,className:"twoColumnRiver-description"},w),v&&(b||O)&&(0,ei.U)("div",{css:tJ.cta,className:"twoColumnRiver-cta"},(()=>{let g={children:v,href:b,onClick:O,onKeyDown:T,target:C};return"brand"===m?(0,ei.U)(tC.h,Object.assign({},g)):(0,ei.U)(er.z,Object.assign({},g,{color:m}))})()),L&&M&&(0,ei.U)("div",{css:tJ.secondaryCta,className:"twoColumnRiver-secondaryCta"},(0,ei.U)(em.r,{href:M,onClick:P,onKeyDown:U,weight:"bold"},L))),S&&(0,ei.U)("div",{css:tJ.media(k),className:"twoColumnRiver-media"},S))),tX=["Slack","Meta","Shopify","Dropbox","Asana"],t0={svg:` + + + + + + + + + + + + + + + `,company:"Slack"},t1={svg:` + + + + + + + + + + + +`,company:"Dropbox"},t2={svg:` + + + + + + + + + + + + +`,company:"Shopify"},t3={svg:` + + + + + + + + +`,company:"Asana"},t4={svg:` + + + + + + + + + + `,company:"Slack"},t5={svg:` + + + + + `,company:"Meta"},t8={svg:` + + + `,company:"Dropbox"},t6={svg:` + + + + `,company:"Shopify"},t7={svg:` + + + +`,company:"Asana"},t9={tablet:768,desktop:1230},sanitizeClassName=g=>`${g}`.replace(/[^a-z0-9]/gi,"-"),re=(0,eo.B)("LogoBar",{root:I.iv` + display: grid; + justify-content: center; + justify-items: center; + grid-gap: 30px; + `,title:I.iv` + ${V.ZT.smallPrint1}; + color: ${R.w.neutral700}; + justify-self: center; + + @media screen and (min-width: ${t9.tablet}px) { + ${V.ZT.paragraph3} + } + `,logosContainer:I.iv` + display: grid; + justify-content: center; + grid-auto-flow: column; + grid-gap: 40px; + + @media screen and (min-width: ${t9.desktop}px) { + grid-gap: 80px; + } + `,logoContainer:I.iv` + align-self: center; + display: flex; + justify-self: center; + `,desktopLogoContainer:I.iv` + display: none; + + @media screen and (min-width: ${t9.tablet}px) { + display: block; + } + `,mobileLogoContainer:I.iv` + display: block; + + @media screen and (min-width: ${t9.tablet}px) { + display: none; + } + `,defaultLogo:g=>[{"> svg":{height:"inherit",width:"inherit"}},g&&(0,ea.Q)(sanitizeClassName(`${g}x${g}`),{height:g,width:g})]}),DefaultLogo=g=>(0,ei.U)("span",{css:re.defaultLogo(g.size),className:"logobar-defaultLogo",dangerouslySetInnerHTML:{__html:g.svg}}),rt={Asana:{mobile:t7,desktop:t3},Dropbox:{mobile:t8,desktop:t1},Meta:{mobile:t5,desktop:{svg:'',company:"Meta"}},Shopify:{mobile:t6,desktop:t2},Slack:{mobile:t4,desktop:t0}},LogoBar=g=>{let{title:m,items:b,size:v,className:C}=g;return(0,ei.U)("div",{css:re.root,className:C},(0,ei.U)(HeadingLevel,null,(0,ei.U)(Heading,null,(0,ei.U)("div",{css:re.title,className:"logobar-title"},m))),(0,ei.U)("ul",{css:re.logosContainer,className:"logobar-logosContainer"},b&&b.length>0?b.map(({logoUrl:g,companyName:m},b)=>(0,ei.U)("li",{css:re.logoContainer,key:b+g},(0,ei.U)(eg.E,{alt:m,borderRadius:0,src:g,height:v,width:v}))):tX.map(g=>(0,ei.U)(E.Fragment,{key:g},(0,ei.U)("li",{css:[re.logoContainer,re.desktopLogoContainer]},(0,ei.U)(DefaultLogo,Object.assign({},rt[g].desktop,{size:v}))),(0,ei.U)("li",{css:[re.logoContainer,re.mobileLogoContainer]},(0,ei.U)(DefaultLogo,Object.assign({},rt[g].mobile,{size:v})))))))};var rr=b(96520);let BackButton=g=>{let m={ariaLabel:g.ariaLabel,href:g.href,onClick:g.onClick,size:"small"},b=g.isOnDarkBackground?tw.N:er.z;return g.children?(0,ei.U)(b,Object.assign({},m,{color:"secondary",iconBefore:"arrowBigLeft"}),g.children):g.isOnDarkBackground?(0,ei.U)(rr.C,Object.assign({},m,{color:"icon-secondary",icon:"arrowBigLeft",label:g.tooltipText,tooltipPosition:"east"})):(0,ei.U)(eU.h,Object.assign({},m,{color:"icon-alt",icon:"arrowBigLeft",label:g.tooltipText,tooltipPosition:"east"}))},rn=(0,eo.B)("Breadcrumbs",{root:I.iv` + color: ${R.w.neutral800}; + &[data-size='large'] { + ${V.ZT.paragraph1ShortSemibold}; + } + &[data-size='small'] { + ${V.ZT.smallPrint1Semibold}; + } + `,list:I.iv` + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 2px 0px; + `,item:I.iv` + display: flex; + align-items: inherit; + gap: inherit; + `}),Breadcrumbs=({children:g,size:m="large"})=>{let b={small:20,large:24}[m],v=E.Children.toArray(g).filter(Boolean).map((g,m,v)=>{let C=m!==v.length-1&&(0,ei.U)("span",{"aria-hidden":"true"},(0,ei.U)(en.J,{css:rn.icon,isBlock:!0,color:"neutral400",name:"arrowSmallRight",size:b}));return(0,ei.U)("li",{css:rn.item,key:m},g,C)});return(0,ei.U)("div",{css:rn.root,"data-size":m},(0,ei.U)("ol",{css:rn.list},v))};var ro=b(49450);let InteractiveTagIcon=({ariaHidden:g=!0,ariaLabel:m,name:b,position:v})=>(0,ei.U)("div",{css:(0,I.iv)({display:"flex",justifyContent:"center",alignItems:"center",marginLeft:"formX"===b&&"before"===v?"-5px":"0px",marginRight:"formX"===b&&"after"===v?"-5px":"0px"})},(0,ei.U)(en.J,{ariaHidden:g,ariaLabel:m,name:b,size:24})),ra=(0,E.createContext)(void 0),InteractiveTagProvider=({children:g})=>{let[m,b]=(0,E.useState)(void 0),[v,C]=(0,E.useState)(void 0),[w,x]=(0,E.useState)(!1);return E.createElement(ra.Provider,{value:{body:m,isTruncated:w,setBody:b,setTitle:C,setIsTruncated:x,title:v}},g)},useInteractiveTagContext=()=>{let g=(0,E.useContext)(ra);if(void 0===g)throw Error("useInteractiveTagContext must be used within an InteractiveTagProvider (which is available by using InteractiveTag or InteractiveTagWrapper)");return g},ri=(0,ee.F)("InteractiveTagWrapper",["backgroundColor","backgroundColorHover","backgroundColorFocus","color","colorHover","colorFocus","outlineColor","outlineOpacity"]),rl=(0,eo.B)("InteractiveTag",{root:g=>I.iv` + max-width: ${g}; + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + text-align: center; + padding: 11px 15px; + height: 44px; + border-radius: 30px; + ${V.ZT.paragraph3Semibold}; + // Explicitly set 'line-height' to improve vertical alignment + // in Safari. + line-height: 44px; + white-space: nowrap; + transition: ${N.f.transitionValue}; + color: var(${ri.color}); + background-color: var(${ri.backgroundColor}); + text-decoration: none; + + &:hover { + color: var(${ri.colorHover}); + background-color: var(${ri.backgroundColorHover}); + box-shadow: ${W.f.elevation6}; + } + + &:focus { + color: var(${ri.colorFocus}); + background-color: var(${ri.backgroundColorFocus}); + ${ri.outlineOpacity}: 1; + outline: none; + } + + &[data-color='primary'] { + border: 1px solid ${R.w.neutral600}; + ${ri.color}: ${R.w.neutral800}; + ${ri.colorHover}: ${R.w.blue}; + ${ri.colorFocus}: ${R.w.blue}; + ${ri.outlineColor}: ${R.w.blue}; + ${ri.backgroundColor}: ${R.w.neutral200}; + ${ri.backgroundColorHover}: ${R.w.neutral200}; + ${ri.backgroundColorFocus}: ${R.w.neutral200}; + &:hover { + border: 1px solid ${R.w.blue}; + } + &:focus { + border: none; + } + } + + &[data-color='secondary'] { + ${ri.color}: ${R.w.neutral100}; + ${ri.colorHover}: ${R.w.neutral100}; + ${ri.colorFocus}: ${R.w.neutral100}; + ${ri.backgroundColor}: ${R.w.neutral800}; + ${ri.outlineColor}: ${R.w.neutral800}; + ${ri.backgroundColorHover}: ${R.w.neutral700}; + ${ri.backgroundColorFocus}: ${R.w.neutral800}; + } + + &::before { + content: ''; + opacity: var(${ri.outlineOpacity}, 0); + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 2px solid var(${ri.outlineColor}); + border-radius: inherit; + transition: inherit; + } + `}),InteractiveTagWrapper=({children:g,color:m,href:b,onClick:v,maxWidth:C="none"})=>{let w={css:rl.root(C),"data-color":m,onClick:v},WrappedChildren=()=>b?(0,ei.U)(em.r,Object.assign({},w,{color:null,href:b,weight:null}),g):(0,ei.U)("button",Object.assign({},w,{type:"button"}),g);return(0,ei.U)(InteractiveTagProvider,null,(0,ei.U)(ra.Consumer,null,g=>(null==g?void 0:g.isTruncated)?(0,ei.U)(ew.p,{allowMultilineTooltip:!0,content:g.body?`${g.title}: ${g.body}`:`${g.title}`,shouldCorrectPosition:!0},()=>(0,ei.U)(WrappedChildren,null)):(0,ei.U)(WrappedChildren,null)))},rs={root:(0,I.iv)({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"})},rc=(0,eo.B)("InteractiveTags",{root:I.iv` + display: flex; + align-items: center; + flex-wrap: wrap; + // TODO: Switch to Flexbox 'gap' when Safari supports it + // and remove 'Styles.item' entirely. + margin-bottom: -10px; + `,item:I.iv` + margin-bottom: 10px; + &:not(:last-child) { + margin-right: 10px; + } + `}),InteractiveTags=g=>{let m=E.Children.toArray(g.children).filter(Boolean).map((g,m)=>(0,ei.U)("li",{css:rc.item,key:m},g));return(0,ei.U)("ul",{"aria-label":g.ariaLabel,css:rc.root},m)},rd=Object.assign(({children:g,color:m,href:b,iconAfter:v,iconAfterAriaHidden:C=!0,iconAfterAriaLabel:w,iconBefore:x,iconBeforeAriaHidden:k=!0,iconBeforeAriaLabel:S,onClick:O,maxWidth:T="none"})=>(0,ei.U)(InteractiveTagWrapper,{color:m,href:b,onClick:O,maxWidth:T},x&&(0,ei.U)(InteractiveTagIcon,{ariaHidden:k,ariaLabel:S,name:x,position:"before"}),g,v&&(0,ei.U)(InteractiveTagIcon,{ariaHidden:C,ariaLabel:w,name:v,position:"after"})),{Icon:InteractiveTagIcon,Content:({body:g,title:m})=>{let b=(0,E.useRef)(null),{setBody:v,setIsTruncated:C,setTitle:w}=useInteractiveTagContext(),checkIsTruncated=()=>!!b.current&&b.current.scrollWidth>b.current.clientWidth;return(0,E.useEffect)(()=>{C(checkIsTruncated()),v(g),w(m)},[]),(0,ei.U)("div",{css:rs.root,ref:b},(0,ei.U)(eV.x,{color:"inherit",type:"paragraph3Semibold"},m,g?": ":""),g&&(0,ei.U)(eV.x,{color:"inherit",type:"paragraph3"},g))},Wrapper:InteractiveTagWrapper}),LoadMoreBar=g=>{let{children:m,isLoading:b,onClick:v,size:C}=g,w=(0,ei.U)("span",{css:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:"13.2px"}},(0,ei.U)(eZ.$,{color:"black",ariaLabel:"loading icon"}),"Loading");return(0,ei.U)(er.z,{color:"secondary",disabled:b,isFullWidth:!0,onClick:v,size:C},b?w:m)},ru=(0,E.createContext)({id:"",setId:()=>{},toggleExpand:g=>null}),rp=(0,I.iv)({"& > span":{minWidth:"26px !important"}});function PageNavigationBadge(g){return(0,I.tZ)("span",{css:rp},(0,I.tZ)(ek.C,Object.assign({},g)))}var PageNavigationRow_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let rf={link:I.iv` + display: block !important; + text-decoration: none !important; + + & { + &:focus { + border-radius: 3px !important; + color: ${R.w.blue} !important; + outline: 2px solid ${R.w.blue} !important; + outline-offset: -1px !important; + } + } + `,row:I.iv` + width: 100%; + + & { + &:focus { + border-radius: 3px !important; + color: ${R.w.blue} !important; + outline: 2px solid ${R.w.blue} !important; + outline-offset: -1px !important; + } + } + `};function PageNavigationRow({content:g,isSelectable:m=!0,item:b,nestedList:v,onSelect:C}){let[w,x]=(0,E.useState)(!1),k=(0,E.useContext)(ru),{id:S,setId:O}=k,T=b.id===S,P=(0,E.useCallback)(g=>{if(C){let{children:m}=b,v=PageNavigationRow_rest(b,["children"]);C(v,g)}m&&O(b.id)},[m,b,C,O]),U=(0,E.useMemo)(()=>b.href?(0,I.tZ)(em.r,{css:rf.link,href:b.href,onBlur:()=>x(!1),onClick:g=>{P(g),g.stopPropagation()},onKeyDown:g=>{"Enter"===g.key?(P(g),g.stopPropagation()):" "===g.key&&g.preventDefault()},onFocus:()=>x(!0),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)},(0,I.tZ)(g,{hover:w,selected:T})):(0,I.tZ)("div",{"aria-label":b.title,css:rf.row,onBlur:()=>x(!1),onClick:g=>P(g),onFocus:()=>x(!0),onKeyDown:g=>{("Enter"===g.key||" "===g.key)&&(g.preventDefault(),P(g))},onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),role:"button",tabIndex:0},(0,I.tZ)(g,{hover:w,selected:T})),[P,w,b.href,b.title,T]);return(0,I.tZ)("li",null,U,v&&(0,I.tZ)(v,null))}var utils_checkIsTruncated=g=>!!g.current&&g.current.scrollWidth>g.current.clientWidth;let rh={textEllipsis:g=>I.iv` + color: ${R.w[g]}; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + `,textWrap:I.iv` + align-items: center; + border-left: 1px solid ${R.w.neutral400}; + display: flex; + flex-direction: row; + padding: 7px 0px; + width: calc(90% - 33px); + `,rowContainer:I.iv` + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 0px 22px 0px 60px; + position: relative; + `};function NestedThirdRow({item:g,onSelect:m}){let[b,v]=(0,E.useState)(!1),C=(0,E.useRef)(null);(0,E.useEffect)(()=>{v(utils_checkIsTruncated(C))},[]);let InnerContent=({hover:m,selected:b})=>{let v=m||b?"blue":"neutral700",w=b?"paragraph3Semibold":"paragraph3Medium";return(0,I.tZ)("div",{css:rh.rowContainer},(0,I.tZ)("span",{css:rh.textWrap},(0,I.tZ)("span",{css:rh.textEllipsis(v),ref:C},(0,I.tZ)(eV.x,{color:v,margin:"0 0 0 8px",type:w},g.title,g.count&&` (${g.count})`))))};return(0,I.tZ)(PageNavigationRow,{content:({hover:m,selected:v})=>b?(0,I.tZ)(ew.p,{allowMultilineTooltip:!0,content:g.count?`${g.title} (${g.count})`:g.title,isBlock:!0,position:"northeast"},()=>(0,I.tZ)(InnerContent,{hover:m,selected:v})):(0,I.tZ)(InnerContent,{hover:m,selected:v}),item:g,onSelect:m})}let rg={list:I.iv` + list-style: none; + margin: 0; + padding: 0; + `,textEllipsis:g=>I.iv` + color: ${R.w[g]}; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + `,textWrap:I.iv` + align-items: center; + display: flex; + flex-direction: row; + width: calc(90% - 45px); + `,rowContainer:I.iv` + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 7px 22px 7px 40px; + position: relative; + `};function NestedSecondRow({item:g,onSelect:m}){let[b,v]=(0,E.useState)(!1),C=(0,E.useRef)(null);(0,E.useEffect)(()=>{v(utils_checkIsTruncated(C))},[]);let InnerContent=({hover:m,selected:b})=>{let v=m||b?"blue":"neutral700",w=m||b?"info-bold":"white",x=b?"paragraph3Semibold":"paragraph3Medium";return(0,I.tZ)("div",{css:rg.rowContainer},(0,I.tZ)("span",{css:rg.textWrap},(0,I.tZ)("span",{css:rg.textEllipsis(v),ref:C},(0,I.tZ)(eV.x,{color:v,margin:"0 0 0 8px",type:x},g.title))),g.count&&(0,I.tZ)(PageNavigationBadge,{color:w},g.count.toString()))},w=(0,E.useMemo)(()=>g.children?()=>{var b;return(0,I.tZ)("ul",{css:rg.list},null===(b=g.children)||void 0===b?void 0:b.map(g=>(0,I.tZ)(NestedThirdRow,{item:g,key:g.id,onSelect:m})))}:void 0,[g,m]);return(0,I.tZ)(PageNavigationRow,{content:({hover:m,selected:v})=>b?(0,I.tZ)(ew.p,{allowMultilineTooltip:!0,content:g.title,isBlock:!0,position:"northeast"},()=>(0,I.tZ)(InnerContent,{hover:m,selected:v})):(0,I.tZ)(InnerContent,{hover:m,selected:v}),item:g,nestedList:w,onSelect:m})}let rm={list:I.iv` + list-style: none; + margin: 0; + padding: 0; + `,textEllipsis:g=>I.iv` + color: ${R.w[g]}; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + `,textWrap:I.iv` + align-items: center; + display: flex; + flex-direction: row; + width: calc(90% - 32px); + `,rowContainer:I.iv` + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 7px 22px 7px 7px; + position: relative; + `,iconContainer:[I.iv` + display: inline-block; + left: 0px; + padding: 8px; + position: absolute; + &:focus-visible { + outline-color: ${R.w.blue}; + } + `],iconTextSpacing:I.iv` + padding-left: 20px; + `};function NestedFirstRow({isExpanded:g,item:m,onSelect:b}){let{toggleExpand:v}=(0,E.useContext)(ru),[C,w]=(0,E.useState)(!1),x=(0,E.useRef)(null);(0,E.useEffect)(()=>{w(utils_checkIsTruncated(x))},[]);let InnerContent=({hover:b,selected:v})=>{let C=b||v?"blue":"neutral800";return(0,I.tZ)("div",{css:rm.rowContainer,"data-testid":"pagenavigation-nestedfirstrow"},(0,I.tZ)("span",{css:rm.textWrap},m.children?(0,I.tZ)("div",{css:rm.iconContainer,"data-testid":"pagenavigation-nestedfirstrow-icon"},(0,I.tZ)(en.J,{color:"neutral600",name:g?"arrowSmallUp":"arrowSmallDown",size:20})):(0,I.tZ)(ty.L,{width:20}),(0,I.tZ)("span",{css:[rm.textEllipsis(C),m.children&&rm.iconTextSpacing],"data-testid":"pagenavigation-nestedfirstrow-text",ref:x},(0,I.tZ)(eV.x,{color:C,margin:"0 0 0 8px",type:"paragraph3Semibold"},m.title))),m.count&&(0,I.tZ)(PageNavigationBadge,{color:"white"},m.count.toString()))},k=(0,E.useMemo)(()=>g&&m.children?()=>{var g;return(0,I.tZ)("ul",{css:rm.list},null===(g=m.children)||void 0===g?void 0:g.map(g=>(0,I.tZ)(NestedSecondRow,{item:g,key:g.id,onSelect:b})))}:void 0,[m,g,b]);return(0,I.tZ)(PageNavigationRow,{content:({hover:g,selected:b})=>C?(0,I.tZ)(ew.p,{allowMultilineTooltip:!0,content:m.title,isBlock:!0,position:"northeast"},()=>(0,I.tZ)(InnerContent,{hover:g,selected:b})):(0,I.tZ)(InnerContent,{hover:g,selected:b}),isSelectable:!1,item:m,nestedList:k,onSelect:m.children?()=>(v(m.id),b):b})}function NonNestedRow({item:g,onSelect:m,showCount:b}){let[v,C]=(0,E.useState)(!1),w=(0,E.useRef)(null);(0,E.useEffect)(()=>{C(utils_checkIsTruncated(w))},[]);let InnerContent=({hover:m,selected:v})=>{let C=m||v?"blue":"neutral800";return(0,I.tZ)("div",{css:[I.iv` + border-radius: 3px; + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 7px 20px; + `]},(0,I.tZ)("span",{css:[I.iv` + align-items: center; + display: flex; + flex-direction: row; + position: relative; + width: calc(90% - 32px); + `,!1===b&&I.iv` + width: 100%; + `]},null!==g.icon&&(0,I.tZ)(en.J,{color:m||v?"blue":"neutral600",name:g.icon||"navFolder",size:24}),(0,I.tZ)("span",{css:I.iv` + color: ${R.w[C]}; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + `,ref:w},(0,I.tZ)(eV.x,{color:C,margin:"0 0 0 8px",type:v?"paragraph3Semibold":"paragraph3"},g.title))),g.count?(0,I.tZ)(PageNavigationBadge,{color:m||v?"info-bold":"white"},g.count.toString()):null)};return(0,I.tZ)(PageNavigationRow,{content:({hover:m,selected:b})=>{let C=v?(0,I.tZ)(ew.p,{allowMultilineTooltip:!0,content:g.title,isBlock:!0,position:"northeast"},()=>(0,I.tZ)(InnerContent,{hover:m,selected:b})):(0,I.tZ)(InnerContent,{hover:m,selected:b});return(0,I.tZ)("div",{css:[b&&I.iv` + border-radius: 3px; + background-color: ${R.w.blue10}; + `]},C)},item:g,onSelect:m})}let rb={list:I.iv` + cursor: pointer; + list-style: none; + padding: 0; + margin: 0; + `,title:I.iv` + margin-bottom: 10px; + margin-left: 8px; + `,expandAllButton:I.iv` + margin-bottom: 10px; + margin-left: 8px; + `},getInitialExpansionStateLookupTable=g=>{let m={};for(let b of g)m[b.id]=b.initiallyExpanded||!1;return m};function PageNavigation({initiallySelected:g,items:m,nested:b,onSelect:v,showExpandAllButton:C=!1,title:w}){let[x,k]=(0,E.useState)(g||""),[S,O]=(0,E.useState)(!1),[T,P]=(0,E.useState)(getInitialExpansionStateLookupTable(m)),isExpanded=g=>T[g]||!1,expandAll=()=>{P(g=>{let m=Object.assign({},g);for(let g in m)m[g]=!S;return O(g=>!g),m})};if(!m)return null;let U=m.some(g=>(g.count||0)>0);return(0,I.tZ)(ru.Provider,{value:{id:x,setId:k,toggleExpand:g=>{P(m=>Object.assign(Object.assign({},m),{[g]:!m[g]}))}}},b&&C&&(0,I.tZ)("div",{onClick:expandAll,onKeyPress:expandAll,"data-testid":"pagenavigation-expandall-button",role:"button",tabIndex:0,css:rb.expandAllButton},(0,I.tZ)(em.r,null,S?"Collapse all":"Expand all")),w&&(0,I.tZ)("div",{css:rb.title},(0,I.tZ)(eV.x,{tag:"p",type:"paragraph1ShortBold"},w)),(0,I.tZ)("ul",{css:rb.list},b?m.map(g=>(0,I.tZ)(NestedFirstRow,{item:g,key:g.id,isExpanded:isExpanded(g.id),onSelect:v})):m.map(g=>(0,I.tZ)(NonNestedRow,{item:g,key:g.id,onSelect:v,showCount:U}))))}var PaginatorStateful_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let PaginatorStateful=g=>{var{initialPageIndex:m=0,onPaginate:b}=g,v=PaginatorStateful_rest(g,["initialPageIndex","onPaginate"]);let[C,w]=(0,E.useState)(m),x=(0,E.useCallback)((g,m)=>{w(g.pageIndex),b&&b(g,m)},[b]);return E.createElement(Paginator,Object.assign({},v,{currentPageIndex:C,onPaginate:x}))},rv=(0,ee.F)("Table",["frozenCellHorzShadowOpacity","frozenCellVertShadowOpacity"]),ry=(0,eo.B)("Table",{root:I.iv` + display: block; + width: 100%; + position: relative; + + &[data-scrollable] { + overflow: auto; + + &[data-scrolled-horz] { + ${rv.frozenCellHorzShadowOpacity}: 1; + } + + &[data-scrolled-vert] { + ${rv.frozenCellVertShadowOpacity}: 1; + } + } + `,table:I.iv` + display: table; + + &[data-collapse] { + border-collapse: collapse; + } + + &[data-kind='standard'] { + width: 100%; + ${V.ZT.paragraph3}; + color: ${R.w.neutral800}; + + th, + td { + border-bottom: 1px solid ${R.w.neutral400}; + background-color: ${R.w.neutral100}; + padding: 15px 10px; + } + + tbody tr:hover { + th, + td { + background-color: ${R.w.blue10}; + } + } + } + `}),Table=({scrollable:g,children:m,collapse:b=!1,kind:v="standard"})=>{let[C,w]=(0,E.useState)(!1),[x,k]=(0,E.useState)(!1),S=debounce(g=>{let{scrollLeft:m,scrollTop:b}=g;w(m>0),k(b>0)},20);return(0,ei.U)("div",{css:ry.root,"data-scrollable":g?"":void 0,"data-scrolled-horz":C?"":void 0,"data-scrolled-vert":x?"":void 0,onScroll:g=>{S(g.target)}},(0,ei.U)("table",{css:ry.table,"data-collapse":b?"":void 0,"data-kind":v,role:"table"},m))},rC=(0,eo.B)("TableTitleArea",{root:I.iv` + display: grid; + grid-template-columns: 1fr max-content; + gap: 20px; + align-items: center; + background-color: ${R.w.neutral100}; + + &[data-kind='standard'] { + padding: 5px 10px; + } + `,title:I.iv` + color: ${R.w.neutral800}; + ${V.ZT.sectionHeader3}; + `}),TableTitle=g=>(0,ei.U)(Heading,{css:rC.title},g.children),TableTitleArea=({children:g,kind:m="standard"})=>(0,ei.U)("header",{css:rC.root,"data-kind":m},g),rw=(0,eo.B)("TableCaption",{root:I.iv` + display: table-caption; + &:not([data-show]) { + position: absolute; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + } + `}),TableCaption=({children:g,show:m=!1})=>(0,ei.U)("caption",{css:rw.root,"data-show":m?"":void 0},g),rx=(0,eo.B)("TableHead",{root:I.iv` + display: table-header-group; + `}),TableHead=g=>(0,ei.U)("thead",{css:rx.root},g.children),rk=(0,eo.B)("TableHeadSortButton",{root:I.iv` + display: flex; + align-items: center; + gap: 10px; + color: ${R.w.neutral800}; + ${V.ZT.smallPrint1Bold}; + `}),TableHeadSortButton=g=>(0,ei.U)("button",{type:"button",css:rk.root,onClick:g.onClick},g.children,(0,ei.U)(en.J,{color:"neutral600",name:"arrowDropdown",size:24})),rS=(0,eo.B)("TableHeadHeading",{root:I.iv` + display: flex; + align-items: center; + color: ${R.w.neutral800}; + ${V.ZT.smallPrint1Bold}; + `}),TableHeadHeading=g=>(0,ei.U)("span",{css:rS.root},g.children),rO=(0,eo.B)("TableBody",{root:I.iv` + display: table-row-group; + `}),TableBody=g=>(0,ei.U)("tbody",{css:rO.root},g.children),rT=(0,eo.B)("TableFoot",{root:I.iv` + display: table-footer-group; + `}),TableFoot=g=>(0,ei.U)("tfoot",{css:rT.root},g.children),rP=(0,eo.B)("TableRow",{root:I.iv` + display: table-row; + `}),TableRow=g=>(0,ei.U)("tr",{css:rP.root,role:"row"},g.children),rU=(0,ee.F)("TableTd",["frozenCellZindex"]),rM=(0,eo.B)("TableTd",{root:I.iv` + display: table-cell; + vertical-align: middle; + // For Safari + text-align: initial; + + // tbody cells should always render lowest + tbody &, + tbody & { + ${rU.frozenCellZindex}: 1; + } + + // thead cells should always render above tbody cells + thead &, + thead & { + ${rU.frozenCellZindex}: 2; + } + + // thead cells that freeze in both directions should always + // render at the very top + thead &[data-freeze='row col'], + thead &[data-freeze='row col'] { + ${rU.frozenCellZindex}: 3; + } + + &[data-freeze~='col'] { + position: sticky; + left: 0; + z-index: var(${rU.frozenCellZindex}, 1); + + // Render the shadow on a frozen column + &[data-shadowed~='col'] { + &::before { + pointer-events: none; + content: ''; + display: block; + position: absolute; + width: 5px; + top: 0; + left: 100%; + bottom: 0; + opacity: var(${rv.frozenCellHorzShadowOpacity}, 0); + transition: all 200ms ease-in-out; + background: linear-gradient( + 90deg, + rgba(0, 0, 0, 0.1), + rgba(0, 0, 0, 0) + ); + } + } + } + + &[data-freeze~='row'] { + position: sticky; + top: 0; + z-index: var(${rU.frozenCellZindex}, 1); + + // Render the shadow on a frozen row + &[data-shadowed~='row'] { + &::after { + pointer-events: none; + content: ''; + display: block; + position: absolute; + height: 5px; + top: 100%; + left: 0; + width: 100%; + opacity: var(${rv.frozenCellVertShadowOpacity}, 0); + transition: all 200ms ease-in-out; + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.1), + rgba(0, 0, 0, 0) + ); + } + } + } + `}),TableTd=g=>(0,ei.U)("td",{css:[rM.root,g.className],"data-freeze":g.freeze,"data-shadowed":g.shadowed,headers:g.headers,role:"cell"},g.children),TableTh=({children:g,className:m,freeze:b,headers:v,id:C,scope:w,shadowed:x,role:k="columnheader"})=>(0,ei.U)("th",{css:[rM.root,m],"data-freeze":b,"data-shadowed":x,headers:v,id:C,role:k,scope:w},g),rL=(0,eo.B)("TabsDropdown",{root:I.iv` + position: relative; + `,summary:I.iv` + // Hides default icon on details element + &::-webkit-details-marker { + display: none; + } + + &::before { + display: none; + } + `,menu:I.iv` + padding: 10px; + min-width: 250px; + `}),TabsDropdown=g=>{let[m,b]=(0,E.useState)(!1),v=g.items.map(m=>(0,ei.U)(tl.s,{disabled:m.disabled,href:m.href,isSelected:m.href===g.selectedItemHref,key:m.href,onClick:v=>{b(!1),g.onChooseItem(m,v)}},m.text)),[C]=(0,G.O)({onClickOutside:()=>{b(!1)}});return(0,ei.U)("div",Object.assign({ref:C},{onKeyUp:g=>{"Escape"===g.key&&b(!1)}}),(0,ei.U)(eU.h,{color:"icon-primary",icon:"navMoreHoriz",label:"More items…",ariaExpanded:m,onClick:()=>b(!m),size:{medium:"xsmall",large:"small"}[g.size],tooltipPosition:"west"}),m&&(0,ei.U)(e$.f,{align:"right"},(0,ei.U)("div",{css:rL.menu},(0,ei.U)(ti.v,{ariaLabel:""},v))))},rD=(0,eo.B)("Tabs",{root:g=>[I.iv` + ${V.ZT.paragraph3Semibold} + position: relative; + display: grid; + grid-template-columns: 1fr auto; + column-gap: 20px; + row-gap: 2px; + align-items: center; + `,"medium"===g&&(0,ea.Q)("medium",I.iv` + height: 50px; + `),"large"===g&&(0,ea.Q)("large",I.iv` + height: 70px; + `)],primary:({count:g})=>[I.iv` + display: grid; + height: 100%; + // Allow shrinking + min-width: 0; + max-width: 100%; + `,(0,ea.Q)(`count-${g}`,I.iv` + grid-template-columns: repeat(${g}, minmax(auto, min-content)); + `)],item:({isSelected:g})=>[I.iv` + display: flex; + align-items: center; + justify-content: center; + text-align: center; + color: ${R.w.neutral800}; + font-weight: 600; + text-decoration: none; + padding: 0 20px; + + &:not([disabled]):hover, + &:not([disabled]):focus { + color: ${R.w.blue}; + outline: none; + } + + &[disabled] { + color: ${R.w.neutral500}; + cursor: not-allowed; + } + `,g&&(0,ea.Q)("selected",I.iv` + color: ${R.w.blue}; + `)],itemText:I.iv` + display: block; + white-space: nowrap; + `,indicatorTrack:g=>[I.iv` + position: absolute; + bottom: 0; + left: 0; + right: 0; + // This ends up being a non-integer, but it actually renders better + // in Chrome (and still renders fine in other browsers) this way. + border-radius: ${1.5}px; + height: ${3}px; + overflow: hidden; + `,g&&(0,ea.Q)("visible",I.iv` + background-color: ${R.w.neutral300}; + `)],indicator:I.iv` + position: absolute; + height: inherit; + border-radius: inherit; + background-color: ${R.w.blue}; + transition: all 250ms ease-in-out; + `}),TabsItem=g=>g.disabled?(0,ei.U)("button",{type:"button","aria-label":g.ariaLabel,css:rD.item(g),disabled:!0},(0,ei.U)("span",{css:rD.itemText},g.text)):(0,ei.U)(em.r,{ariaLabel:g.ariaLabel,ariaCurrent:g.isSelected?g.ariaCurrent:void 0,color:null,css:rD.item(g),href:g.href,onClick:g.onChoose,ref:g.forwardedRef},(0,ei.U)("span",{css:rD.itemText},g.text)),Tabs=({items:g,selectedItemHref:m,forwardedRef:b,ariaLabel:v,ariaCurrent:C="page",isItemSelected:w=(g,m)=>g.href===m,onChooseItem:x=()=>{},shouldRenderTrack:k=!0,size:S="large"})=>{let O=(0,E.useRef)(null),[T,P]=(0,E.useState)({}),U=!g.every(g=>g.isExtra),M=g.filter(g=>!g.isExtra),L=M.map(g=>{let b=w(g,m);return(0,ei.U)(TabsItem,Object.assign({},g,{ariaCurrent:C,forwardedRef:b&&U?O:null,isSelected:b,key:g.href,onChoose:m=>x(g,m)}))}),D=g.filter(g=>g.isExtra),$=D.some(g=>w(g,m)),B=D.length>0&&(0,ei.U)("div",{ref:$&&U?O:null},(0,ei.U)(TabsDropdown,{size:S,items:D,onChooseItem:x,selectedItemHref:m}));return(0,E.useEffect)(()=>{let g=requestAnimationFrame(()=>{P(O.current?{left:O.current.offsetLeft,width:O.current.offsetWidth}:{})});return()=>cancelAnimationFrame(g)},[g,m]),(0,ei.U)("nav",{"aria-label":v,css:rD.root(S)},(0,ei.U)("div",{css:rD.primary({count:L.length}),ref:b},L),B,(0,ei.U)("div",{css:rD.indicatorTrack(k)},(0,ei.U)("div",{css:rD.indicator,style:T})))};var AutoTabs_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let AutoTabs=g=>{var{items:m,selectedItemHref:b,shouldRenderTrack:v=!0,onChooseItem:C=()=>{}}=g,w=AutoTabs_rest(g,["items","selectedItemHref","shouldRenderTrack","onChooseItem"]);let x=(0,E.useRef)(null),[k,S]=(0,E.useState)(m);return(0,E.useLayoutEffect)(()=>{let g=x.current,m=!!g&&g.scrollWidth>g.offsetWidth;if(m){let g=k.some(g=>g.isExtra),m=g?k.findIndex(g=>g.isExtra):k.length;S(k.map((g,b)=>b{let g=debounce(()=>{S([...m])},100);return window.addEventListener("resize",g,{capture:!0}),()=>{window.removeEventListener("resize",g,{capture:!0})}}),(0,E.useEffect)(()=>S([...m]),[m]),(0,ei.U)(Tabs,Object.assign({},w,{forwardedRef:x,items:k,selectedItemHref:b,onChooseItem:C,shouldRenderTrack:v}))};var r$=b(75306);let ZinniaFonts=({children:g})=>E.createElement(E.Fragment,null,E.createElement(I.xB,{styles:I.iv` + @font-face { + font-family: Degular Display; + src: url('https://fonts.zapier.com/Degular/Degular_Display-Bold.woff2') + format('woff2'); + font-display: swap; + font-weight: 700; + } + @font-face { + font-family: Degular; + src: url('https://fonts.zapier.com/Degular/DegularDisplay-Medium.woff2') + format('woff2'); + font-display: swap; + font-weight: 500; + } + @font-face { + font-family: Degular; + src: url('https://fonts.zapier.com/Degular/DegularDisplay-Semibold.woff2') + format('woff2'); + font-display: swap; + font-weight: 600; + } + `}),E.createElement("link",{rel:"stylesheet",href:"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"}),g);function n(){return(n=Object.assign?Object.assign.bind():function(g){for(var m=1;m(g[m.toLowerCase()]=m,g),{for:"htmlFor"}),rI={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xa0",quot:"“"},rE=["style","script"],rH=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,r_=/mailto:/i,rz=/\n{2,}$/,rA=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,rj=/^ *> ?/gm,rN=/^ {2,}\n/,rZ=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,rR=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,rW=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,rV=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,rq=/^(?:\n *)*\n/,rK=/\r\n?/g,rG=/^\[\^([^\]]+)](:.*)\n/,rY=/^\[\^([^\]]+)]/,rQ=/\f/g,rJ=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,rX=/^\s*?\[(x|\s)\]/,r0=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,r1=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,r2=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,r3=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,r4=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,r5=/^)/,r8=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,r6=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,r7=/^\{.*\}$/,r9=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,ne=/^<([^ >]+@[^ >]+)>/,nt=/^<([^ >]+:\/[^ >]+)>/,nr=/-([a-z])?/gi,nn=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,no=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,na=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,ni=/^\[([^\]]*)\] ?\[([^\]]*)\]/,nl=/(\[|\])/g,ns=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,nc=/\t/g,nd=/^ *\| */,nu=/(^ *\||\| *$)/g,np=/ *$/,nf=/^ *:-+: *$/,nh=/^ *:-+ *$/,ng=/^ *-+: *$/,nm=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,nb=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,nv=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,ny=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,nC=/^\\([^0-9A-Za-z\s])/,nw=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,nx=/^\n+/,nk=/^([ \t]*)/,nS=/\\([^\\])/g,nO=/ *\n+$/,nT=/(?:^|\n)( *)$/,nP="(?:\\d+\\.)",nU="(?:[*+-])";function de(g){return"( *)("+(1===g?nP:nU)+") +"}let nM=de(1),nL=de(2);function fe(g){return RegExp("^"+(1===g?nM:nL))}let nD=fe(1),n$=fe(2);function ge(g){return RegExp("^"+(1===g?nM:nL)+"[^\\n]*(?:\\n(?!\\1"+(1===g?nP:nU)+" )[^\\n]*)*(\\n|$)","gm")}let nB=ge(1),nF=ge(2);function xe(g){let m=1===g?nP:nU;return RegExp("^( *)("+m+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+m+" (?!"+m+" ))\\n*|\\s*\\n*$)")}let nI=xe(1),nE=xe(2);function $e(g,m){let b=1===m,v=b?nI:nE,C=b?nB:nF,w=b?nD:n$;return{match(g,m,b){let C=nT.exec(b);return C&&(m.list||!m.inline&&!m.simple)?v.exec(g=C[1]+g):null},order:1,parse(g,m,v){let x=b?+g[2]:void 0,k=g[0].replace(rz,"\n").match(C),S=!1;return{items:k.map(function(g,b){let C;let x=w.exec(g)[0].length,O=RegExp("^ {1,"+x+"}","gm"),T=g.replace(O,"").replace(w,""),P=b===k.length-1,U=-1!==T.indexOf("\n\n")||P&&S;S=U;let M=v.inline,L=v.list;v.list=!0,U?(v.inline=!1,C=T.replace(nO,"\n\n")):(v.inline=!0,C=T.replace(nO,""));let D=m(C,v);return v.inline=M,v.list=L,D}),ordered:b,start:x}},render:(m,b,v)=>g(m.ordered?"ol":"ul",{key:v.key,start:"20"===m.type?m.start:void 0},m.items.map(function(m,C){return g("li",{key:C},b(m,v))}))}}let nH=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,n_=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,nz=[rA,rR,rW,r0,r2,r1,r5,nn,nB,nI,nF,nE],nA=[...nz,/^[^\n]+(?: \n|\n{2,})/,r3,r6];function Ae(g){return g.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Oe(g){return ng.test(g)?"right":nf.test(g)?"center":nh.test(g)?"left":null}function Te(g,m,b){let v=b.inTable;b.inTable=!0;let C=m(g.trim(),b);b.inTable=v;let w=[[]];return C.forEach(function(g,m){"26"===g.type?0!==m&&m!==C.length-1&&w.push([]):("27"!==g.type||null!=C[m+1]&&"26"!==C[m+1].type||(g.text=g.text.replace(np,"")),w[w.length-1].push(g))}),w}function Le(g,m,b){b.inline=!0;let v=Te(g[1],m,b),C=g[2].replace(nu,"").split("|").map(Oe),w=g[3].trim().split("\n").map(function(g){return Te(g,m,b)});return b.inline=!1,{align:C,cells:w,header:v,type:"25"}}function ze(g,m){return null==g.align[m]?{}:{textAlign:g.align[m]}}function Me(g){return function(m,b){return b.inline?g.exec(m):null}}function Ie(g){return function(m,b){return b.inline||b.simple?g.exec(m):null}}function Re(g){return function(m,b){return b.inline||b.simple?null:g.exec(m)}}function Ue(g){return function(m){return g.exec(m)}}function je(g,m,b){if(m.inline||m.simple||b&&!b.endsWith("\n"))return null;let v="";g.split("\n").every(g=>!nz.some(m=>m.test(g))&&(v+=g+"\n",g.trim()));let C=v.trimEnd();return""==C?null:[v,C]}function Be(g){try{if(decodeURIComponent(g).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(g){return null}return g}function Ne(g){return g.replace(nS,"$1")}function He(g,m,b){let v=b.inline||!1,C=b.simple||!1;b.inline=!0,b.simple=!0;let w=g(m,b);return b.inline=v,b.simple=C,w}function De(g,m,b){let v=b.inline||!1,C=b.simple||!1;b.inline=!1,b.simple=!0;let w=g(m,b);return b.inline=v,b.simple=C,w}function Pe(g,m,b){return b.inline=!1,g(m,b)}let _e=(g,m,b)=>({children:He(m,g[1],b)});function Fe(){return{}}function We(){return null}function Ge(...g){return g.filter(Boolean).join(" ")}function Ze(g,m,b){let v=g,C=m.split(".");for(;C.length&&void 0!==(v=v[C[0]]);)C.shift();return v||b}function qe(g,m={}){var b,v;m.overrides=m.overrides||{},m.slugify=m.slugify||Ae,m.namedCodesToUnicode=m.namedCodesToUnicode?n({},rI,m.namedCodesToUnicode):rI;let C=m.createElement||E.createElement;function d(g,b,...v){let w=Ze(m.overrides,`${g}.props`,{});return C(function(g,m){let b=Ze(m,g);return b?"function"==typeof b||"object"==typeof b&&"render"in b?b:Ze(m,`${g}.component`,g):g}(g,m.overrides),n({},b,w,{className:Ge(null==b?void 0:b.className,w.className)||void 0}),...v)}function Z(g){let b;g=g.replace(rJ,"");let v=!1;m.forceInline?v=!0:m.forceBlock||(v=!1===ns.test(g));let C=O(S(v?g:`${g.trimEnd().replace(nx,"")} + +`,{inline:v}));for(;"string"==typeof C[C.length-1]&&!C[C.length-1].trim();)C.pop();if(null===m.wrapper)return C;let w=m.wrapper||(v?"span":"div");if(C.length>1||m.forceWrapper)b=C;else{if(1===C.length)return"string"==typeof(b=C[0])?d("span",{key:"outer"},b):b;b=null}return E.createElement(w,{key:"outer"},b)}function q(g){let m=g.match(rH);return m?m.reduce(function(g,m,b){let v=m.indexOf("=");if(-1!==v){var C,w;let x=(-1!==(C=m.slice(0,v)).indexOf("-")&&null===C.match(r8)&&(C=C.replace(nr,function(g,m){return m.toUpperCase()})),C).trim(),k=function(g){let m=g[0];return('"'===m||"'"===m)&&g.length>=2&&g[g.length-1]===m?g.slice(1,-1):g}(m.slice(v+1).trim()),S=rF[x]||x,O=g[S]=(w=k,"style"===x?w.split(/;\s?/).reduce(function(g,m){let b=m.slice(0,m.indexOf(":"));return g[b.replace(/(-[a-z])/g,g=>g[1].toUpperCase())]=m.slice(b.length+1).trim(),g},{}):"href"===x||"src"===x?Be(w):(w.match(r7)&&(w=w.slice(1,w.length-1)),"true"===w||"false"!==w&&w));"string"==typeof O&&(r3.test(O)||r6.test(O))&&(g[S]=E.cloneElement(Z(O.trim()),{key:b}))}else"style"!==m&&(g[rF[m]||m]=!0);return g},{}):null}let w=[],x={},k={0:{match:Re(rA),order:1,parse:(g,m,b)=>({children:m(g[0].replace(rj,""),b)}),render:(g,m,b)=>d("blockquote",{key:b.key},m(g.children,b))},1:{match:Ue(rN),order:1,parse:Fe,render:(g,m,b)=>d("br",{key:b.key})},2:{match:Re(rZ),order:1,parse:Fe,render:(g,m,b)=>d("hr",{key:b.key})},3:{match:Re(rW),order:0,parse:g=>({lang:void 0,text:g[0].replace(/^ {4}/gm,"").replace(/\n+$/,"")}),render:(g,m,b)=>d("pre",{key:b.key},d("code",n({},g.attrs,{className:g.lang?`lang-${g.lang}`:""}),g.text))},4:{match:Re(rR),order:0,parse:g=>({attrs:q(g[3]||""),lang:g[2]||void 0,text:g[4],type:"3"})},5:{match:Ie(rV),order:3,parse:g=>({text:g[2]}),render:(g,m,b)=>d("code",{key:b.key},g.text)},6:{match:Re(rG),order:0,parse:g=>(w.push({footnote:g[2],identifier:g[1]}),{}),render:We},7:{match:Me(rY),order:1,parse:g=>({target:`#${m.slugify(g[1])}`,text:g[1]}),render:(g,m,b)=>d("a",{key:b.key,href:Be(g.target)},d("sup",{key:b.key},g.text))},8:{match:Me(rX),order:1,parse:g=>({completed:"x"===g[1].toLowerCase()}),render:(g,m,b)=>d("input",{checked:g.completed,key:b.key,readOnly:!0,type:"checkbox"})},9:{match:Re(m.enforceAtxHeadings?r1:r0),order:1,parse:(g,b,v)=>({children:He(b,g[2],v),id:m.slugify(g[2]),level:g[1].length}),render:(g,m,b)=>d(`h${g.level}`,{id:g.id,key:b.key},m(g.children,b))},10:{match:Re(r2),order:0,parse:(g,m,b)=>({children:He(m,g[1],b),level:"="===g[2]?1:2,type:"9"})},11:{match:Ue(r3),order:1,parse(g,m,b){let[,v]=g[3].match(nk),C=RegExp(`^${v}`,"gm"),w=g[3].replace(C,""),x=nA.some(g=>g.test(w))?Pe:He,k=g[1].toLowerCase(),S=-1!==rE.indexOf(k),O={attrs:q(g[2]),noInnerParse:S,tag:S?k:g[1]};return b.inAnchor=b.inAnchor||"a"===k,S?O.text=g[3]:O.children=x(m,w,b),b.inAnchor=!1,O},render:(g,m,b)=>d(g.tag,n({key:b.key},g.attrs),g.text||m(g.children,b))},13:{match:Ue(r6),order:1,parse:g=>({attrs:q(g[2]||""),tag:g[1]}),render:(g,m,b)=>d(g.tag,n({},g.attrs,{key:b.key}))},12:{match:Ue(r5),order:1,parse:()=>({}),render:We},14:{match:Ie(n_),order:1,parse:g=>({alt:g[1],target:Ne(g[2]),title:g[3]}),render:(g,m,b)=>d("img",{key:b.key,alt:g.alt||void 0,title:g.title||void 0,src:Be(g.target)})},15:{match:Me(nH),order:3,parse:(g,m,b)=>({children:De(m,g[1],b),target:Ne(g[2]),title:g[3]}),render:(g,m,b)=>d("a",{key:b.key,href:Be(g.target),title:g.title},m(g.children,b))},16:{match:Me(nt),order:0,parse:g=>({children:[{text:g[1],type:"27"}],target:g[1],type:"15"})},17:{match:(g,m)=>m.inAnchor?null:Me(r9)(g,m),order:0,parse:g=>({children:[{text:g[1],type:"27"}],target:g[1],title:void 0,type:"15"})},18:{match:Me(ne),order:0,parse(g){let m=g[1],b=g[1];return r_.test(b)||(b="mailto:"+b),{children:[{text:m.replace("mailto:",""),type:"27"}],target:b,type:"15"}}},20:$e(d,1),33:$e(d,2),19:{match:Re(rq),order:3,parse:Fe,render:()=>"\n"},21:{match:je,order:3,parse:_e,render:(g,m,b)=>d("p",{key:b.key},m(g.children,b))},22:{match:Me(no),order:0,parse:g=>(x[g[1]]={target:g[2],title:g[4]},{}),render:We},23:{match:Ie(na),order:0,parse:g=>({alt:g[1]||void 0,ref:g[2]}),render:(g,m,b)=>d("img",{key:b.key,alt:g.alt,src:Be(x[g.ref].target),title:x[g.ref].title})},24:{match:Me(ni),order:0,parse:(g,m,b)=>({children:m(g[1],b),fallbackChildren:m(g[0].replace(nl,"\\$1"),b),ref:g[2]}),render:(g,m,b)=>x[g.ref]?d("a",{key:b.key,href:Be(x[g.ref].target),title:x[g.ref].title},m(g.children,b)):d("span",{key:b.key},m(g.fallbackChildren,b))},25:{match:Re(nn),order:1,parse:Le,render:(g,m,b)=>d("table",{key:b.key},d("thead",null,d("tr",null,g.header.map(function(v,C){return d("th",{key:C,style:ze(g,C)},m(v,b))}))),d("tbody",null,g.cells.map(function(v,C){return d("tr",{key:C},v.map(function(v,C){return d("td",{key:C,style:ze(g,C)},m(v,b))}))})))},26:{match:function(g,m){return m.inTable?(m.inline=!0,nd.exec(g)):null},order:1,parse:function(){return{type:"26"}},render:()=>" | "},27:{match:Ue(nw),order:4,parse:g=>({text:g[0].replace(r4,(g,b)=>m.namedCodesToUnicode[b]?m.namedCodesToUnicode[b]:g)}),render:g=>g.text},28:{match:Ie(nm),order:2,parse:(g,m,b)=>({children:m(g[2],b)}),render:(g,m,b)=>d("strong",{key:b.key},m(g.children,b))},29:{match:Ie(nb),order:3,parse:(g,m,b)=>({children:m(g[2],b)}),render:(g,m,b)=>d("em",{key:b.key},m(g.children,b))},30:{match:Ie(nC),order:1,parse:g=>({text:g[1],type:"27"})},31:{match:Ie(nv),order:3,parse:_e,render:(g,m,b)=>d("mark",{key:b.key},m(g.children,b))},32:{match:Ie(ny),order:3,parse:_e,render:(g,m,b)=>d("del",{key:b.key},m(g.children,b))}};!0===m.disableParsingRawHTML&&(delete k[11],delete k[13]);let S=function(g){let m=Object.keys(g);function t(b,v){let C=[],w="";for(;b;){let x=0;for(;xC(g,m,b),g,m,b):C(g,m,b)},function e(g,m={}){if(Array.isArray(g)){let b=m.key,v=[],C=!1;for(let b=0;b{let{children:m,options:b}=g,v=function(g,m){if(null==g)return{};var b,v,C={},w=Object.keys(g);for(v=0;v=0||(C[b]=g[b]);return C}(g,rB);return E.cloneElement(qe(m,b),v)};let nj="15px",nN=(0,eo.B)("PolicyModal",{markdown:I.iv` + text-align: left; + + p { + &:not(:last-child) { + margin: 0 0 ${nj}; + } + } + + h2, + h3, + h4, + h5, + h6 { + margin-bottom: ${nj}; + &:not(:first-of-type) { + margin-top: ${nj}; + } + } + + ul { + margin-left: 20px; + list-style: disc; + } + `}),PolicyModal=({onAccept:g,title:m,tldr:b,url:v,renderMarkdown:C=g=>(0,ei.U)(index_modern,null,g)})=>(0,ei.U)(eE.u,{canClose:!1,onClosed:()=>{}},(0,ei.U)(eH.hz,{maxWidth:"70ch"},(0,ei.U)(eH.dE,{align:"center"},(0,ei.U)("h1",null,"We’ve updated the ",m)),(0,ei.U)(eH.nS,{align:"center",scrollable:!0},(0,ei.U)("div",{css:nN.markdown},C(b))),(0,ei.U)(eH.bT,null,!!v&&(0,ei.U)(er.z,{color:"secondary",href:v,target:"_blank"},"Review changes"),(0,ei.U)(er.z,{color:"primary",hasShadow:!0,onClick:g},"Accept"))));var nZ=b(97764),nR=b(47180),nW=b(11466),utils_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let setCookie=(g,m,b,v="/")=>{try{(0,nZ.w)(g,m,{category:"essential",maxAge:b,path:v})}catch(m){console.error("Unable to set cookie",{id:g})}},getCookie=g=>{try{return(0,nR.v)(g)}catch(g){return}},emitUserInteractionEvent=async g=>{var m=utils_rest(g,[]);return await (0,nW.emit)(Object.assign(Object.assign({},m),{absolute_url:window.location.pathname,referrer:document.referrer,system_name:"design_system"}),"web_analytics.tracking.user_interaction.UserInteractionEvent")},queryPolicy=async g=>{let m=new URLSearchParams;m.append("limit","1"),m.append("offset","0");let b=`${g}/api/v4/policies/agreements/pending/?${m.toString()}`,v=await fetch(b,{credentials:"include"});if(!v.ok)throw Error("Response was not OK");let C=await v.json(),w=C.results[0]||null;return w},submitPolicyAcceptance=async(g,m,b)=>{let v=await fetch(`${g}/api/v4/policies/${encodeURIComponent(m)}/agreements/`,{method:"POST",credentials:"include",headers:{Accept:"application/json","Content-Type":"application/json","X-CSRFToken":(0,nR.v)("csrftoken")},body:JSON.stringify({policy_content:b})});return v.ok},useQueryPolicyPending=(g="")=>{let[m,b]=(0,E.useState)(!0),[v,C]=(0,E.useState)(!1),[w,x]=(0,E.useState)(null);(0,E.useEffect)(()=>{queryPolicy(g).then(g=>{x(g),b(!1)}).catch(g=>{b(!1),C(!0)})},[g]);let k=(0,E.useCallback)(async()=>{if(!w)return!1;let m=await submitPolicyAcceptance(g,w.slug,w.content);return x(null),m},[w,g]);return{isLoading:m,isError:v,policy:w,acceptPolicy:k}},nV="policy_pending_check",formatSlugForCookie=g=>`policySnooze_${g}`,silenceLogger=(g,m)=>{console.info(`Silencing pending policy \`${g}\` because ${m}.`)},PolicyPendingCheck=g=>{let{policy:m,acceptPolicy:b}=useQueryPolicyPending(g.zapierUrl||"");(0,E.useEffect)(()=>{m&&emitUserInteractionEvent({interaction_name:nV,event_action:"in_view",option_selected:`${m.slug} ${m.content}`})},[m]);let v=(0,E.useCallback)(async()=>{if(!m)return null;emitUserInteractionEvent({interaction_name:nV,event_action:"click",option_selected:`${m.slug} ${m.content}`});try{await b()}catch(g){setCookie(formatSlugForCookie(m.slug),"from_accept_err",3600)}},[m]);if(!m)return null;if(g.currentPathname===m.slug)return silenceLogger(m.slug,"pathname"),null;let C=!!getCookie(formatSlugForCookie(m.slug));return C?(silenceLogger(m.slug,"snooze is on"),null):E.createElement(PolicyModal,{onAccept:v,renderMarkdown:g.renderMarkdown,title:m.title,tldr:m.tldr,url:`https://zapier.com/${m.slug}`})};var nq=b(62216),ServiceDropdown_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let nK=(0,eo.B)("ServiceDropdown",{serviceIcon:I.iv` + &[data-disabled] { + opacity: 0.6; + } + `}),ServiceDropdown=g=>{var{getIconUrlForItem:m}=g,b=ServiceDropdown_rest(g,["getIconUrlForItem"]);return(0,ei.U)(Dropdown,Object.assign({},b,{renderIcon:g=>!!g&&(0,ei.U)("span",{css:nK.serviceIcon,"data-disabled":b.isDisabled?"":void 0},(0,ei.U)(nq.A,{ariaHidden:!0,serviceName:b.getLabelForItem(g),size:30,src:m(g)}))}))};var nG=b(98470),nY=b(28609);let nQ=new WeakMap,simpleDebounce=(g,m)=>(...b)=>{clearTimeout(nQ.get(g));let v=setTimeout(()=>{g(...b)},m);nQ.set(g,v)},dedupeAndTrimWhitespace=g=>g.replace(/(\s+)/g," ").trim(),useAppSearchData=({limit:g,searchDebounceDelay:m,excludeUpcoming:b,includeIsAppAdmin:v,includeIsAppCollaborator:C,apiHostname:w,onResultsUpdate:x})=>{let[k,S]=(0,E.useState)(""),O=dedupeAndTrimWhitespace(k),[T,P]=(0,E.useState)(!1),[U,M]=(0,E.useState)([]);return(0,E.useEffect)(()=>{if(""===O){M([]);return}(async function(){let m=new URLSearchParams;m.append("limit",(g||20).toString()),m.append("title_search",O),b&&m.append("exclude_upcoming",b.toString()),v&&m.append("including_is_app_admin",v.toString()),C&&m.append("including_is_app_collaborator",C.toString());try{P(!0);let g=await fetch(`${w}/api/v4/apps?${m.toString()}`);if(!g.ok)throw Error("Response was not OK");let b=await g.json(),v=b.results.map(g=>({id:g.id,canonicalId:g.canonical_id,slug:g.slug,name:g.name,currentImplementation:{id:g.current_implementation_id},images:g.images}));M(v),x&&x(k,v),P(!1)}catch(g){P(!1)}})()},[b,v,C,g,O]),{loading:T,onSearch:simpleDebounce(g=>{S(dedupeAndTrimWhitespace(g))},m||0),searchQuery:dedupeAndTrimWhitespace(k),apps:U}},nJ=(0,eo.B)("ServiceTypeahead",{serviceIcon:I.iv` + &[data-disabled] { + opacity: 0.6; + } + `}),nX={disabled:!0,name:"No search results found."},ServiceTypeahead_dedupeAndTrimWhitespace=g=>g.replace(/(\s+)/g," ").trim(),ServiceTypeahead=({apiHostname:g,ariaLabel:m,disabledText:b,id:v,initialSelectedItem:C,inputId:w,isDisabled:x,labelId:k,menuAriaLabel:S,onChange:O,placeholder:T,setClearSelection:P,size:U,slugFilter:M,excludeUpcoming:L=!0,includeIsAppAdmin:D=!0,includeIsAppCollaborator:$=!0,onResultsUpdate:B=()=>{},renderFloatingMenu:F=g=>(0,ei.U)(tt.A,Object.assign({},g)),resultsLimit:I=4})=>{let getIconUrlForItem=g=>g.images.url_32x32,getLabelForItem=g=>g.name,{apps:E,loading:H,onSearch:_,searchQuery:z}=useAppSearchData({limit:I,searchDebounceDelay:300,excludeUpcoming:L,includeIsAppAdmin:D,includeIsAppCollaborator:$,apiHostname:g||"",onResultsUpdate:B}),A=M?E.filter(g=>g.slug!==M):E,j=!1===H&&z.length>0&&0===A.length;return(0,ei.U)(tc.Z,{ariaLabel:m,autoComplete:"off",disabledText:b,getLabelForItem:getLabelForItem,id:v,initialSelectedItem:C,inputId:w,isBusy:H,isDisabled:x,items:H||""===z?[]:j?[nX]:A,labelId:k,menuAriaLabel:S,onChange:O,onInputValueChange:g=>_(ServiceTypeahead_dedupeAndTrimWhitespace(g)),placeholder:T,renderFloatingMenu:g=>F(Object.assign(Object.assign({},g),{visibleItems:I})),renderIcon:g=>g&&g.images?(0,ei.U)("span",{css:nJ.serviceIcon,"data-disabled":x?"":void 0},(0,ei.U)(nq.A,{ariaHidden:!0,serviceName:getLabelForItem(g),size:30,src:getIconUrlForItem(g)})):null,setClearSelection:P,showEmptyList:!0,size:U})};var n0=b(52879),n1={grad:.9,turn:360,rad:360/(2*Math.PI)},lch_t=function(g){return"string"==typeof g?g.length>0:"number"==typeof g},lch_a=function(g,m,b){return void 0===m&&(m=0),void 0===b&&(b=Math.pow(10,m)),Math.round(b*g)/b+0},lch_n=function(g,m,b){return void 0===m&&(m=0),void 0===b&&(b=1),g>b?b:g>m?g:m},lch_u=function(g){var m=g/255;return m<.04045?m/12.92:Math.pow((m+.055)/1.055,2.4)},lch_h=function(g){return 255*(g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g)},lch_i=function(g){var m,b={x:.9555766*g.x+-.0230393*g.y+.0631636*g.z,y:-.0282895*g.x+1.0099416*g.y+.0210077*g.z,z:.0122982*g.x+-.020483*g.y+1.3299098*g.z};return{r:lch_n((m={r:lch_h(.032404542*b.x-.015371385*b.y-.004985314*b.z),g:lch_h(-.00969266*b.x+.018760108*b.y+41556e-8*b.z),b:lch_h(556434e-9*b.x-.002040259*b.y+.010572252*b.z),a:g.a}).r,0,255),g:lch_n(m.g,0,255),b:lch_n(m.b,0,255),a:lch_n(m.a)}},lch_l=function(g){var m,b,v=lch_u(g.r),C=lch_u(g.g),w=lch_u(g.b);return{x:lch_n((b={x:1.0478112*(m={x:100*(.4124564*v+.3575761*C+.1804375*w),y:100*(.2126729*v+.7151522*C+.072175*w),z:100*(.0193339*v+.119192*C+.9503041*w),a:g.a}).x+.0228866*m.y+-.050127*m.z,y:.0295424*m.x+.9904844*m.y+-.0170491*m.z,z:-.0092345*m.x+.0150436*m.y+.7521316*m.z,a:m.a}).x,0,96.422),y:lch_n(b.y,0,100),z:lch_n(b.z,0,82.521),a:lch_n(b.a)}},n2=216/24389,n3=24389/27,lch_d=function(g){var m;return{l:lch_n(g.l,0,100),c:g.c,h:(m=isFinite(m=g.h)?m%360:0)>0?m:m+360,a:g.a}},lch_p=function(g){return{l:lch_a(g.l,2),c:lch_a(g.c,2),h:lch_a(g.h,2),a:lch_a(g.a,3)}},lch_v=function(g){var m=g.l,b=g.c,v=g.h,C=g.a;return lch_t(m)&&lch_t(b)&&lch_t(v)?lch_M(lch_d({l:Number(m),c:Number(b),h:Number(v),a:Number(void 0===C?1:C)})):null},lch_y=function(g){var m,b,v,C,w=(b=(m=lch_l(g)).x/96.422,v=m.y/100,C=m.z/82.521,b=b>n2?Math.cbrt(b):(n3*b+16)/116,{l:116*(v=v>n2?Math.cbrt(v):(n3*v+16)/116)-16,a:500*(b-v),b:200*(v-(C=C>n2?Math.cbrt(C):(n3*C+16)/116)),alpha:m.a}),x=lch_a(w.a,3),k=lch_a(w.b,3),S=Math.atan2(k,x)/Math.PI*180;return{l:w.l,c:Math.sqrt(x*x+k*k),h:S<0?S+360:S,a:w.alpha}},lch_M=function(g){var m,b,v,C;return v=(m={l:g.l,a:g.c*Math.cos(g.h*Math.PI/180),b:g.c*Math.sin(g.h*Math.PI/180),alpha:g.a}).a/500+(b=(m.l+16)/116),C=b-m.b/200,lch_i({x:(Math.pow(v,3)>n2?Math.pow(v,3):(116*v-16)/n3)*96.422,y:(m.l>8?Math.pow((m.l+16)/116,3):m.l/n3)*100,z:(Math.pow(C,3)>n2?Math.pow(C,3):(116*C-16)/n3)*82.521,a:m.alpha})},n4=/^lch\(\s*([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)\s+([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lch_s=function(g){var m,b,v=n4.exec(g);return v?lch_M(lch_d({l:Number(v[1]),c:Number(v[2]),h:(m=v[3],void 0===(b=v[4])&&(b="deg"),Number(m)*(n1[b]||1)),a:void 0===v[5]?1:Number(v[5])/(v[6]?100:1)})):null};function lch(g,m){g.prototype.toLch=function(){return lch_p(lch_y(this.rgba))},g.prototype.toLchString=function(){var g,m,b,v,C;return m=(g=lch_p(lch_y(this.rgba))).l,b=g.c,v=g.h,(C=g.a)<1?"lch("+m+"% "+b+" "+v+" / "+C+")":"lch("+m+"% "+b+" "+v+")"},m.string.push([lch_s,"lch"]),m.object.push([lch_v,"lch"])}function _typeof(g){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(g){return typeof g}:function(g){return g&&"function"==typeof Symbol&&g.constructor===Symbol&&g!==Symbol.prototype?"symbol":typeof g})(g)}var n5=/^\s+/,n8=/\s+$/;function tinycolor(g,m){if(m=m||{},(g=g||"")instanceof tinycolor)return g;if(!(this instanceof tinycolor))return new tinycolor(g,m);var b=inputToRGB(g);this._originalInput=g,this._r=b.r,this._g=b.g,this._b=b.b,this._a=b.a,this._roundA=Math.round(100*this._a)/100,this._format=m.format||b.format,this._gradientType=m.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=b.ok}function inputToRGB(g){var m={r:0,g:0,b:0},b=1,v=null,C=null,w=null,x=!1,k=!1;return"string"==typeof g&&(g=stringInputToObject(g)),"object"==_typeof(g)&&(isValidCSSUnit(g.r)&&isValidCSSUnit(g.g)&&isValidCSSUnit(g.b)?(m=rgbToRgb(g.r,g.g,g.b),x=!0,k="%"===String(g.r).substr(-1)?"prgb":"rgb"):isValidCSSUnit(g.h)&&isValidCSSUnit(g.s)&&isValidCSSUnit(g.v)?(v=convertToPercentage(g.s),C=convertToPercentage(g.v),m=hsvToRgb(g.h,v,C),x=!0,k="hsv"):isValidCSSUnit(g.h)&&isValidCSSUnit(g.s)&&isValidCSSUnit(g.l)&&(v=convertToPercentage(g.s),w=convertToPercentage(g.l),m=hslToRgb(g.h,v,w),x=!0,k="hsl"),g.hasOwnProperty("a")&&(b=g.a)),b=boundAlpha(b),{ok:x,format:g.format||k,r:Math.min(255,Math.max(m.r,0)),g:Math.min(255,Math.max(m.g,0)),b:Math.min(255,Math.max(m.b,0)),a:b}}function rgbToRgb(g,m,b){return{r:255*bound01(g,255),g:255*bound01(m,255),b:255*bound01(b,255)}}function rgbToHsl(g,m,b){var v,C,w=Math.max(g=bound01(g,255),m=bound01(m,255),b=bound01(b,255)),x=Math.min(g,m,b),k=(w+x)/2;if(w==x)v=C=0;else{var S=w-x;switch(C=k>.5?S/(2-w-x):S/(w+x),w){case g:v=(m-b)/S+(m1&&(b-=1),b<1/6)?g+(m-g)*6*b:b<.5?m:b<2/3?g+(m-g)*(2/3-b)*6:g}if(g=bound01(g,360),m=bound01(m,100),b=bound01(b,100),0===m)v=C=w=b;else{var x=b<.5?b*(1+m):b+m-b*m,k=2*b-x;v=hue2rgb(k,x,g+1/3),C=hue2rgb(k,x,g),w=hue2rgb(k,x,g-1/3)}return{r:255*v,g:255*C,b:255*w}}function rgbToHsv(g,m,b){var v,C=Math.max(g=bound01(g,255),m=bound01(m,255),b=bound01(b,255)),w=Math.min(g,m,b),x=C-w;if(C==w)v=0;else{switch(C){case g:v=(m-b)/x+(m>1)+720)%360;--m;)v.h=(v.h+C)%360,w.push(tinycolor(v));return w}function _monochromatic(g,m){m=m||6;for(var b=tinycolor(g).toHsv(),v=b.h,C=b.s,w=b.v,x=[],k=1/m;m--;)x.push(tinycolor({h:v,s:C,v:w})),w=(w+k)%1;return x}tinycolor.prototype={isDark:function(){return 128>this.getBrightness()},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var g=this.toRgb();return(299*g.r+587*g.g+114*g.b)/1e3},getLuminance:function(){var g,m,b,v=this.toRgb();return g=v.r/255,.2126*(g<=.03928?g/12.92:Math.pow((g+.055)/1.055,2.4))+.7152*((m=v.g/255)<=.03928?m/12.92:Math.pow((m+.055)/1.055,2.4))+.0722*((b=v.b/255)<=.03928?b/12.92:Math.pow((b+.055)/1.055,2.4))},setAlpha:function(g){return this._a=boundAlpha(g),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var g=rgbToHsv(this._r,this._g,this._b);return{h:360*g.h,s:g.s,v:g.v,a:this._a}},toHsvString:function(){var g=rgbToHsv(this._r,this._g,this._b),m=Math.round(360*g.h),b=Math.round(100*g.s),v=Math.round(100*g.v);return 1==this._a?"hsv("+m+", "+b+"%, "+v+"%)":"hsva("+m+", "+b+"%, "+v+"%, "+this._roundA+")"},toHsl:function(){var g=rgbToHsl(this._r,this._g,this._b);return{h:360*g.h,s:g.s,l:g.l,a:this._a}},toHslString:function(){var g=rgbToHsl(this._r,this._g,this._b),m=Math.round(360*g.h),b=Math.round(100*g.s),v=Math.round(100*g.l);return 1==this._a?"hsl("+m+", "+b+"%, "+v+"%)":"hsla("+m+", "+b+"%, "+v+"%, "+this._roundA+")"},toHex:function(g){return rgbToHex(this._r,this._g,this._b,g)},toHexString:function(g){return"#"+this.toHex(g)},toHex8:function(g){return rgbaToHex(this._r,this._g,this._b,this._a,g)},toHex8String:function(g){return"#"+this.toHex8(g)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*bound01(this._r,255))+"%",g:Math.round(100*bound01(this._g,255))+"%",b:Math.round(100*bound01(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*bound01(this._r,255))+"%, "+Math.round(100*bound01(this._g,255))+"%, "+Math.round(100*bound01(this._b,255))+"%)":"rgba("+Math.round(100*bound01(this._r,255))+"%, "+Math.round(100*bound01(this._g,255))+"%, "+Math.round(100*bound01(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(n7[rgbToHex(this._r,this._g,this._b,!0)]||!1)},toFilter:function(g){var m="#"+rgbaToArgbHex(this._r,this._g,this._b,this._a),b=m,v=this._gradientType?"GradientType = 1, ":"";if(g){var C=tinycolor(g);b="#"+rgbaToArgbHex(C._r,C._g,C._b,C._a)}return"progid:DXImageTransform.Microsoft.gradient("+v+"startColorstr="+m+",endColorstr="+b+")"},toString:function(g){var m=!!g;g=g||this._format;var b=!1,v=this._a<1&&this._a>=0;return!m&&v&&("hex"===g||"hex6"===g||"hex3"===g||"hex4"===g||"hex8"===g||"name"===g)?"name"===g&&0===this._a?this.toName():this.toRgbString():("rgb"===g&&(b=this.toRgbString()),"prgb"===g&&(b=this.toPercentageRgbString()),("hex"===g||"hex6"===g)&&(b=this.toHexString()),"hex3"===g&&(b=this.toHexString(!0)),"hex4"===g&&(b=this.toHex8String(!0)),"hex8"===g&&(b=this.toHex8String()),"name"===g&&(b=this.toName()),"hsl"===g&&(b=this.toHslString()),"hsv"===g&&(b=this.toHsvString()),b||this.toHexString())},clone:function(){return tinycolor(this.toString())},_applyModification:function(g,m){var b=g.apply(null,[this].concat([].slice.call(m)));return this._r=b._r,this._g=b._g,this._b=b._b,this.setAlpha(b._a),this},lighten:function(){return this._applyModification(_lighten,arguments)},brighten:function(){return this._applyModification(_brighten,arguments)},darken:function(){return this._applyModification(_darken,arguments)},desaturate:function(){return this._applyModification(_desaturate,arguments)},saturate:function(){return this._applyModification(_saturate,arguments)},greyscale:function(){return this._applyModification(_greyscale,arguments)},spin:function(){return this._applyModification(_spin,arguments)},_applyCombination:function(g,m){return g.apply(null,[this].concat([].slice.call(m)))},analogous:function(){return this._applyCombination(_analogous,arguments)},complement:function(){return this._applyCombination(_complement,arguments)},monochromatic:function(){return this._applyCombination(_monochromatic,arguments)},splitcomplement:function(){return this._applyCombination(_splitcomplement,arguments)},triad:function(){return this._applyCombination(polyad,[3])},tetrad:function(){return this._applyCombination(polyad,[4])}},tinycolor.fromRatio=function(g,m){if("object"==_typeof(g)){var b={};for(var v in g)g.hasOwnProperty(v)&&("a"===v?b[v]=g[v]:b[v]=convertToPercentage(g[v]));g=b}return tinycolor(g,m)},tinycolor.equals=function(g,m){return!!g&&!!m&&tinycolor(g).toRgbString()==tinycolor(m).toRgbString()},tinycolor.random=function(){return tinycolor.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},tinycolor.mix=function(g,m,b){b=0===b?0:b||50;var v=tinycolor(g).toRgb(),C=tinycolor(m).toRgb(),w=b/100;return tinycolor({r:(C.r-v.r)*w+v.r,g:(C.g-v.g)*w+v.g,b:(C.b-v.b)*w+v.b,a:(C.a-v.a)*w+v.a})},tinycolor.readability=function(g,m){var b=tinycolor(g),v=tinycolor(m);return(Math.max(b.getLuminance(),v.getLuminance())+.05)/(Math.min(b.getLuminance(),v.getLuminance())+.05)},tinycolor.isReadable=function(g,m,b){var v,C,w=tinycolor.readability(g,m);switch(C=!1,(v=validateWCAG2Parms(b)).level+v.size){case"AAsmall":case"AAAlarge":C=w>=4.5;break;case"AAlarge":C=w>=3;break;case"AAAsmall":C=w>=7}return C},tinycolor.mostReadable=function(g,m,b){var v,C,w,x,k=null,S=0;C=(b=b||{}).includeFallbackColors,w=b.level,x=b.size;for(var O=0;OS&&(S=v,k=tinycolor(m[O]));return tinycolor.isReadable(g,k,{level:w,size:x})||!C?k:(b.includeFallbackColors=!1,tinycolor.mostReadable(g,["#fff","#000"],b))};var n6=tinycolor.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},n7=tinycolor.hexNames=flip(n6);function flip(g){var m={};for(var b in g)g.hasOwnProperty(b)&&(m[g[b]]=b);return m}function boundAlpha(g){return(isNaN(g=parseFloat(g))||g<0||g>1)&&(g=1),g}function bound01(g,m){isOnePointZero(g)&&(g="100%");var b=isPercentage(g);return(g=Math.min(m,Math.max(0,parseFloat(g))),b&&(g=parseInt(g*m,10)/100),1e-6>Math.abs(g-m))?1:g%m/parseFloat(m)}function clamp01(g){return Math.min(1,Math.max(0,g))}function parseIntFromHex(g){return parseInt(g,16)}function isOnePointZero(g){return"string"==typeof g&&-1!=g.indexOf(".")&&1===parseFloat(g)}function isPercentage(g){return"string"==typeof g&&-1!=g.indexOf("%")}function pad2(g){return 1==g.length?"0"+g:""+g}function convertToPercentage(g){return g<=1&&(g=100*g+"%"),g}function convertDecimalToHex(g){return Math.round(255*parseFloat(g)).toString(16)}var n9=(S="[\\s|\\(]+("+(k="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+k+")[,|\\s]+("+k+")\\s*\\)?",O="[\\s|\\(]+("+k+")[,|\\s]+("+k+")[,|\\s]+("+k+")[,|\\s]+("+k+")\\s*\\)?",{CSS_UNIT:new RegExp(k),rgb:RegExp("rgb"+S),rgba:RegExp("rgba"+O),hsl:RegExp("hsl"+S),hsla:RegExp("hsla"+O),hsv:RegExp("hsv"+S),hsva:RegExp("hsva"+O),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function isValidCSSUnit(g){return!!n9.CSS_UNIT.exec(g)}function stringInputToObject(g){g=g.replace(n5,"").replace(n8,"").toLowerCase();var m,b=!1;if(n6[g])g=n6[g],b=!0;else if("transparent"==g)return{r:0,g:0,b:0,a:0,format:"name"};return(m=n9.rgb.exec(g))?{r:m[1],g:m[2],b:m[3]}:(m=n9.rgba.exec(g))?{r:m[1],g:m[2],b:m[3],a:m[4]}:(m=n9.hsl.exec(g))?{h:m[1],s:m[2],l:m[3]}:(m=n9.hsla.exec(g))?{h:m[1],s:m[2],l:m[3],a:m[4]}:(m=n9.hsv.exec(g))?{h:m[1],s:m[2],v:m[3]}:(m=n9.hsva.exec(g))?{h:m[1],s:m[2],v:m[3],a:m[4]}:(m=n9.hex8.exec(g))?{r:parseIntFromHex(m[1]),g:parseIntFromHex(m[2]),b:parseIntFromHex(m[3]),a:parseIntFromHex(m[4])/255,format:b?"name":"hex8"}:(m=n9.hex6.exec(g))?{r:parseIntFromHex(m[1]),g:parseIntFromHex(m[2]),b:parseIntFromHex(m[3]),format:b?"name":"hex"}:(m=n9.hex4.exec(g))?{r:parseIntFromHex(m[1]+""+m[1]),g:parseIntFromHex(m[2]+""+m[2]),b:parseIntFromHex(m[3]+""+m[3]),a:parseIntFromHex(m[4]+""+m[4])/255,format:b?"name":"hex8"}:!!(m=n9.hex3.exec(g))&&{r:parseIntFromHex(m[1]+""+m[1]),g:parseIntFromHex(m[2]+""+m[2]),b:parseIntFromHex(m[3]+""+m[3]),format:b?"name":"hex"}}function validateWCAG2Parms(g){var m,b;return m=((g=g||{level:"AA",size:"small"}).level||"AA").toUpperCase(),b=(g.size||"small").toLowerCase(),"AA"!==m&&"AAA"!==m&&(m="AA"),"small"!==b&&"large"!==b&&(b="small"),{level:m,size:b}}function darkenColor(g,{contrast:m=4.5,minimumLightnessDistance:b=0}={}){let v=g.startsWith("#")?g:`#${g}`,C=(0,n0.Vi)(v).toLch(),w=C.l;if(Number.isNaN(w))throw Error(`couldn't parse color "${C}"`);for(;C.l>0&&getContrast((0,n0.Vi)(C).toHex()){let g=(0,E.useRef)(null),[m,b]=(0,E.useState)(0),[v,C]=(0,E.useState)(0);return(0,E.useEffect)(()=>{let m;let v=g.current;try{(m=new ResizeObserver(g=>{let m=g.pop();if(m){let g=Array.isArray(m.contentRect)?m.contentRect[0]:m.contentRect;b(g.width),C(g.height)}})).observe(v)}catch(g){}return()=>{null==m||m.disconnect()}}),{ref:g,width:m,height:v}},ZapCardCTA=g=>{let{computedState:m,ariaHidden:b,href:v,isLink:C,target:w}=g,x=C?(0,ei.U)(E.Fragment,null,(0,ei.U)(em.r,{css:oo.ctaLink(m),href:v,target:w,tabIndex:b?-1:void 0},"Try it",(0,ei.U)("span",{css:oo.ctaIcon(m)},(0,ei.U)(en.J,{isBlock:!0,name:"arrowBigRight",size:24})))):(0,ei.U)(er.z,{href:g.href,target:w,tabIndex:b?-1:void 0,size:"small"},"Try it");return(0,ei.U)("div",{"aria-hidden":b,css:oo.ctaArea(m,g)},x)},oe="#fffdf9",isDefaultColor=g=>g===oe,getDefaultComputedColors=()=>({backgroundColor:oe,backgroundColorDark:"rgb(0, 0, 0, 0.25)"}),getComputedColors=g=>{if(isDefaultColor(g)||!g)return getDefaultComputedColors();try{return{backgroundColor:darkenColor(g,{contrast:3}),backgroundColorDark:darkenColor(g,{contrast:4.5,minimumLightnessDistance:10})}}catch(g){return getDefaultComputedColors()}},hasMenu=g=>(g||[]).length>0,ot="all 150ms ease-in-out",isCardLayout=g=>"card"===g.layout,isLineLayout=g=>"line"===g.layout,isMegaLayout=g=>"mega"===g.layout,isCardLayoutWidth=g=>g.width<=375,isWideLayoutWidth=g=>g.width>770,isMediumLineLayoutWidth=g=>g.width>375&&g.width<=615,isLargeLineLayoutWidth=g=>g.width>615,computeLineLayoutGrid=(g,m)=>isLargeLineLayoutWidth(g)?I.iv` + grid-template-columns: max-content max-content 1fr max-content max-content max-content; + grid-template-areas: + 'services title title title label cta menu' + '. ${m.authorName?"author":"meta"} meta meta meta . .'; + `:I.iv` + grid-template-columns: max-content 1fr max-content; + grid-template-areas: 'services title cta'; + `,isCardOrMegaLayout=g=>isCardLayout(g)||isMegaLayout(g),shouldBeColored=g=>isCardOrMegaLayout(g)&&!isDefaultColor(g.backgroundColor),or={cardPadding:"20px",cardHeaderHeight:"40px",cardFooterHeight:"55px",megaPaddingLeft:"30px",megaPaddingTop:"38px",servicesHeight:"40px",servicesHeightMegaCard:"60px"},on=I.iv` + display: flex; + align-items: center; + min-height: ${or.servicesHeight}; +`,oo=(0,eo.B)("ZapCard",{root:(g,m)=>[I.iv` + min-width: 270px; + `,(isCardOrMegaLayout(m)||isLineLayout(m)&&isMediumLineLayoutWidth(m))&&(hasMenu(g.menuItems)||g.authorName)&&I.iv` + padding-top: ${or.cardHeaderHeight}; + `],inner:(g,m)=>[!shouldBeColored(g)&&I.iv` + border: 1px solid ${R.w.neutral300}; + `,I.iv` + position: relative; + box-shadow: none; + transition: box-shadow 150ms ${N.f.transitionTimingFunction}; + border-radius: 5px; + background-color: ${oe}; + // Default to undefined. + --ZapCard-text-color: ${R.w.neutral800}; + + // This is the overlay and footer background color. A pseudo + // element is used to facilitate using CSS Grid for the disparate + // values for the 'layout' prop. + &::before { + pointer-events: none; + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + transition: ${ot}; + } + + &::after { + opacity: 0; + content: ''; + position: absolute; + inset: -1px; + border-radius: 4px; + transition: opacity 150ms ease-in-out; + } + @media (hover: hover) { + &:hover, + &:focus-within { + box-shadow: ${W.f.elevation5}; + } + } + `,m.shouldOverlayLink&&I.iv` + &:after { + border: 2px solid ${R.w.blue}; + } + `,isCardOrMegaLayout(g)&&I.iv` + --ZapCard-cta-color: ${R.w.neutral600}; + --ZapCard-cta-opacity: 0; + @media (hover: hover) { + &:hover, + &:focus-within { + --ZapCard-cta-color: ${R.w.blue}; + --ZapCard-cta-opacity: 1; + } + } + + &::before { + height: ${or.cardFooterHeight}; + border-radius: 0 0 4px 4px; + background-color: ${R.w.neutral200}; + } + + @media (hover: hover) { + &:hover::before, + &:focus-within::before { + background-color: ${R.w.blue10}; + } + &:focus-within::after { + opacity: 1; + } + } + `,shouldBeColored(g)&&I.iv` + --ZapCard-cta-color: ${R.w.neutral100}; + --ZapCard-text-color: ${R.w.neutral100}; + background-color: ${g.backgroundColor}; + + &::before { + background-color: ${g.backgroundColorDark}; + } + + @media (hover: hover) { + &:hover, + &:focus-within { + --ZapCard-cta-color: ${R.w.neutral100}; + } + + &:hover, + &:focus-within { + box-shadow: ${W.f.elevation10}; + } + + &:hover::before, + &:focus-within::before { + background-color: ${g.backgroundColorDark}; + } + &:focus-within::after { + border: 2px solid ${g.backgroundColorDark}; + } + } + `,isLineLayout(g)&&I.iv` + &::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + } + @media (hover: hover) { + &:hover::before, + &:focus-within::before { + background-color: ${R.w.blue10}; + } + } + `,isLineLayout(g)&&I.iv` + div div div span[data-color] { + transition: ${ot}; + } + + @media (hover: hover) { + &:hover, + &:focus-within { + div div div span[data-color] { + background-color: ${R.w.neutral100}; + } + } + &:focus-within::after { + opacity: 1; + } + } + `,isLineLayout(g)&&g.isExpanded&&I.iv` + &::before { + content: ''; + display: none; + } + `],layout:(g,m)=>[I.iv` + display: grid; + position: relative; + `,isCardOrMegaLayout(g)&&I.iv` + label: -card; + min-height: 219px; + grid-template-columns: 1fr max-content; + grid-template-rows: ${or.servicesHeight} 1fr ${or.cardFooterHeight}; + gap: 10px; + align-items: center; + grid-template-areas: + 'services label' + 'title title' + 'meta cta'; + padding: ${or.cardPadding} ${or.cardPadding} 0; + `,isMegaLayout(g)&&I.iv` + label: -mega; + min-height: 345px; + padding: ${or.megaPaddingTop} ${or.cardPadding} 0 + ${or.megaPaddingLeft}; + grid-template-rows: ${or.servicesHeightMegaCard} 1fr ${or.cardFooterHeight}; + `,isLineLayout(g)&&I.iv` + label: -line; + ${computeLineLayoutGrid(g,m)} + gap: 2px 20px; + align-items: center; + min-height: 80px; + padding: ${or.cardPadding}; + `],titleArea:g=>[I.iv` + grid-area: title; + `,isLineLayout(g)&&I.iv` + ${on} + align-items: inherit; + `],title:g=>[I.iv` + ${V.ZT.subHeader3Bold}; + color: var(--ZapCard-text-color, ${R.w.neutral800}); + // All of the properties below this are necessary + // for line clamping to work. Even though the properties + // have 'webkit' in them, they work cross-browser. + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + resize: none; + `,isMegaLayout(g)&&I.iv` + -webkit-line-clamp: 5; + `,isMegaLayout(g)&&I.iv` + ${isWideLayoutWidth(g)?V.ZT.pageHeader7:V.ZT.pageHeader9} + `,isLineLayout(g)&&I.iv` + ${V.ZT.paragraph1ShortBold} + letter-spacing: 0 !important; + `],link:I.iv` + ${V.ZT.paragraph1ShortBold}; + display: block; + position: absolute; + z-index: 2; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + `,ctaArea:(g,m)=>[I.iv` + grid-area: cta; + color: var(--ZapCard-text-color, var(--ZapCard-cta-color)); + position: relative; + z-index: 3; + `,isCardOrMegaLayout(g)&&[I.iv` + display: grid; + grid-template-columns: max-content max-content; + justify-content: end; + align-items: center; + transition: ${ot}; + `,m.shouldOverlayLink&&I.iv` + // Entire card is clickable; let these events "bleed through." + pointer-events: none; + `],isLineLayout(g)&&I.iv` + ${on}; + `],ctaLink:g=>[I.iv` + display: flex; + align-items: center; + ${V.ZT.smallPrint1Bold}; + color: var(--ZapCard-cta-color); + transition: ${ot}; + text-decoration: none; + outline: 1px solid transparent; + gap: 10px; + transition: all 150ms ${N.f.transitionTimingFunction}; + + // Balances out CTA right arrow icon, which + // has 3px padding-right built in to the SVG + padding-left: 3px; + + &:focus { + transition: all 300ms ease-in-out; + outline-color: ${R.w.blueJeans}; + } + + &:focus, + &:hover { + color: ${R.w.night}; + } + `,isCardOrMegaLayout(g)&&I.iv` + color: var(--ZapCard-cta-color); + `,isMegaLayout(g)&&I.iv` + ${V.ZT.paragraph3Bold}; + `],ctaIcon:g=>[isLineLayout(g)&&I.iv` + display: none; + `],menuArea:g=>[I.iv` + position: relative; + z-index: 4; + `,g.isMenuOpen&&I.iv` + z-index: 5; + `,isCardOrMegaLayout(g)&&I.iv` + label: -card; + display: flex; + align-items: center; + position: absolute; + bottom: 100%; + right: 0px; + height: ${or.cardHeaderHeight}; + `,isLineLayout(g)&&I.iv` + label: -line; + grid-area: menu; + // Tighten gutter + margin-left: -10px; + ${on}; + `,isLineLayout(g)&&isMediumLineLayoutWidth(g)&&I.iv` + display: flex; + align-items: center; + position: absolute; + bottom: 100%; + right: 0px; + height: ${or.cardHeaderHeight}; + `],menuToggle:I.iv` + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + color: ${R.w.neutral600}; + &:hover, + &:focus, + &[aria-expanded='true'] { + color: ${R.w.blue}; + } + `,menu:g=>[I.iv` + position: absolute; + width: 270px; + background: ${R.w.neutral100}; + border: 1px solid ${R.w.neutral400}; + border-radius: 3px; + box-shadow: ${W.f.elevation20}; + // Subtract a pixel to ensure card coverage. + top: calc(100% - 1px); + right: -1px; + `,isLineLayout(g)&&isLargeLineLayoutWidth(g)&&I.iv` + top: 100%; + right: calc(-${or.cardPadding} - 1px); + `],menuInner:I.iv` + padding: 10px; + color: ${R.w.neutral700}; + `,menuItemInner:I.iv` + display: grid; + grid-template-columns: max-content 1fr; + gap: 8px; + align-items: center; + `,menuItemText:I.iv` + overflow: hidden; + text-overflow: ellipsis; + `,labelArea:g=>[I.iv` + display: flex; + grid-area: label; + position: relative; + z-index: 3; + gap: 10px; + align-items: center; + `,isCardOrMegaLayout(g)&&I.iv` + text-align: right; + justify-content: end; + `,isLineLayout(g)&&I.iv` + ${on}; + gap: 20px; + `,isLineLayout(g)&&isMediumLineLayoutWidth(g)&&I.iv` + display: none; + `],servicesArea:[I.iv` + grid-area: services; + position: relative; + z-index: 3; + align-self: baseline; + `],metaInfoArea:g=>[I.iv` + grid-area: meta; + ${V.ZT.smallPrint3Bold}; + font-size: 14px; + line-height: 20px; + color: var(--ZapCard-text-color, ${R.w.neutral800}); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + `,isMegaLayout(g)&&I.iv` + font-size: 16px; + line-height: 22px; + `,isCardOrMegaLayout(g)&&I.iv` + pointer-events: none; + `,isLineLayout(g)&&I.iv` + line-height: 20px; + `,isLineLayout(g)&&isMediumLineLayoutWidth(g)&&I.iv` + display: none; + `],authorArea:g=>[I.iv` + ${V.ZT.smallPrint1}; + gap: 10px; + `,isCardOrMegaLayout(g)&&I.iv` + label: -card; + display: flex; + align-items: center; + position: absolute; + bottom: 100%; + left: 0px; + height: ${or.cardHeaderHeight}; + `,isLineLayout(g)&&I.iv` + label: -line; + grid-area: author; + ${on}; + `,isLineLayout(g)&&isLargeLineLayoutWidth(g)&&I.iv` + gap: 5px; + font-size: 14px; + min-height: auto; + position: relative; + + // Simple but somewhat magical way to add middot. + // Gets the job done, but might refactor if more + // of these middot separators are needed later. + &:not(:empty)::after { + content: '•'; + position: absolute; + font-size: 16px; + right: -14px; + bottom: 2px; + opacity: 0.4; + } + `,isLineLayout(g)&&isMediumLineLayoutWidth(g)&&I.iv` + display: flex; + align-items: center; + position: absolute; + bottom: 100%; + left: 0px; + height: ${or.cardHeaderHeight}; + `],authorContent:g=>[I.iv` + display: grid; + grid-template-columns: min-content 1fr; + gap: inherit; + align-items: center; + color: ${R.w.neutral700}; + `,I.iv` + position: relative; + z-index: ${isLineLayout(g)&&!isMediumLineLayoutWidth(g)?3:4}; + `],authorByline:g=>[I.iv` + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 22ch; + `,isLineLayout(g)&&I.iv` + max-width: 15ch; + `],authorName:I.iv` + color: ${R.w.neutral700}; + font-weight: 700; + `,summary:I.iv` + display: block; + cursor: pointer; + position: absolute; + z-index: 2; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + `,detailsContent:I.iv` + position: relative; + z-index: 3; + padding: 0 20px 20px; + `,detailsHref:I.iv` + z-index: 3; + `}),defaultRenderAuthor=(g,m)=>{if(!g.authorName)return null;let[b,...v]=g.authorName.split(/\s+/),C=v.pop(),w=C?`${C[0]}.`:"",x=`${b} ${w}`.trim(),k=(0,ei.U)("p",{"aria-hidden":!0,css:oo.authorByline(m)},"by ",(0,ei.U)("span",{css:oo.authorName},x));return(0,ei.U)("div",{"aria-label":`by ${g.authorName}`,css:oo.authorContent(m)},(0,ei.U)(ef.q,{ariaHidden:!0,isBlock:!0,name:g.authorName,size:isLineLayout(m)&&isLargeLineLayoutWidth(m)?18:25,url:g.authorAvatarUrl}),(0,ei.U)(ew.p,{content:g.authorName,position:"southwest",shouldCorrectPosition:!1},()=>k))},defaultRenderLabel=(g,m)=>{let b=shouldBeColored(m)?"white":"info";return g.label&&(0,ei.U)(ew.p,{content:g.labelTooltip,position:"southeast",shouldCorrectPosition:!1},()=>(0,ei.U)(eW.S,{color:b},g.label))},defaultRenderMenu=(g,m,{closeMenu:b})=>{var v,C,w;let x=g.detailsLink&&isLineLayout(m)&&isMediumLineLayoutWidth(m);if(!x&&!hasMenu(g.menuItems))return null;let renderMenuItem=g=>{let m=g.icon&&(0,ei.U)(en.J,{name:g.icon,size:24});return(0,ei.U)(tl.s,{href:g.href,key:g.text,onClick:m=>{g.onClick&&g.onClick(m,g),b()},rel:g.rel},(0,ei.U)("span",{css:oo.menuItemInner},m,(0,ei.U)("span",{css:oo.menuItemText},g.text)))},k=(null!==(v=g.menuItems)&&void 0!==v?v:[]).map(renderMenuItem);return(0,ei.U)("div",{css:oo.menu(m)},(0,ei.U)(ti.v,{ariaLabel:"Zap options"},(0,ei.U)("div",{css:oo.menuInner},k,x&&renderMenuItem({text:"See Zap details",icon:"miscList",href:null===(C=g.detailsLink)||void 0===C?void 0:C.href,rel:null===(w=g.detailsLink)||void 0===w?void 0:w.rel,onClick:b=>{var v;return null===(v=g.detailsLink)||void 0===v?void 0:v.onClick(b,m)}}))))},defaultRenderMetaInfo=(g,m)=>{if(g.metaInfo)return g.metaInfo;let b=m.uniqueServices.slice(0,3),v=m.uniqueServices.length-b.length;return[...b,v>0&&`${v} more`].filter(Boolean).join(" + ")},ZapCard=({authorName:g,authorAvatarUrl:m,canClickOutsideToClose:b,children:v,color:C=oe,detailsLink:w,href:x,hrefTarget:k="_self",label:S,labelTooltip:O,layout:T="auto",menuItems:P=[],metaInfo:U,onClick:M,renderAuthor:L,renderLabel:D,renderMenu:$,renderMetaInfo:B,services:F,shouldOverlayLink:I=!0,title:H})=>{let _=useZdsColor(C||oe),z={authorName:g,authorAvatarUrl:m,canClickOutsideToClose:b,children:v,color:C,detailsLink:w,href:x,hrefTarget:k,label:S,labelTooltip:O,layout:T,menuItems:P,metaInfo:U,onClick:M,renderAuthor:L,renderLabel:D,renderMenu:$,renderMetaInfo:B,services:F,title:H},[A,j]=(0,E.useState)(!1),closeMenu=()=>j(!1),[N]=(0,G.O)({onClickOutside:closeMenu}),R=null,[W,V]=(0,E.useState)(!1),[K]=(0,G.O)({onClickOutside:()=>{b&&V(!1)}}),{ref:Y,width:Q}=useResizeObserver(),J=[...new Set(F.map(g=>g.name))],X=Object.assign(Object.assign({isExpanded:W,isMenuOpen:A,layout:T},getComputedColors(_)),{width:Q,uniqueServices:J});X.layout="auto"!==T?T:isCardLayoutWidth(X)?"card":"line";let ee=v&&isLineLayout(X),et=$?$(z,X,{closeMenu}):defaultRenderMenu(z,X,{closeMenu}),er=D?D(z,X):defaultRenderLabel(z,X),eo=L?L(z,X):defaultRenderAuthor(z,X),ea=B?B(z,X):defaultRenderMetaInfo(z,X),el=w&&(0,ei.U)("span",{css:oo.detailsHref},(0,ei.U)(em.r,{href:w.href,rel:w.rel,onClick:g=>null==w?void 0:w.onClick(g,X)},"Details")),es=I&&(isCardLayout(X)||!v)&&(0,ei.U)(em.r,{css:oo.link,href:x,target:k},H),ec=ee&&(0,ei.U)("details",{css:oo.details,"data-testid":"ZapCard__details",open:W},(0,ei.U)("summary",{css:oo.summary,onClick:g=>{g.preventDefault(),V(!W)}},"More details"),(0,ei.U)("div",{css:oo.detailsContent},v)),ed=isCardOrMegaLayout(X)?(0,ei.U)(ZapCardCTA,{computedState:X,ariaHidden:!!es,href:x,isLink:!0,shouldOverlayLink:I,target:k}):isLineLayout(X)?(0,ei.U)(ZapCardCTA,{computedState:X,ariaHidden:!!es,href:x,isLink:!1,shouldOverlayLink:I,target:k}):null,eu=isMegaLayout(X)?60:40;return(0,ei.U)("article",{css:oo.root(z,X),ref:Y},(0,ei.U)("div",{css:oo.inner(X,z),"data-testid":"ZapCard__inner",onClick:g=>{R&&R.contains(g.target)||!M||M(g,X)},ref:K},(0,ei.U)("div",{css:oo.layout(X,z)},(0,ei.U)("div",{css:oo.titleArea(X)},(0,ei.U)(Heading,{css:oo.title(X)},H)),eo&&(0,ei.U)("div",{css:oo.authorArea(X)},eo),(0,ei.U)("div",{css:oo.labelArea(X)},er,el),es,ed,(0,ei.U)("div",{css:oo.menuArea(X),ref:g=>{R=g,N(g)}},et&&(0,ei.U)("button",{"aria-expanded":A,"aria-label":"More options",css:oo.menuToggle,onClick:()=>j(!A),type:"button"},(0,ei.U)(en.J,{name:"navMoreHoriz",size:32})),A&&et),(0,ei.U)("div",{css:oo.servicesArea},(0,ei.U)(ew.p,{allowMultilineTooltip:!0,content:J.join(", "),position:"southwest",shouldCorrectPosition:!1,tooltipId:"tooltip-zap-card"},()=>(0,ei.U)(nG.r,{ariaLabel:`Zap uses ${J.join(", ")}`,maxServices:3,services:F,size:eu,hasBorder:!shouldBeColored(X)}))),(0,ei.U)("div",{css:oo.metaInfoArea(X)},ea)),ec))},oa=(0,eo.B)("ZapCardSteps",{root:I.iv` + border: 1px solid ${R.w.neutral300}; + border-radius: 10px; + `,step:I.iv` + position: relative; + display: grid; + grid-template-columns: max-content 1fr; + gap: 10px; + align-items: center; + padding: 10px; + ${V.ZT.smallPrint3}; + color: ${R.w.neutral700}; + `,stepName:I.iv` + ${V.ZT.smallPrint1Semibold}; + color: ${R.w.neutral800}; + `,divider:I.iv` + position: absolute; + top: 0; + left: 0; + right: 0; + transform: translateY(-50%); + display: flex; + align-items: center; + + &::before, + &::after { + content: ''; + height: 1px; + background-color: ${R.w.neutral300}; + flex: 1; + } + + &::before { + margin-right: 2px; + } + + &::after { + margin-left: 2px; + } + `}),ZapCardStep=g=>{let m=0===g.index,b=!m&&(0,ei.U)("div",{css:oa.divider},(0,ei.U)(en.J,{color:"gray20",name:"formAddCircle",size:18}));return(0,ei.U)("li",{css:oa.step},b,(0,ei.U)(nq.A,{ariaHidden:!0,serviceName:g.name,size:60,src:g.icon}),(0,ei.U)("div",null,(0,ei.U)("p",null,m?"When this happens":"Then do this"),(0,ei.U)("p",{css:oa.stepName},"Step ",g.index+1,": ",g.label)))},ZapCardSteps=g=>(0,ei.U)("ol",{css:oa.root},g.steps.map((g,m)=>(0,ei.U)(ZapCardStep,Object.assign({},g,{index:m,key:m})))),oi=(0,eo.B)("ZapCardDetails",{root:I.iv` + display: grid; + grid-template-columns: 100%; + gap: 20px; + box-sizing: content-box; + padding: 0 35px 20px 35px; + max-width: 770px; + margin: 0 auto; + `,description:I.iv` + ${V.ZT.paragraph3}; + color: ${R.w.gray80}; + `,actions:[I.iv` + display: flex; + gap: 20px; + max-width: 320px; + margin-left: auto; + justify-content: end; + `]}),ZapCardDetails=g=>{let m=g.detailsHrefTarget||"_self",b=g.editorHrefTarget||"_self";return(0,ei.U)("div",{css:oi.root},(0,ei.U)(ZapCardSteps,{steps:g.steps}),g.children&&(0,ei.U)("div",{css:oi.description},g.children),(0,ei.U)("div",null,(0,ei.U)("div",{css:oi.actions},g.detailsHref&&(0,ei.U)(er.z,{color:"secondary",href:g.detailsHref,size:"small",target:m},"See Zap details"),g.editorHref&&(0,ei.U)(er.z,{color:"primary",hasShadow:!0,href:g.editorHref,size:"small",target:b},"Try it"))))};var ol=b(19539),os=b(37042);let oc=((g,m="")=>{0>m.indexOf(g)&&(m=`${m}${g}`);let b=m.indexOf(g);return{baseHref:m.substring(0,b),queryString:m.substring(b+1)}}).bind(null,"?"),filterEmptyKeys=g=>(0,ol.pickBy)(g,(g,m)=>!!m),extractParams=(g="")=>{let m=os.parse(oc(g).queryString);return filterEmptyKeys(m)},isEmbedWidgetScript=g=>g&&"script"===g.tagName&&g.attrs&&g.attrs.src&&g.attrs.src.includes("/embed/widget.js"),parseEmbedWidgetSrc=g=>{try{let{guided_zaps:m,services:b,limit:v}=extractParams(g);return{appSlugs:b&&b.replace(/ /g,""),limit:v,zapIds:m&&m.replace(/ /g,"")}}catch(g){return{appSlugs:"",limit:"5",zapIds:""}}},isWistiaEmbedScript=g=>g&&g.attrs&&g.attrs.src&&g.attrs.src.includes("https://fast.wistia.com/embed/medias/")&&g.attrs.src.includes(".jsonp"),parseWistiaSrc=g=>{try{let m=(g.split("/").pop()||"").replace(".jsonp","");return m}catch(g){return""}},defaultTransform=(g,m)=>{if(g.rawText)return g.rawText;if(null===g.tagName&&g.reactChildren)return(0,ei.U)(E.Fragment,{key:m},g.reactChildren);if(!g.tagName)return null;if("string"==typeof g.tagName){let b=g.tagName;return(0,ei.U)(b,Object.assign({key:m},g.attrs),g.reactChildren)}return null},innerConvertHtmlAstToReactElements=(g,m=defaultTransform,b)=>{if(!g)return null;if(isEmbedWidgetScript(g)){let{zapIds:v,appSlugs:C,limit:w}=g&&g.attrs?parseEmbedWidgetSrc(g.attrs.src):{zapIds:"",appSlugs:"",limit:""},x={tagName:"div",rawAttrs:`data-zap-template-list="true" data-zap-template-ids="${v}" data-app-slugs="${C}" data-limit="${w}"`,childNodes:[],classNames:[],attrs:{"data-zap-template-list":"true","data-zap-template-ids":v,"data-app-slugs":C,"data-limit":w}};return"function"==typeof m&&m(x,b)||defaultTransform(x,b)}if(isWistiaEmbedScript(g)){let v=g&&g.attrs&&g.attrs.src?parseWistiaSrc(g.attrs.src):"",C={tagName:"div",rawAttrs:`data-wistia-video="true" data-wistia-video-id="${v}"`,childNodes:[],classNames:[],attrs:{"data-wistia-video":"true","data-wistia-video-id":v}};return"function"==typeof m&&m(C,b)||defaultTransform(C,b)}if("div"===g.tagName&&g.classNames&&g.classNames.includes("wistia_responsive_padding")||g.tagName&&("script"===g.tagName||"style"===g.tagName))return null;if(g.childNodes&&(0,ol.isArray)(g.childNodes)){g.reactChildren=g.childNodes.map((g,b)=>g&&innerConvertHtmlAstToReactElements(g,m,`key-${b}`)).filter(g=>!!g);let b=Array.isArray(g.reactChildren)?g.reactChildren.length:0;1===b&&(g.reactChildren=g.reactChildren[0]),0===b&&(g.reactChildren=null)}return"function"==typeof m&&m(g,b)||defaultTransform(g,b)};var utils_convertHtmlAstToReactElements=(g,m,b="key-top")=>{let v=(0,ol.cloneDeep)(g);return innerConvertHtmlAstToReactElements(v,m,b)};let od=(0,eo.B)("ZapCardDetailsHtml",{root:I.iv` + ${V.ZT.paragraph3}; + color: ${R.w.gray80}; + + // Can't use '> *:first-child' w/o emotion complaining... + > h1:first-of-type, + > h2:first-of-type, + > h3:first-of-type, + > h4:first-of-type, + > h5:first-of-type, + > h6:first-of-type, + > p:first-of-type, + > ol:first-of-type, + > ul:first-of-type { + margin-top: 0; + } + `,heading:I.iv` + ${V.ZT.smallPrint3Semibold}; + margin: 20px 0 5px; + text-transform: uppercase; + `,paragraph:I.iv` + margin: 10px 0; + `,list:I.iv` + display: grid; + grid-template-columns: 100%; + gap: 5px; + `,listItem:I.iv` + display: grid; + grid-template-columns: max-content 1fr; + gap: 15px; + align-items: center; + padding: 5px 15px; + background-color: ${R.w.gray5}; + border-radius: 5px; + color: ${R.w.gray}; + ${V.ZT.smallPrint1Semibold}; + `,listItemIcon:I.iv` + display: flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + background-color: ${R.w.white}; + border: 1px solid ${R.w.gray20}; + border-radius: 8px; + `}),ou={h1:[Heading,od.heading],h2:[Heading,od.heading],h3:[Heading,od.heading],h4:[Heading,od.heading],h5:[Heading,od.heading],h6:[Heading,od.heading],p:["p",od.paragraph],ol:["ol",od.list],ul:["ul",od.list],li:[({children:g})=>(0,ei.U)("li",{css:od.listItem},(0,ei.U)("span",{css:od.listItemIcon},(0,ei.U)(en.J,{color:"gray80",name:"formCheckCircle",size:15})),(0,ei.U)("div",null,g))]},convertHtmlAst=(g,m)=>{let[b,v]=ou[g.tagName]||[];return b&&(0,ei.U)(b,{css:v,key:m},g.reactChildren)},ZapCardDetailsHtml=g=>(0,ei.U)("div",{css:od.root},utils_convertHtmlAstToReactElements(g.htmlAst,convertHtmlAst));var ZapCardSection_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let op={tablet:768,desktop:1230},of=(0,eo.B)("ZapCardSection",{root:I.iv` + padding: 20px; + + @media screen and (min-width: ${op.tablet}px) { + padding: 20px 30px; + } + + @media screen and (min-width: ${op.desktop}px) { + padding: 40px; + } + `,container:g=>I.iv` + display: grid; + gap: 30px; + grid-template-columns: ${"auto"===g?"1fr":"repeat(auto-fit, minmax(235px, 1fr))"}; + margin: 0 auto; + max-width: 1170px; + `}),ZapCardSection=({items:g,layout:m="card"})=>{var b;g.length>3&&"auto"!==m&&console.error("Max 3 items are allowed in ZapCardSection component");let v="auto"===m?g.length:3;return(0,ei.U)("div",{css:of.root},(0,ei.U)("div",{css:of.container(m)},null===(b=null==g?void 0:g.slice(0,v))||void 0===b?void 0:b.map(g=>{var{color:b=R.w.neutral100,href:v}=g,C=ZapCardSection_rest(g,["color","href"]);return(0,ei.U)(ZapCard,Object.assign({},C,{color:b,href:v,layout:m}))})))};var oh=b(52980);let og=(0,eo.B)("ZapierLogoSymbol",{root:{display:"block"}}),SymbolSize20=()=>(0,ei.U)("svg",{css:og.root,width:"20",height:"20","data-testid":"ZapierLogoSymbolSmall",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"20",height:"20",rx:"3",fill:"#FF4F00"})),SymbolSize30=()=>(0,ei.U)("svg",{css:og.root,width:"30",height:"30","data-testid":"ZapierLogoSymbolSmall",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"30",height:"30",rx:"5",fill:"#FF4F00"})),SymbolSize40=()=>(0,ei.U)("svg",{css:og.root,width:"40",height:"40","data-testid":"ZapierLogoSymbol",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"40",height:"40",rx:"7",fill:"#FF4F00"}),(0,ei.U)("path",{d:"M27.8897 23.2618C28.3978 23.5469 28.9737 23.6888 29.5561 23.6724C30.0305 23.6878 30.5034 23.6112 30.9488 23.447C31.2847 23.3258 31.584 23.1207 31.8182 22.8512C32.0391 22.5923 32.1987 22.2869 32.2852 21.9577L30.7636 21.531C30.69 21.7423 30.5556 21.9272 30.3772 22.0623C30.1449 22.2322 29.859 22.3123 29.5722 22.2877C29.3703 22.3033 29.1676 22.2714 28.9802 22.1945C28.7929 22.1176 28.6262 21.9979 28.4935 21.8449C28.2798 21.5281 28.1624 21.1563 28.1554 20.7743H32.3173C32.3243 20.6536 32.3243 20.5327 32.3173 20.412V20.09C32.3261 19.5797 32.2216 19.0738 32.0114 18.6087C31.8075 18.1882 31.4859 17.8358 31.0856 17.5944C30.6064 17.3373 30.0674 17.2123 29.5239 17.2322C29.1032 17.2038 28.6811 17.2604 28.2827 17.3987C27.8844 17.537 27.518 17.7542 27.2054 18.0372C26.6395 18.6755 26.35 19.5122 26.4004 20.3637C26.3878 20.9624 26.5174 21.5556 26.7787 22.0945C27.021 22.588 27.4087 22.9954 27.8897 23.2618ZM29.4997 18.5604C30.3048 18.5604 30.6751 18.9952 30.7315 19.8726H28.1554C28.1793 19.5597 28.2877 19.2592 28.4693 19.0032C28.5981 18.8512 28.7626 18.7334 28.948 18.6603C29.1334 18.5873 29.334 18.5613 29.5319 18.5846L29.4997 18.5604Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M12.3752 20.0434C11.7522 19.9855 11.1305 20.1668 10.6364 20.5506C10.4601 20.721 10.3217 20.9266 10.2302 21.1541C10.1386 21.3816 10.096 21.6258 10.105 21.8708C10.0859 22.1208 10.1255 22.3718 10.2205 22.6038C10.3156 22.8358 10.4634 23.0424 10.6524 23.2071C11.0662 23.5188 11.5761 23.6754 12.0935 23.6499C12.3523 23.6579 12.6098 23.6103 12.8487 23.5103C13.0875 23.4103 13.3021 23.2603 13.4781 23.0703C13.671 22.8551 13.8237 22.6069 13.9289 22.3377H14.0336L14.2187 23.5211H15.708V19.7294C15.7517 19.0685 15.5317 18.4172 15.0962 17.9181C14.8206 17.682 14.5006 17.5034 14.155 17.3928C13.8093 17.2822 13.4451 17.2418 13.0836 17.2741C12.618 17.2617 12.154 17.3354 11.7151 17.4914C11.368 17.6157 11.0617 17.8329 10.8296 18.1194C10.6114 18.3931 10.4647 18.7168 10.4029 19.0613L12.0532 19.2947C12.1104 19.1229 12.2238 18.9754 12.3752 18.8761C12.5668 18.7698 12.7844 18.7196 13.0031 18.7312C13.1365 18.7196 13.2709 18.7366 13.3972 18.781C13.5235 18.8254 13.6389 18.8963 13.7357 18.9888C13.8958 19.2075 13.9755 19.4748 13.9611 19.7455V20.0434H12.3752ZM12.6731 22.2331C12.435 22.2569 12.1967 22.1909 12.0049 22.0479C11.9441 21.985 11.8964 21.9106 11.8646 21.829C11.8329 21.7475 11.8176 21.6604 11.8197 21.5729C11.8179 21.4879 11.8334 21.4034 11.8652 21.3245C11.8971 21.2456 11.9446 21.174 12.0049 21.1141C12.152 20.9941 12.3387 20.9338 12.5282 20.945H13.9611V21.1785C13.9637 21.3233 13.933 21.4667 13.8717 21.5979C13.8103 21.729 13.7197 21.8444 13.6069 21.9352C13.3428 22.1466 13.0111 22.2553 12.6731 22.2411V22.2331Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M25.5225 17.4175H23.7595V23.5196H25.5225V17.4175Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M24.6619 16.5973C24.7942 16.6014 24.926 16.5786 25.0492 16.5302C25.1724 16.4817 25.2844 16.4087 25.3784 16.3155C25.5612 16.1192 25.6594 15.859 25.6521 15.591C25.659 15.3254 25.5607 15.0678 25.3784 14.8745C25.2837 14.7828 25.1714 14.7112 25.0482 14.6642C24.9251 14.6171 24.7937 14.5956 24.6619 14.6008C24.529 14.5954 24.3963 14.6169 24.2718 14.6639C24.1473 14.7109 24.0336 14.7825 23.9374 14.8745C23.8443 14.9685 23.7712 15.0805 23.7228 15.2037C23.6743 15.3269 23.6515 15.4587 23.6557 15.591C23.65 15.7247 23.6721 15.858 23.7207 15.9827C23.7692 16.1074 23.8431 16.2206 23.9377 16.3152C24.0323 16.4098 24.1456 16.4837 24.2702 16.5323C24.3949 16.5808 24.5283 16.603 24.6619 16.5973Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M18.5441 22.3292H18.6245C18.6749 22.4631 18.7368 22.5924 18.8097 22.7156C18.9913 23.0485 19.2729 23.316 19.6147 23.4803C19.9138 23.6324 20.2453 23.7097 20.5808 23.7057C20.9117 23.7199 21.2408 23.648 21.5356 23.497C21.8305 23.346 22.0812 23.1212 22.2633 22.8444C22.701 22.1179 22.9087 21.276 22.859 20.4293C22.9029 19.6071 22.6981 18.7908 22.2713 18.0867C22.0735 17.8181 21.8113 17.6036 21.5088 17.4629C21.2064 17.3222 20.8734 17.2599 20.5405 17.2816C20.2787 17.2723 20.0178 17.3184 19.775 17.4169C19.5323 17.5154 19.313 17.6641 19.1317 17.8532C18.8842 18.1215 18.6974 18.44 18.5843 18.787H18.4877L18.2945 17.4426H16.7891V25.2997H18.5521L18.5441 22.3292ZM19.8321 18.8353C20.0172 18.8193 20.2033 18.85 20.3735 18.9245C20.5437 18.9991 20.6924 19.1151 20.8062 19.262C21.0274 19.6156 21.1342 20.0289 21.1121 20.4454C21.1377 20.8786 21.0279 21.309 20.7981 21.6771C20.689 21.828 20.5427 21.9481 20.3734 22.0257C20.2041 22.1033 20.0176 22.1357 19.8321 22.1198C19.6523 22.1297 19.4729 22.0961 19.3089 22.0218C19.1449 21.9476 19.0013 21.8348 18.8902 21.6932C18.6418 21.3504 18.5195 20.9324 18.5441 20.5098V20.3971C18.514 19.9814 18.6371 19.569 18.8902 19.2379C19.0063 19.1036 19.1514 18.9975 19.3146 18.9278C19.4779 18.858 19.6548 18.8264 19.8321 18.8353Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M9.56271 22.0303H6.27819L6.22188 21.8451L9.50635 18.9148V17.4175H4.07242V18.9148H7.14763L7.22011 19.108L4 22.0303V23.5276H9.63519L9.56271 22.0303Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M35.0238 20.397C34.9956 20.2227 35.0107 20.0442 35.0677 19.8771C35.1247 19.71 35.2218 19.5594 35.3506 19.4386C35.4794 19.3178 35.6358 19.2304 35.8062 19.1842C35.9766 19.138 36.1557 19.1343 36.3279 19.1734H36.9961V17.4184H36.6096C36.3857 17.4083 36.1626 17.4512 35.9584 17.5435C35.7542 17.6358 35.5746 17.775 35.4343 17.9498C35.2531 18.1896 35.1217 18.4634 35.0479 18.7548H34.9593L34.7661 17.4104H33.2607V23.5206H35.0238V20.397Z",fill:"#FFFDF9"})),SymbolSize60=()=>(0,ei.U)("svg",{css:og.root,width:"60",height:"60","data-testid":"ZapierLogoSymbol",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"60",height:"60",rx:"11",fill:"#FF4F00"}),(0,ei.U)("path",{d:"M41.4566 34.7604C42.2109 35.1837 43.0659 35.3943 43.9305 35.37C44.6348 35.3928 45.3369 35.2792 45.9981 35.0353C46.4967 34.8554 46.9411 34.551 47.2888 34.1509C47.6167 33.7665 47.8537 33.313 47.982 32.8243L45.7232 32.1909C45.6139 32.5047 45.4144 32.7791 45.1496 32.9797C44.8047 33.2319 44.3802 33.3508 43.9544 33.3143C43.6547 33.3375 43.3537 33.2901 43.0756 33.1759C42.7975 33.0618 42.55 32.8841 42.353 32.657C42.0358 32.1867 41.8615 31.6347 41.851 31.0675H48.0298C48.0401 30.8884 48.0401 30.7088 48.0298 30.5297V30.0516C48.0427 29.2941 47.8876 28.5431 47.5756 27.8526C47.2729 27.2282 46.7954 26.7051 46.2012 26.3468C45.4897 25.9651 44.6896 25.7795 43.8827 25.809C43.2582 25.7668 42.6315 25.8509 42.0401 26.0563C41.4487 26.2616 40.9048 26.584 40.4408 27.0041C39.6007 27.9517 39.1708 29.1938 39.2457 30.458C39.2269 31.3469 39.4194 32.2275 39.8073 33.0275C40.167 33.7602 40.7426 34.365 41.4566 34.7604ZM43.8469 27.7809C45.042 27.7809 45.5918 28.4263 45.6754 29.729H41.851C41.8865 29.2644 42.0476 28.8183 42.3171 28.4382C42.5083 28.2125 42.7525 28.0377 43.0278 27.9292C43.303 27.8208 43.6008 27.7821 43.8946 27.8168L43.8469 27.7809Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M18.4404 29.9803C17.5155 29.8944 16.5926 30.1636 15.859 30.7333C15.5973 30.9863 15.3919 31.2916 15.256 31.6293C15.1201 31.967 15.0567 32.3295 15.0702 32.6932C15.0418 33.0644 15.1006 33.437 15.2417 33.7814C15.3828 34.1259 15.6023 34.4326 15.8829 34.6772C16.4971 35.1398 17.2541 35.3724 18.0222 35.3345C18.4064 35.3463 18.7887 35.2756 19.1433 35.1272C19.4979 34.9787 19.8165 34.756 20.0777 34.474C20.3641 34.1545 20.5908 33.7861 20.747 33.3864H20.9024L21.1773 35.1433H23.3883V29.5142C23.4531 28.533 23.1265 27.5661 22.48 26.8252C22.0709 26.4746 21.5957 26.2095 21.0826 26.0453C20.5695 25.8811 20.0288 25.8212 19.4921 25.8691C18.8008 25.8507 18.112 25.9601 17.4604 26.1918C16.9451 26.3762 16.4904 26.6987 16.1458 27.124C15.8219 27.5303 15.6042 28.0108 15.5124 28.5223L17.9624 28.8689C18.0474 28.6139 18.2157 28.3949 18.4404 28.2474C18.7248 28.0896 19.0479 28.0151 19.3727 28.0323C19.5707 28.015 19.7701 28.0403 19.9577 28.1062C20.1452 28.1722 20.3165 28.2773 20.4602 28.4147C20.6979 28.7394 20.8162 29.1363 20.7949 29.5381V29.9803H18.4404ZM18.8826 33.2311C18.5292 33.2665 18.1755 33.1684 17.8907 32.9562C17.8004 32.8627 17.7297 32.7523 17.6825 32.6312C17.6353 32.5102 17.6126 32.3809 17.6158 32.2511C17.6131 32.1248 17.6361 31.9994 17.6833 31.8822C17.7306 31.7651 17.8012 31.6588 17.8907 31.5698C18.109 31.3917 18.3863 31.3021 18.6675 31.3189H20.7949V31.6655C20.7986 31.8804 20.7532 32.0934 20.662 32.2881C20.5709 32.4828 20.4365 32.6541 20.269 32.7889C19.8769 33.1027 19.3844 33.264 18.8826 33.243V33.2311Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M37.9447 26.084H35.3274V35.1431H37.9447V26.084Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M36.6671 24.8652C36.8635 24.8714 37.0591 24.8375 37.242 24.7655C37.4249 24.6936 37.5912 24.5852 37.7308 24.4469C38.002 24.1555 38.1479 23.7692 38.1371 23.3712C38.1473 22.977 38.0013 22.5946 37.7308 22.3076C37.5902 22.1714 37.4234 22.0652 37.2406 21.9953C37.0577 21.9255 36.8626 21.8935 36.6671 21.9012C36.4697 21.8932 36.2727 21.9251 36.0879 21.9949C35.9031 22.0647 35.7343 22.171 35.5915 22.3076C35.4532 22.4471 35.3447 22.6135 35.2728 22.7963C35.2009 22.9792 35.167 23.1748 35.1732 23.3712C35.1647 23.5697 35.1976 23.7677 35.2697 23.9528C35.3418 24.1379 35.4515 24.306 35.5919 24.4464C35.7324 24.5869 35.9005 24.6966 36.0856 24.7687C36.2706 24.8408 36.4686 24.8736 36.6671 24.8652Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M27.5947 33.3739H27.7142C27.7889 33.5728 27.8809 33.7647 27.989 33.9476C28.2587 34.4418 28.6767 34.8389 29.1841 35.0829C29.6282 35.3087 30.1203 35.4235 30.6183 35.4176C31.1097 35.4385 31.5981 35.3318 32.0359 35.1076C32.4737 34.8835 32.8459 34.5497 33.1161 34.1388C33.766 33.0603 34.0743 31.8104 34.0005 30.5534C34.0657 29.3328 33.7617 28.1209 33.1281 27.0756C32.8344 26.6769 32.4451 26.3584 31.9961 26.1496C31.5471 25.9407 31.0527 25.8482 30.5586 25.8805C30.1699 25.8666 29.7826 25.935 29.4222 26.0813C29.0617 26.2275 28.7363 26.4482 28.4671 26.729C28.0996 27.1273 27.8224 27.6002 27.6544 28.1154H27.511L27.2242 26.1195H24.9893V37.7839H27.6066L27.5947 33.3739ZM29.5069 28.1871C29.7816 28.1633 30.058 28.2088 30.3106 28.3195C30.5633 28.4302 30.7841 28.6024 30.953 28.8205C31.2814 29.3455 31.44 29.9589 31.4071 30.5773C31.4451 31.2204 31.2822 31.8594 30.941 32.4059C30.779 32.6299 30.5618 32.8082 30.3105 32.9234C30.0592 33.0385 29.7823 33.0867 29.5069 33.0632C29.24 33.0778 28.9736 33.0279 28.7301 32.9177C28.4867 32.8074 28.2735 32.64 28.1086 32.4297C27.7398 31.9209 27.5583 31.3003 27.5947 30.6729V30.5056C27.5501 29.8885 27.7329 29.2763 28.1086 28.7846C28.2809 28.5853 28.4964 28.4278 28.7387 28.3243C28.981 28.2207 29.2437 28.1738 29.5069 28.1871Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M14.2583 32.9321H9.38214L9.29855 32.6572L14.1746 28.307V26.084H6.10752V28.307H10.6729L10.7805 28.5938L6 32.9321V35.155H14.3659L14.2583 32.9321Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M52.0682 30.5058C52.0265 30.247 52.0489 29.982 52.1335 29.7339C52.2181 29.4858 52.3623 29.2623 52.5535 29.0829C52.7446 28.9036 52.9769 28.7739 53.2298 28.7052C53.4828 28.6366 53.7488 28.6311 54.0043 28.6892H54.9963V26.0838H54.4226C54.0902 26.0688 53.759 26.1324 53.4558 26.2695C53.1526 26.4065 52.8861 26.6132 52.6778 26.8726C52.4088 27.2287 52.2137 27.6351 52.1041 28.0677H51.9726L51.6858 26.0719H49.4509V35.1429H52.0682V30.5058Z",fill:"#FFFDF9"})),SymbolSize80=()=>(0,ei.U)("svg",{css:og.root,width:"80",height:"80","data-testid":"ZapierLogoSymbol",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"80",height:"80",rx:"14",fill:"#FF4F00"}),(0,ei.U)("path",{d:"M50.4911 34.644H46.9695V46.8197H50.4911V34.644Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M48.7698 33.1839C49.0333 33.1921 49.2957 33.146 49.5406 33.0484C49.7856 32.9508 50.0078 32.8038 50.1934 32.6166C50.3748 32.4249 50.5156 32.1986 50.6076 31.9513C50.6996 31.7039 50.7407 31.4406 50.7286 31.177C50.7408 30.9144 50.6981 30.6521 50.6032 30.407C50.5082 30.1619 50.3632 29.9393 50.1773 29.7534C49.9915 29.5675 49.7688 29.4225 49.5237 29.3275C49.2786 29.2326 49.0163 29.1899 48.7537 29.2021C48.4901 29.19 48.2268 29.2312 47.9794 29.3231C47.7321 29.4151 47.5058 29.5559 47.3141 29.7373C47.1253 29.9218 46.9773 30.1438 46.8796 30.389C46.7819 30.6342 46.7366 30.8971 46.7468 31.1609C46.7373 31.427 46.7828 31.6921 46.8805 31.9398C46.9781 32.1875 47.1257 32.4125 47.3141 32.6006C47.5032 32.7931 47.7303 32.9444 47.9808 33.0448C48.2314 33.1452 48.5 33.1926 48.7698 33.1839Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M55.0241 46.35C56.0432 46.9079 57.1916 47.1867 58.3531 47.1581C59.2989 47.1877 60.2412 47.0295 61.1254 46.6925C61.8025 46.4298 62.4039 46.0032 62.8755 45.4508C63.3061 44.912 63.6179 44.2882 63.7907 43.6205L60.7561 42.7748C60.6169 43.2096 60.3593 43.5969 60.0122 43.8934C59.5521 44.2409 58.9818 44.4101 58.4066 44.3697C58.0062 44.3994 57.6043 44.3355 57.2328 44.1832C56.8612 44.0308 56.5302 43.7942 56.2658 43.492C55.8401 42.8901 55.6051 42.174 55.5915 41.4369H63.9352C63.9648 41.1899 63.9808 40.9416 63.9834 40.6929V40.0239C64.0044 39.0053 63.794 37.9951 63.3679 37.0696C62.9685 36.2269 62.3228 35.5252 61.5161 35.0573C60.5674 34.535 59.4941 34.2815 58.412 34.3241C56.4424 34.3241 54.9011 34.8842 53.7878 36.0046C52.6693 37.1285 52.118 38.6806 52.118 40.6448C52.09 41.8358 52.3488 43.0161 52.8726 44.0861C53.3573 45.0318 54.1043 45.8178 55.0241 46.35ZM58.2996 37.0108C59.8088 37.0108 60.6277 37.8492 60.7561 39.5262H55.6343C55.691 38.9347 55.9013 38.3683 56.2444 37.8831C56.4946 37.5867 56.8109 37.3533 57.1679 37.2018C57.5249 37.0502 57.9126 36.9848 58.2996 37.0108Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M69.0858 40.5813C69.0387 39.9334 69.229 39.2904 69.621 38.7724C69.985 38.3496 70.6914 38.1408 71.6601 38.1408H72.9981V34.646H72.297C71.8491 34.6292 71.4034 34.7173 70.9956 34.9031C70.5877 35.0889 70.2288 35.3674 69.9475 35.7164C69.5546 36.2444 69.2741 36.8473 69.1233 37.4879H68.9681L68.572 34.6621H65.5696V46.8325H69.0858V40.5813Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M8 43.844V46.8304H19.1482V43.8547H12.5331L12.4368 43.5657L19.0465 37.625V34.644H8.20338V37.625H14.4224L14.5294 37.9247L8 43.844Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M23.9829 38.5998C24.0738 38.1988 24.3055 37.8437 24.6358 37.599C25.0238 37.3592 25.4756 37.2435 25.931 37.2672C26.198 37.2447 26.4667 37.281 26.7182 37.3735C26.9697 37.4659 27.1979 37.6123 27.3867 37.8024C27.712 38.2336 27.8716 38.7673 27.8363 39.3063V39.8415H24.6733C23.0641 39.8415 21.9081 40.184 21.2052 40.869C20.8506 41.2162 20.5722 41.6335 20.3879 42.0942C20.2036 42.555 20.1174 43.0491 20.1348 43.545C20.0945 44.0434 20.1702 44.5444 20.3559 45.0087C20.5416 45.473 20.8323 45.8879 21.2052 46.221C22.0158 46.8341 23.016 47.1428 24.0311 47.0934C24.5601 47.1129 25.0869 47.0151 25.5736 46.8069C26.0604 46.5987 26.4949 46.2853 26.8462 45.8892C27.2423 45.4289 27.5458 44.8965 27.74 44.3211H27.938L28.3233 46.8365H31.299V39.2688C31.3838 37.9458 30.9412 36.6431 30.0681 35.6455C29.2439 34.7892 27.9273 34.361 26.0595 34.361C25.1016 34.3341 24.1476 34.4922 23.2497 34.8267C22.5603 35.0901 21.958 35.5405 21.5103 36.1272C21.0845 36.7161 20.8072 37.3991 20.7021 38.1181L23.9829 38.5998ZM25.2674 44.2515C24.7957 44.3013 24.3224 44.1735 23.9401 43.8929C23.7065 43.6497 23.5761 43.3256 23.5761 42.9884C23.5761 42.6513 23.7065 42.3271 23.9401 42.0839C24.2144 41.84 24.5744 41.7149 24.9409 41.7361H27.847V42.1482C27.8533 42.4379 27.7929 42.7252 27.6704 42.9878C27.5479 43.2505 27.3666 43.4814 27.1406 43.6628C26.6052 44.0817 25.9353 44.291 25.2567 44.2515H25.2674Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M36.8004 44.3057H36.9771C37.0809 44.6067 37.2098 44.8985 37.3624 45.1781C37.702 45.828 38.2249 46.3639 38.8663 46.7194C39.473 47.0332 40.1475 47.1931 40.8305 47.1851C41.4925 47.2119 42.1502 47.0674 42.74 46.7655C43.3298 46.4636 43.8316 46.0145 44.1969 45.4617C44.9836 44.3164 45.3796 42.7108 45.3796 40.6449C45.3796 38.5791 44.9943 37.1073 44.2236 35.9834C43.8425 35.4314 43.3257 34.9868 42.723 34.6925C42.1203 34.3982 41.4519 34.264 40.7823 34.3028C40.2577 34.2843 39.7351 34.3761 39.2483 34.5725C38.7614 34.7689 38.3213 35.0654 37.9565 35.4428C37.4355 36.0236 37.0498 36.7127 36.8272 37.4605H36.6827L36.2866 34.6346H33.2842V50.3053H36.8058L36.8004 44.3057ZM39.3694 37.4712C39.7386 37.4388 40.11 37.4997 40.4495 37.6484C40.789 37.7971 41.0856 38.0288 41.3122 38.3222C41.7537 39.0271 41.9651 39.852 41.9169 40.6824C41.9674 41.5435 41.7566 42.3997 41.3122 43.139C41.0921 43.4373 40.7998 43.6748 40.4628 43.8292C40.1258 43.9837 39.7551 44.05 39.3855 44.022C39.0246 44.0395 38.6649 43.9705 38.3362 43.8206C38.0075 43.6707 37.7195 43.4443 37.4962 43.1604C37.0081 42.4777 36.7683 41.6486 36.8165 40.8108V40.5807C36.7584 39.7534 36.9997 38.9329 37.4962 38.2686C37.7289 38.0041 38.018 37.7951 38.3422 37.657C38.6664 37.519 39.0174 37.4555 39.3694 37.4712Z",fill:"#FFFDF9"})),SymbolSize120=()=>(0,ei.U)("svg",{css:og.root,width:"120",height:"120","data-testid":"ZapierLogoSymbol",viewBox:"0 0 120 120",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"120",height:"120",rx:"21",fill:"#FF4F00"}),(0,ei.U)("path",{d:"M11.2 66.375V71.0523H28.6917V66.375H18.153L18.0648 66.1189L28.5321 56.6424V51.9483H11.5191V56.6424H21.5035L21.5959 56.8943L11.2 66.375Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M54.8902 51.9483H50.1709V76.5358H55.6922V66.7403H55.9189C56.09 67.321 56.3179 67.8835 56.5991 68.4197C57.1039 69.4439 57.9038 70.2935 58.8958 70.8592C59.8727 71.3665 60.9609 71.622 62.0616 71.6023C64.3708 71.6023 66.1301 70.7024 67.3393 68.9026C68.5485 67.1027 69.1531 64.5835 69.1531 61.345C69.1531 58.2295 68.5625 55.7915 67.3813 54.0309C66.2001 52.2702 64.4394 51.3899 62.0993 51.3899C61.2654 51.3575 60.4338 51.4982 59.657 51.8032C58.8802 52.1081 58.1749 52.5707 57.5858 53.1617C56.6909 54.1732 56.0644 55.3931 55.7635 56.7096H55.5578L54.8902 51.9483ZM59.7271 56.3821C61.1253 56.3821 62.1371 56.802 62.7711 57.7089C63.4051 58.6158 63.7159 59.8334 63.7159 61.4205C63.7159 63.0076 63.3968 64.3596 62.7502 65.2665C62.1036 66.1734 61.0959 66.6605 59.7271 66.6605C59.1613 66.6859 58.5975 66.5766 58.0821 66.3416C57.5668 66.1065 57.1146 65.7524 56.7628 65.3085C56.0519 64.41 55.6964 63.1812 55.6964 61.6221V61.261C55.6964 59.6795 56.0519 58.4702 56.7628 57.6333C57.1308 57.215 57.5885 56.8852 58.1018 56.6685C58.6151 56.4519 59.1707 56.354 59.7271 56.3821Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M83.4103 70.3046C85.0069 71.1814 86.8085 71.6162 88.6293 71.5642C90.1181 71.612 91.6007 71.3504 92.9833 70.7959C94.0619 70.3442 95.0113 69.6314 95.7461 68.7217C96.4398 67.8285 96.9532 66.8089 97.2576 65.7197L92.5005 64.3887C92.2694 65.0946 91.8669 65.7323 91.329 66.2445C90.7916 66.754 89.9183 67.0087 88.7091 67.0087C87.2059 67.0087 86.0863 66.565 85.3501 65.6777C84.7207 64.8219 84.3571 63.7997 84.3046 62.7386H97.3794C97.4306 62.3206 97.4586 61.9001 97.4633 61.479V60.3496C97.4924 58.7566 97.1608 57.1777 96.4934 55.731C95.8674 54.4075 94.8562 53.304 93.5921 52.5652C92.0986 51.751 90.4131 51.355 88.7133 51.419C85.6342 51.419 83.2158 52.2993 81.4579 54.0599C79.7001 55.8206 78.8268 58.2446 78.838 61.3321C78.7937 63.2031 79.2028 65.0571 80.0304 66.7358C80.7825 68.2312 81.958 69.4723 83.4103 70.3046ZM88.5495 55.8024C90.8546 55.8024 92.131 57.0158 92.3829 59.4301H84.4054C84.5121 58.5967 84.8333 57.8054 85.3375 57.1334C86.0569 56.246 87.1276 55.8024 88.5495 55.8024Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M76.782 51.9483H71.2607V71.0523H76.782V51.9483Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M74.0831 43.8028C73.6675 43.7884 73.2532 43.858 72.8651 44.0073C72.477 44.1567 72.123 44.3827 71.8242 44.6719C71.5291 44.9629 71.2979 45.3121 71.1453 45.6975C70.9928 46.0828 70.9223 46.4957 70.9383 46.9098C70.9229 47.3267 70.9938 47.7423 71.1465 48.1305C71.2992 48.5188 71.5304 48.8714 71.8256 49.1662C72.1208 49.461 72.4736 49.6917 72.8621 49.8438C73.2505 49.996 73.6662 50.0663 74.0831 50.0504C74.4965 50.0658 74.9086 49.995 75.2932 49.8425C75.6777 49.69 76.0263 49.4591 76.3168 49.1645C76.6057 48.8663 76.8316 48.513 76.9809 48.1256C77.1302 47.7382 77.1999 47.3247 77.1859 46.9098C77.2043 46.4972 77.1367 46.0853 76.9874 45.7003C76.838 45.3153 76.6102 44.9655 76.3184 44.6733C76.0266 44.3811 75.6772 44.1528 75.2923 44.0029C74.9075 43.853 74.4957 43.7849 74.0831 43.8028Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M111.202 57.4274V51.9691H110.156C109.455 51.938 108.756 52.0709 108.116 52.3574C107.475 52.6439 106.91 53.0759 106.466 53.6192C105.779 54.5534 105.306 55.6269 105.08 56.764H104.9L104.228 51.9691H99.5127V71.0731H105.034V61.2608C105.034 60.0264 105.324 59.0789 105.903 58.4183C106.478 57.7633 107.549 57.4316 109.107 57.4316L111.202 57.4274Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M39.373 51.5029C37.8026 51.4503 36.2384 51.7248 34.7797 52.309C33.6534 52.7779 32.6867 53.5623 31.996 54.5679C31.3356 55.562 30.9053 56.6908 30.7364 57.8723L35.8965 58.5986C36.0082 57.8405 36.3972 57.1508 36.9882 56.663C37.6134 56.2327 38.363 56.0202 39.1211 56.0584C40.1708 56.0584 40.9307 56.3313 41.401 56.8982C41.9114 57.5731 42.1618 58.4092 42.1064 59.2536V59.938H37.1561C34.6369 59.938 32.8175 60.4894 31.6978 61.5923C31.1488 62.1587 30.7205 62.8307 30.4391 63.5676C30.1576 64.3045 30.0287 65.0909 30.0603 65.8791C30.0603 67.7601 30.6202 69.1597 31.7398 70.0778C32.9637 71.0263 34.4838 71.5112 36.0309 71.4466C37.9903 71.4466 39.5298 70.7748 40.6494 69.4312C41.294 68.635 41.771 67.7167 42.0518 66.7315H42.2743L42.9293 71.0435H47.6025V59.2032C47.6025 56.754 46.9587 54.859 45.6711 53.5182C44.3835 52.1774 42.2841 51.5057 39.373 51.5029ZM41.0063 66.0933C40.1702 66.7461 39.1267 67.0755 38.0672 67.0212C37.0707 67.0212 36.371 66.8392 35.9679 66.4753C35.6049 66.1158 35.3958 65.6293 35.3848 65.1185C35.3739 64.6077 35.5619 64.1126 35.9091 63.7378C36.1061 63.5623 36.3359 63.4274 36.5852 63.3409C36.8345 63.2544 37.0985 63.2181 37.3619 63.234H42.077V63.7168C42.0933 64.1686 42.0052 64.6181 41.8195 65.0302C41.6338 65.4424 41.3555 65.8062 41.0063 66.0933Z",fill:"#FFFDF9"})),SymbolSize150=()=>(0,ei.U)("svg",{css:og.root,width:"150",height:"150","data-testid":"ZapierLogoSymbol",viewBox:"0 0 150 150",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,ei.U)("rect",{width:"150",height:"150",rx:"27",fill:"#FF4F00"}),(0,ei.U)("path",{d:"M22.6055 82.9947L22.5841 82.9268L36.1086 70.5454V64.5798H14.4108V70.5454H27.3709L27.3924 70.6026L14 82.9947V88.9603H36.3265V82.9947H22.6055Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M49.6474 64.0112C47.1444 64.0112 45.1047 64.3887 43.5281 65.1436C42.0595 65.8016 40.8224 66.8856 39.9773 68.2551C39.1688 69.6335 38.6612 71.1675 38.4877 72.7561L45.0714 73.6813C45.3095 72.2786 45.7858 71.2843 46.5002 70.6985C47.3124 70.0857 48.3132 69.7761 49.3295 69.8233C50.6655 69.8233 51.6348 70.1805 52.2373 70.895C52.8338 71.6094 53.1375 72.5989 53.1375 73.9028V74.5529H46.8075C43.5853 74.5529 41.2705 75.2674 39.863 76.6963C38.4555 78.1252 37.753 80.0113 37.7554 82.3547C37.7554 84.7553 38.4579 86.5414 39.863 87.7131C41.2681 88.8848 43.0352 89.467 45.1642 89.4599C47.8053 89.4599 49.8367 88.5514 51.2585 86.7343C52.0981 85.6176 52.6977 84.3394 53.0196 82.9799H53.259L54.1663 88.9455H60.132V73.8385C60.132 70.7163 59.3091 68.2979 57.6635 66.5833C56.0179 64.8686 53.3459 64.0112 49.6474 64.0112ZM51.7336 82.6333C50.7869 83.4228 49.5474 83.8158 48.0042 83.8158C46.7324 83.8158 45.8489 83.5931 45.3536 83.1478C45.1122 82.9371 44.9202 82.6758 44.7912 82.3825C44.6621 82.0893 44.5992 81.7712 44.607 81.4509C44.5929 81.1489 44.6404 80.8471 44.7467 80.564C44.8529 80.2809 45.0156 80.0224 45.225 79.8041C45.4514 79.5918 45.7185 79.4276 46.0101 79.3214C46.3017 79.2152 46.6119 79.1691 46.9218 79.1861H53.1482V79.5969C53.1608 80.1776 53.0398 80.7534 52.7945 81.2799C52.5493 81.8064 52.1863 82.2695 51.7336 82.6333Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M96.2057 64.5798H89.1577V88.9639H96.2057V64.5798Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M137.819 64.5798C135.828 64.5798 134.258 65.2823 133.111 66.6874C132.287 67.6971 131.66 69.1892 131.232 71.1634H131.024L130.103 64.5798H124.083V88.9603H131.132V76.4575C131.132 74.8809 131.501 73.6723 132.239 72.8317C132.977 71.991 134.339 71.5707 136.326 71.5707H139.001V64.5798H137.819Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M117.088 65.3763C115.443 64.3975 113.367 63.9093 110.862 63.9117C106.918 63.9117 103.832 65.0346 101.602 67.2803C99.3734 69.5261 98.2588 72.622 98.2588 76.5682C98.2021 78.9539 98.7229 81.318 99.777 83.459C100.742 85.3669 102.245 86.9503 104.099 88.0136C105.967 89.0924 108.187 89.633 110.762 89.6354C112.988 89.6354 114.848 89.2925 116.342 88.6066C117.745 87.9907 118.968 87.0252 119.892 85.8024C120.773 84.6021 121.426 83.251 121.821 81.8158L115.749 80.1154C115.493 81.0487 115.001 81.9002 114.32 82.5874C113.634 83.2733 112.485 83.6162 110.872 83.6162C108.955 83.6162 107.526 83.0673 106.586 81.9694C105.903 81.1763 105.475 80.0439 105.285 78.5758H121.914C121.982 77.8899 122.018 77.3147 122.018 76.8504V75.3321C122.058 73.2926 121.637 71.2703 120.785 69.4165C119.989 67.7278 118.7 66.3194 117.088 65.3763ZM110.658 69.7237C113.516 69.7237 115.136 71.13 115.52 73.9425H105.41C105.571 73.0041 105.96 72.1196 106.543 71.367C107.469 70.2691 108.841 69.7213 110.658 69.7237Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M92.7595 54.7523C92.2293 54.7343 91.7009 54.823 91.2056 55.0132C90.7104 55.2035 90.2585 55.4913 89.8767 55.8597C89.5003 56.2316 89.2052 56.6777 89.0103 57.1696C88.8153 57.6616 88.7248 58.1887 88.7443 58.7175C88.7253 59.2497 88.8162 59.7802 89.0113 60.2757C89.2064 60.7713 89.5015 61.2213 89.8783 61.5977C90.255 61.9741 90.7053 62.2688 91.2011 62.4635C91.6968 62.6582 92.2273 62.7486 92.7595 62.7291C93.2884 62.7491 93.8156 62.6587 94.3076 62.4638C94.7996 62.2688 95.2457 61.9735 95.6173 61.5967C95.9859 61.216 96.2738 60.7647 96.4634 60.2699C96.6531 59.7751 96.7408 59.247 96.7211 58.7175C96.7455 58.1911 96.6598 57.6653 96.4696 57.1739C96.2794 56.6824 95.9888 56.2361 95.6163 55.8633C95.2438 55.4905 94.7977 55.1994 94.3064 55.0088C93.8152 54.8181 93.2895 54.732 92.7631 54.7559L92.7595 54.7523Z",fill:"#FFFDF9"}),(0,ei.U)("path",{d:"M78.1996 63.9117C75.7991 63.9117 73.8701 64.6654 72.4126 66.1729C71.3338 67.2898 70.5419 68.9569 70.037 71.174H69.812L68.8904 64.5904H62.8711V95.969H69.9191V83.0446H70.1764C70.3913 83.9064 70.6929 84.7442 71.0766 85.5452C71.6729 86.85 72.6506 87.9436 73.8808 88.6816C75.1564 89.3778 76.5933 89.7241 78.046 89.6854C80.9967 89.6854 83.2436 88.5364 84.7869 86.2382C86.3301 83.9401 87.1017 80.7334 87.1017 76.6182C87.1017 72.6434 86.3551 69.532 84.8619 67.2839C83.3687 65.0357 81.1479 63.9117 78.1996 63.9117ZM78.9141 81.58C78.0924 82.7707 76.8064 83.3661 75.056 83.3661C74.3343 83.3994 73.615 83.2603 72.9578 82.9603C72.3005 82.6602 71.7242 82.2079 71.2766 81.6407C70.3645 80.4952 69.9096 78.927 69.912 76.9361V76.4717C69.912 74.4498 70.3669 72.9018 71.2766 71.8278C72.1863 70.7537 73.4461 70.2226 75.056 70.2345C76.8374 70.2345 78.1317 70.8001 78.939 71.9314C79.7464 73.0626 80.15 74.6403 80.15 76.6646C80.1548 78.7579 79.7452 80.3964 78.9212 81.58H78.9141Z",fill:"#FFFDF9"})),getLogo=g=>{switch(g){case 20:return E.createElement(SymbolSize20,null);case 30:return E.createElement(SymbolSize30,null);case 40:default:return E.createElement(SymbolSize40,null);case 60:return E.createElement(SymbolSize60,null);case 80:return E.createElement(SymbolSize80,null);case 120:return E.createElement(SymbolSize120,null);case 150:return E.createElement(SymbolSize150,null)}},ZapierLogoSymbol=({size:g=40})=>getLogo(g);(T=$||($={})).UPCOMING="upcoming",T.PREMIUM="premium",T.BETA="beta",T.FEATURED="featured";let om={root:(0,I.iv)({borderRight:`1px solid ${R.w.neutral400}`,backgroundColor:R.w.neutral100,width:"460px",position:"absolute",inset:"0px 0px 0px 60px",zIndex:2,display:"flex",flexFlow:"column nowrap",boxShadow:"rgba(0, 0, 0, 0.04) 6px 0px 12px, rgb(232, 231, 228) -1px 0px 0px inset"}),backdrop:(0,I.iv)({position:"fixed",top:0,right:0,bottom:0,left:"60px",zIndex:1}),headerWrapper:(0,I.iv)({borderBottom:`1px solid ${R.w.neutral300}`}),header:(0,I.iv)({padding:"0px 20px",height:"60px",display:"flex",alignItems:"center"}),titleWrapper:(0,I.iv)({flex:"1",fontFamily:V.ZT.base.fontFamily,fontSize:"20px",fontWeight:500,color:R.w.neutral800}),buttonWrapper:I.iv` + button { + border: none !important; + border-color: none !important; + + :hover { + box-shadow: none !important; + } + + :focus, + :visited, + :active { + border: none !important; + border-color: none !important; + color: ${R.w.neutral600} !important; + } + } + `,content:(0,I.iv)({padding:"20px",overflowY:"auto"}),footer:(0,I.iv)({position:"absolute",bottom:"0",background:R.w.neutral100,left:"0",right:"0"}),contentHeader:(0,I.iv)({padding:"1px 20px 20px"})},Drawer=({children:g,footer:m,header:b,isOpen:v,onClose:C,title:w,closeOnOutsideClick:x=!0})=>{let[k,S]=(0,E.useState)(v),O=(0,E.useRef)(null);(0,E.useEffect)(()=>{S(v)},[v]);let T=(0,E.useCallback)(()=>{C(),S(!1)},[C,S]);return(0,E.useEffect)(()=>{let handler=g=>{"Escape"===g.key&&T()};return window.document.addEventListener("keydown",handler,!1),()=>{window.document.removeEventListener("keydown",handler,!1)}},[T]),(0,ei.U)("div",{"data-testid":"SideNavDrawer"},x&&(0,ei.U)("div",{onClick:T,css:om.backdrop,"data-testid":"backdrop"}),k?(0,ei.U)("section",{css:om.root},(0,ei.U)("div",{css:om.headerWrapper},(0,ei.U)("div",{css:om.header},(0,ei.U)("div",{css:om.titleWrapper,ref:O},w),(0,ei.U)("div",{css:om.buttonWrapper},(0,ei.U)(eU.h,{ariaLabel:"Close Sidebar",icon:"formX",size:"xsmall",color:"icon-secondary",onClick:()=>T(),iconSize:20}))),b&&(0,ei.U)("div",{"data-testid":"header",css:om.contentHeader},b)),(0,ei.U)("div",{css:om.content},g,m&&(0,ei.U)("div",{"data-testid":"footer",css:om.footer},m))):null)},ob=R.w.neutral300,ov={root:(0,I.iv)({height:"60px",padding:"0 18px",backgroundColor:R.w.neutral100,borderBottom:`1px solid ${ob}`})},Header=({children:g})=>(0,ei.U)("div",{css:ov.root},g),oy=(0,I.iv)({width:"auto",borderBottom:`1px solid ${R.w.neutral400}`,marginBottom:"5px"}),oC={root:(0,I.iv)({border:`1px solid ${R.w.neutral400}`,backgroundColor:R.w.neutral100,width:"460px",position:"absolute",right:0,top:0,bottom:0,zIndex:2,display:"flex",flexFlow:"column nowrap",boxShadow:`-6px 0px 12px rgba(0, 0, 0, 0.04), + inset 1px 0px 0px ${R.w.neutral300};`}),backdrop:(0,I.iv)({position:"absolute",top:0,bottom:0,right:0,zIndex:1,left:0}),header:(0,I.iv)({padding:"20px",display:"flex",justifyContent:"space-between"}),buttonWrapper:I.iv` + button { + border: none !important; + border-color: none !important; + + :hover { + box-shadow: none !important; + } + + :focus, + :visited, + :active { + border: none !important; + border-color: none !important; + color: ${R.w.neutral600} !important; + } + } + `,content:(0,I.iv)({padding:"20px",overflowY:"auto"}),footer:(0,I.iv)({position:"absolute",bottom:"0",background:R.w.neutral100,left:"0",right:"0"}),headerWrapper:I.iv` + display: flex; + + button { + border: none !important; + border-color: none !important; + margin-right: 5px; + + :hover { + box-shadow: none !important; + } + + :focus, + :visited, + :active { + border: none !important; + border-color: none !important; + color: ${R.w.neutral600} !important; + } + } + `},translateTabItems=g=>g.map(g=>({href:g.key,text:g.children})),TabbedDrawer=({isOpen:g,onClose:m,title:b,children:v,footer:C,tabItems:w,noBackdrop:x,onBack:k,selectedTabKey:S})=>{let[O,T]=(0,E.useState)(g),P=(0,E.useRef)(null);(0,E.useEffect)(()=>{T(g)},[g]);let U=(0,E.useCallback)(()=>{T(!1),m&&m()},[m,T]);return(0,E.useEffect)(()=>{let handler=g=>{"Escape"===g.key&&U()};return window.document.addEventListener("keydown",handler,!1),()=>{window.document.removeEventListener("keydown",handler,!1)}},[U]),(0,ei.U)("div",{"data-testid":"TabbedDrawer"},!x&&(0,ei.U)("div",{onClick:U,css:oC.backdrop,"data-testid":"backdrop"}),O?(0,ei.U)("section",{css:oC.root},(0,ei.U)("div",null,b&&(0,ei.U)("div",{css:oC.header},(0,ei.U)("div",{ref:P,"data-testid":"title",css:oC.headerWrapper},k&&(0,ei.U)("div",{"data-testid":"backarrow"},(0,ei.U)(eU.h,{icon:"arrowBigLeft",size:"xsmall",color:"icon-secondary",onClick:k})),(0,ei.U)(eV.x,{type:"subHeader3"},b)),(0,ei.U)("div",{css:oC.buttonWrapper},(0,ei.U)(eU.h,{ariaLabel:"Close Sidebar",icon:"formX",size:"xsmall",color:"icon-secondary",onClick:U,iconSize:20}))),w&&(0,ei.U)("div",{"data-testid":"tabs"},(0,ei.U)(Tabs,{items:translateTabItems(w),selectedItemHref:S||"",onChooseItem:(g,m)=>{m.preventDefault();let b=w&&w.find(m=>m.key===g.href);b&&b.onSelect()},size:"medium"}))),(0,ei.U)("div",{css:oC.content},v,C&&(0,ei.U)("div",{"data-testid":"footer",css:oC.footer},C))):null)};TabbedDrawer.Divider=()=>(0,ei.U)("div",{"data-testid":"divider",css:oy});var ToolbarTab_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let ow={tabWrapper:(0,I.iv)({'span[id^="tooltip-"], div[class^="TooltipWrapper"]':{"z-index":"3 !important"}}),tabStyles:(0,I.iv)({width:"50px",outlineOffset:1,display:"flex",border:"none",alignContent:"center",justifyContent:"center",alignItems:"center",flexDirection:"column",flexWrap:"wrap",background:"none",marginBottom:"5px"}),buttonStyles:(g=!1,m=!1)=>(0,I.iv)([{position:"relative",cursor:"pointer",backgroundColor:R.w.neutral100,color:R.w.neutral800,height:"50px",width:"50px",borderRadius:"12px",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:`inset 0 0 0 4px ${R.w.neutral100}`,"&:hover":{color:m?R.w.neutral600:R.w.zapier},"&:focus":{border:`1px solid ${R.w.blue600}`,borderRadius:"3px"},marginBottom:5},g&&{backgroundColor:R.w.cream,color:R.w.zapier},m&&{cursor:"not-allowed",color:R.w.neutral600}]),badgeStyles:(0,I.iv)({position:"absolute",right:-3,bottom:-1,span:{fontSize:"0.5em",padding:"3px 6px",height:20}})},ox=(0,I.iv)({width:"50px",borderBottom:`1px solid ${R.w.neutral400}`,marginBottom:"5px"}),ok={outerWrapper:(0,I.iv)({flex:"0 0 60px",borderRight:`1px solid ${R.w.neutral400}`,position:"absolute",overflow:"visible",alignItems:"center",top:0,bottom:0,width:"70px",backgroundColor:R.w.neutral100}),wrapper:(0,I.iv)({backgroundColors:R.w.neutral100,display:"flex",flexWrap:"wrap",alignContent:"space-around",justifyContent:"space-around",alignItems:"center"})};function Toolbar({children:g}){return(0,ei.U)("div",{css:ok.outerWrapper},(0,ei.U)("div",{css:ok.wrapper},g))}Toolbar.Tab=g=>{var{ariaLabel:m,name:b,icon:v,renderIcon:C,selectedIcon:w,selected:x,color:k,active:S,disabled:O,badgeNumber:T,tooltipTitle:P,onClick:U}=g,M=ToolbarTab_rest(g,["ariaLabel","name","icon","renderIcon","selectedIcon","selected","color","active","disabled","badgeNumber","tooltipTitle","onClick"]);let L=(0,E.useCallback)(g=>{g.currentTarget.blur(),U(g)},[]);return(0,ei.U)("div",{css:ow.tabWrapper},(0,ei.U)(ew.p,{position:"east",content:P},()=>(0,ei.U)("button",Object.assign({"aria-label":m||b,"data-testid":"buttonTab",disabled:O,css:ow.buttonStyles(x,O),onClick:L},M),v?(0,ei.U)(en.J,{ariaHidden:!0,ariaLabel:"Tab Icon",name:w&&x&&!O?w:v,color:k,size:24,isBlock:!0}):null==C?void 0:C(),T&&(0,ei.U)("div",{css:ow.badgeStyles},(0,ei.U)(ek.C,{color:"error-bold"},T.toString())))))},Toolbar.Divider=()=>(0,ei.U)("div",{"data-testid":"divider",css:ox});let oS=I.iv` + display: flex; + align-items: center; + justify-content: center; + height: 28px; + width: 28px; +`,oO=I.iv` + position: absolute; + visibility: hidden; + margin-top: 4px; + transform: translateX(10px); + opacity: 0; + pointer-events: none; + + transition: all 0.14159s; +`,oT=I.iv` + position: absolute; + visibility: visible; + opacity: 1; + transform: translateX(0px); + pointer-events: none; + + transition: all 0.14159s; +`,oP=I.iv` + display: block; + + border-radius: 5px; + + cursor: pointer; + + transition: all 0.14159s; + + background: linear-gradient(to left, ${R.w.night} 50%, transparent 50%); + background-size: 200% 100%; + background-position: left bottom; + + &, + &:active, + &:visited { + color: inherit; + } + + &:hover, + &:focus { + background-position: right bottom; + + .logo { + transform: translateX(-10px); + visibility: hidden; + opacity: 0; + } + + .backbutton { + transform: translateX(0px); + visibility: visible; + opacity: 1; + } + } + &:focus { + outline: none; + box-shadow: + 0 0 0 2px ${R.w.neutral100}, + 0 0 0 4px ${R.w.night}; + } +`;function LogoBackButton(g){return(0,ei.U)(em.r,{href:g.href,"aria-label":"Exit builder",css:oP,title:"Exit builder"},(0,ei.U)("div",{css:oS},(0,ei.U)("div",{className:"logo",css:oT},(0,ei.U)(en.J,{isBlock:!0,color:"brand",name:"zapierLogo",size:28})),(0,ei.U)("div",{className:"backbutton",css:oO},(0,ei.U)(en.J,{color:"acidWash",name:"arrowBigLeft",size:22}))))}let oU=(0,I.iv)({display:"flex",flexFlow:"row nowrap",alignItems:"center",backgroundColor:R.w.neutral200,borderBottom:`1px solid ${ob}`}),oM=(0,I.iv)({padding:"0 18px"}),oL=I.iv` + display: none; + + @media (min-width: ${768}px) { + display: block; + } + padding: 0 ${18}px 0 0; +`;function Brand({children:g,href:m,icon:b="zapierLogo"}){return(0,ei.U)("div",{css:oU},(0,ei.U)("div",{css:oM},m?(0,ei.U)(LogoBackButton,{href:m}):(0,ei.U)(en.J,{name:b,size:30,color:"brand",isBlock:!0})),g&&(0,ei.U)("div",{css:oL},g))}let ButtonStyles=g=>(0,I.iv)([{all:"unset",display:"flex",borderRadius:"3px",margin:0,color:R.w.neutral700,transition:"all 0.14159s",padding:"0 18px",flexFlow:"row nowrap",alignItems:"center","* + &":{borderLeft:`1px solid ${ob}`}},g&&{backgroundColor:R.w.neutral300}]);function Button_Button({children:g,onClick:m,ariaLabel:b,emphasized:v=!1,secondary:C=!1}){return(0,ei.U)("div",{css:ButtonStyles(C),onClick:m},v?(0,ei.U)(tC.h,{ariaLabel:b},g):(0,ei.U)(er.z,{color:"secondary",size:"small",ariaLabel:b},g))}var Link_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let LinkStyles=g=>(0,I.iv)([{all:"unset",display:"flex",margin:0,color:R.w.neutral700,transition:"all 0.14159s",padding:"0 18px",flexFlow:"row nowrap",alignItems:"center","* + &":{borderLeft:`1px solid ${ob}`},cursor:"pointer","&:hover":{color:R.w.neutral800},":focus":{outline:`2px solid ${R.w.blue600}`,outlineOffset:"-3px"}},g&&{backgroundColor:R.w.neutral300}]),LabelStyles=g=>(0,I.iv)([Object.assign({textDecoration:"underline"},V.ZT.smallPrint1Medium),g&&{}]);function Link_Link(g){var{icon:m,secondary:b=!1,children:v}=g,C=Link_rest(g,["icon","secondary","children"]);return(0,ei.U)(em.r,Object.assign({css:LinkStyles(b)},C),m&&(0,ei.U)(E.Fragment,null,(0,ei.U)(en.J,{name:m,size:18,color:"currentColor",isBlock:!0}),(0,ei.U)(ty.L,{width:10})),(0,ei.U)("span",{css:LabelStyles(b)},v))}let oD=I.iv` + flex: 0 1 auto; + overflow-x: auto; + + display: flex; + flex-flow: row nowrap; + align-items: stretch; + + border-bottom: none; + border-left: none !important; +`;function ScrollableContainer(g){return(0,ei.U)("div",Object.assign({css:oD},g))}var o$=b(2982);function _defineProperties(g,m){for(var b=0;bg.length)&&(m=g.length);for(var b=0,v=Array(m);b=g.length?{done:!0}:{done:!1,value:g[v++]}}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(g){var m=(0,E.useRef)(null);return function(b){b&&b!==m.current&&(m.current=b,g(b))}}function useMutableStore(g){var m=(0,E.useRef)(g);return(0,E.useMemo)(function(){return[function(){return m.current},function(g){"function"==typeof g?m.current=g(m.current):m.current=g}]},[])}function useEventSubscriptions(){var g=(0,E.useRef)([]);return(0,E.useMemo)(function(){return{hasEventSubscriptions:function(){return g.current.length>0},removeAllEventSubscriptions:function(){for(var m,b=_createForOfIteratorHelperLoose(g.current);!(m=b()).done;)(0,m.value)();g.current=[]},addEventSubscription:function(m){g.current.push(m)}}},[])}var oB="undefined"!=typeof window?E.useLayoutEffect:E.useEffect;function useLastState(g,m){var b=(0,E.useRef)(g);return m?b.current=g:b.current=null,b}var oF={top:0,left:0,right:1,bottom:1,width:1,height:1};function useMousePositionAsTrigger(g){var m=void 0===g?{}:g,b=m.enabled,v=void 0===b||b,C=m.preventDefault,w=void 0===C||C,x=(0,E.useRef)(null),k=(0,E.useState)(oF),S=k[0],O=k[1];function resetMousePosition(){O(oF)}return{hasMousePosition:S!==oF,resetMousePosition:resetMousePosition,handleMouseEvent:function(g){if(v){w&&g.preventDefault();var m=g.clientX,b=g.clientY;O({top:b,left:m,width:1,height:1,right:m+1,bottom:b+1})}},trigger:{getBounds:function(){return S},getParent:x.current?function(){return x.current}:void 0},parentRef:x}}function getPixelValue(g){return parseFloat(g.replace("px",""))}function limit(g,m,b){return gb?b:g}function mergeRefs(){for(var g=arguments.length,m=Array(g),b=0;b=0})}},{key:"negativeSides",get:function(){var g=this;return Object.fromEntries(oA.filter(function(m){return g[m]<0}).map(function(m){return[m,g[m]]}))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var g=arguments.length,m=Array(g),b=0;bD?D-F:0;U[b.prop]=limit(F+g+I,L,D),U[b.opposite.prop]=U[b.prop]+b.factor(w[O])}U.width=U.right-U.left,U.height=U.bottom-U.top;var E=oZ.create(U);return 0===g&&(this._cachedLayerBounds=E),E},g.getLayerCollisionBounds=function(){var g=this.offsets.container;return this.getLayerBounds().mapSides(function(m,b){return b-m.factor(g)}).merge(function(m){return{width:m.width+2*g,height:m.height+2*g}})},g.getContainerOffsets=function(g){if(this._cachedContainerOffsets&&!g)return this._cachedContainerOffsets;var m=this.subjectsBounds.merge({layer:g||this.getLayerCollisionBounds()}),b=oj.mergeSmallestSides(m.layerOffsetsToScrollContainers);return g||(this._cachedContainerOffsets=b),b},_createClass(Placement,[{key:"type",get:function(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function(){var g=this.secondary.isHorizontal,m=this.subjectsBounds,b=m.triggerHasBiggerWidth,v=m.triggerHasBiggerHeight;return g&&b||!g&&v}},{key:"fitsContainer",get:function(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function(){var g=this.getLayerBounds(),m=this.getContainerOffsets(g).negativeSides;for(var b in m)m[b]=-m[b];return g.substract(m).surface}},{key:"secondaryOffsetSide",get:function(){var g,m,b=this;return(null!=(g=null==(m=Object.entries(this.getContainerOffsets().negativeSides).map(function(g){var m=g[0],b=g[1];return[o_[m],b]}).filter(function(g){var m=g[0];return b.primary.isOppositeDirection(m)}).sort(function(g,m){var b=g[1];return m[1]-b}))?void 0:m[0])?g:[])[0]||null}}]),Placement}(),oW=function(g){function PlacementCenter(){return g.apply(this,arguments)||this}return _inheritsLoose(PlacementCenter,g),PlacementCenter.prototype.getLayerBounds=function(){var g=this.subjectsBounds,m=g.trigger,b=g.layer,v=oZ.empty();return v.top=m.top+m.height/2-b.height/2,v.bottom=v.top+b.height,v.left=m.left+m.width/2-b.width/2,v.right=v.left+b.width,v.width=v.right-v.left,v.height=v.bottom-v.top,v},PlacementCenter}(oR);function getNegativeOffsetBetweenLayerCenterAndTrigger(g,m,b){var v=g.layer,C=g.trigger,w=g.arrow,x=m.primary.oppositeSizeProp,k=m.primary.isHorizontal?["top","bottom"]:["left","right"],S=k[0],O=k[1],T=v[S]+v[x]/2-C[S]-w[x]/2-b,P=v[O]-v[x]/2-C[O]+w[x]/2+b;return(T<0?-T:0)+(P>0?-P:0)}var oV={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};function getArrowStyle(g,m,b){if(m.primary.isCenter)return oV;var v,C=g.layer,w=g.trigger,x=g.arrow,k=m.primary.oppositeSizeProp,S=w[k]>C[k],O=b+x[k]/2,T=C[k]-x[k]/2-b,P=getNegativeOffsetBetweenLayerCenterAndTrigger(g,m,b),U=m.primary.prop,M=m.primary.oppositeCssProp,L=S?C[k]/2+P:w[M]+w[k]/2-C[M];return _extends({},oV,((v={})[U]="100%",v[M]=limit(L,O,T),v))}var oq=function(){function Placements(g,m,b){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=g,this.config=m,this.subjectsBounds=b}Placements.getSidesFromPlacementType=function(g){var m,b=g.split("-"),v=b[0],C=b[1],w=o_[v];return m="center"===C?oz.center:w.isHorizontal?"start"===C?oz.top:oz.bottom:"start"===C?oz.left:oz.right,[w,m]},Placements.create=function(g,m){var b={arrow:m.arrowOffset,container:m.containerOffset,trigger:m.triggerOffset};function getListOfPlacements(v){void 0===v&&(v=m.placement);var C=Placements.getSidesFromPlacementType(v),w=C[0],x=C[1],k=o_[w.isHorizontal?m.preferY:m.preferX],S=!w.isHorizontal&&g.triggerHasBiggerWidth||w.isHorizontal&&g.triggerHasBiggerHeight;function placementFrom(v,C){return new oR(v,C,g,m.layerDimensions,b)}var O=[];return O[0]=placementFrom(w,x),O[1]=placementFrom(w,x.isCenter?k:oz.center),O[2]=placementFrom(w,oz[(x.opposite.isCenter?k.opposite:x.opposite).prop]),O[3]=placementFrom(k,S?w:oz[w.opposite.prop]),O[4]=placementFrom(k,oz.center),O[5]=placementFrom(k,S?oz[w.opposite.prop]:w),O[6]=placementFrom(o_[k.opposite.prop],S?w:oz[w.opposite.prop]),O[7]=placementFrom(o_[k.opposite.prop],oz.center),O[8]=placementFrom(o_[k.opposite.prop],S?oz[w.opposite.prop]:w),O[9]=placementFrom(o_[w.opposite.prop],x),O[10]=placementFrom(o_[w.opposite.prop],x.isCenter?k:oz.center),O[11]=placementFrom(o_[w.opposite.prop],oz[(x.opposite.isCenter?k.opposite:x.opposite).prop]),O=O.filter(function(g){return g.type===m.placement||m.possiblePlacements.includes(g.type)})}return"center"===m.placement?new Placements([new oW(oz.center,oz.center,g,m.layerDimensions,b)].concat(getListOfPlacements(m.preferY+"-"+m.preferX)),m,g):new Placements(getListOfPlacements(),m,g)};var g=Placements.prototype;return g.filterPlacementsBySide=function(g){return this.placements.filter(function(m){return m.primary===g})},g.findFirstPlacementThatFits=function(){return this.placements.find(function(g){return g.fitsContainer})},g.placementWithBiggestVisibleSurface=function(){return this.placements.map(function(g){return{placement:g,surface:g.visibleSurface}}).sort(function(g,m){return m.surface-g.surface})[0].placement},g.findSuitablePlacement=function(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},g.getSecondaryOffset=function(g){var m,b=this.config,v=b.auto,C=b.snap;if(!v||C||g instanceof oW)return 0;var w=this.filterPlacementsBySide(g.primary);if(0===w.indexOf(g)&&g.fitsContainer)return 0;var x=w.find(function(g){return!g.fitsContainer});if(!x)return 0;var k=x.secondaryOffsetSide;if(!k)return 0;var S=g.getContainerOffsets(),O=g.secondary;return m=g.triggerIsBigger||x===g?k.isPush?-1:1:O===oz.left||[oz.top,oz.center].includes(O)&&k.isPush?-1:1,S[k.prop]*m},g.getStyles=function(g,m,b,v){var C={willChange:"top, left, width, height"};return{arrow:getArrowStyle(this.subjectsBounds.merge({layer:g}),m,this.config.arrowOffset),layer:this.config.overflowContainer?_extends({},C,{position:"fixed",top:g.top,left:g.left}):_extends({},C,{position:"absolute",top:g.top-this.subjectsBounds.parent.top+b.top-v.top,left:g.left-this.subjectsBounds.parent.left+b.left-v.left})}},g.getHasDisappeared=function(g){var m=this.config.overflowContainer?this.subjectsBounds.trigger:g,b=oj.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(m,!0));return Object.entries(b.negativeSides).some(function(g){var b=g[0];return g[1]<=-m[o_[b].sizeProp]})?"full":b.allSidesArePositive?null:"partial"},g.result=function(g,m){var b=this.findSuitablePlacement(),v=this.getSecondaryOffset(b),C=b.getLayerBounds(v);return{styles:this.getStyles(C,b,g,m),layerSide:b.primary.prop,placement:b,layerBounds:C,hasDisappeared:this.getHasDisappeared(C)}},Placements}(),oK=function(){function SubjectsBounds(g,m){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=m,Object.assign(this,g)}SubjectsBounds.create=function(g,m,b,v,C,w,x,k){var S=oZ.fromWindow(g);return new SubjectsBounds({layer:oZ.fromElement(m,{environment:g,withTransform:!1}),trigger:k?oZ.create(boundsToObject(k())):oZ.fromElement(b),arrow:C?oZ.fromElement(C):oZ.empty(),parent:v?oZ.fromElement(v):S,window:S,scrollContainers:[S].concat(w.map(function(g){return oZ.fromElement(g,{withScrollbars:!1})}))},x)};var g=SubjectsBounds.prototype;return g.merge=function(g){return new SubjectsBounds(_extends({},this,g),this.overflowContainer)},g.offsetsToScrollContainers=function(g,m){return void 0===m&&(m=!1),(this.overflowContainer&&!m?[this.window]:this.scrollContainers).map(function(m){return m.offsetsTo(g)})},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),oG={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0};function useLayer(g){var m,b=g.isOpen,v=void 0!==b&&b,C=g.overflowContainer,w=void 0===C?oG.overflowContainer:C,x=g.environment,k=void 0===x?"undefined"!=typeof window?window:void 0:x,S=g.ResizeObserver,O=g.placement,T=void 0===O?oG.placement:O,P=g.possiblePlacements,U=void 0===P?oG.possiblePlacements:P,M=g.preferX,L=void 0===M?oG.preferX:M,D=g.preferY,$=void 0===D?oG.preferY:D,B=g.auto,F=void 0===B?oG.auto:B,I=g.snap,H=void 0===I?oG.snap:I,_=g.triggerOffset,z=void 0===_?oG.triggerOffset:_,A=g.containerOffset,j=void 0===A?oG.containerOffset:A,N=g.arrowOffset,R=void 0===N?oG.arrowOffset:N,W=g.container,V=void 0===W?oG.container:W,K=g.layerDimensions,G=void 0===K?null:K,Y=g.onDisappear,Q=g.onOutsideClick,J=g.onParentClose,X=g.trigger,ee=(0,E.useState)(function(){return{layerSide:"center"===T?"center":oq.getSidesFromPlacementType(T)[0].prop,styles:{layer:{position:w?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}}),et=ee[0],er=ee[1],en=(0,E.useRef)(null),eo=useLastState(et,v),ea=(0,E.useRef)({cancelled:!1});(0,E.useEffect)(function(){return function(){ea.current.cancelled=!0}},[]);var ei=(0,E.useCallback)(function(g,m,b){var v=g.arrow,C=g.layer,x=g.scrollContainers,S=g.trigger,O=x[0],P=oK.create(k,C,S,O,v,x,w,null==X?void 0:X.getBounds),M=oq.create(P,{placement:T,possiblePlacements:U,auto:F,layerDimensions:G,arrowOffset:R,containerOffset:j,triggerOffset:z,preferX:L,preferY:$,snap:H,overflowContainer:w}).result(m,b),D=M.hasDisappeared,B={layerSide:M.layerSide,styles:M.styles};if(!eo.current||didStateChange(eo.current,B)){eo.current=B,ea.current.cancelled=!0;var I={cancelled:!1};ea.current=I,Promise.resolve().then(function(){I.cancelled||er(B)})}null!=D&&null!=Y&&Y(D)},[R,F,j,k,G,Y,w,T,U,L,$,H,z,eo,X]),el=useTrackElements({ResizeObserverPolyfill:S,environment:k,enabled:v,overflowContainer:w,onChange:ei,triggerOption:X}),es=el.triggerRef,ec=el.layerRef,ed=el.arrowRef,eu=el.closestScrollContainer,ep=useGroup({isOpen:v,onOutsideClick:Q,onParentClose:J}),ef=ep.closeOnOutsideClickRefs,eh=ep.registrations;return{triggerProps:X?{}:{ref:mergeRefs(es,ef.trigger,en)},layerProps:{ref:mergeRefs(ec,ef.layer),style:et.styles.layer},arrowProps:{ref:ed,style:et.styles.arrow,layerSide:et.layerSide},layerSide:et.layerSide,triggerBounds:v?X?X.getBounds():null==(m=en.current)?void 0:m.getBoundingClientRect():null,renderLayer:function(g){return"undefined"!=typeof document?(0,o$.createPortal)((0,E.createElement)(GroupProvider,{registrations:eh,children:g}),w||!eu?getContainerElement(V):eu):null}}}function didStateChange(g,m){if(g.layerSide!==m.layerSide)return!0;for(var b=0,v=["position","top","left","right","bottom"];bm.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let oQ=I.iv` + z-index: 10; +`,oJ=I.iv` + all: unset; + box-sizing: border-box; + + display: block; + + min-width: 180px; + padding: 8px; + + background: ${R.w.neutral800}; + border-radius: 5px; + box-shadow: ${W.f.elevation10}; +`,oX=I.iv` + all: unset; + box-sizing: border-box; + + display: block; +`,o0=I.iv` + all: unset; + box-sizing: border-box; + + display: block; + width: 100%; + padding: 8px 10px; + cursor: pointer; + border-radius: 3px; + + color: ${R.w.neutral400}; + + transition: all 0.14159s ease; + &:hover { + color: ${R.w.neutral100}; + background: ${R.w.neutral700}; + } +`,o1=(0,E.forwardRef)(function(g,m){var{onClose:b,ariaLabel:v,menuItems:C}=g,w=ContextMenu_rest(g,["onClose","ariaLabel","menuItems"]);let x=C.map((g,m)=>(0,ei.U)("li",{css:oX,key:m},(0,ei.U)("button",{css:o0,onClick:g.onClick},(0,ei.U)(eV.x,{type:"smallPrint1Medium",color:"currentColor",hasTransition:!1},g.children))));return(0,ei.U)("div",Object.assign({css:oQ},w,{ref:m,onContextMenu:g=>g.stopPropagation(),onClick:g=>{g.stopPropagation(),b()}}),(0,ei.U)(e$.f,null,(0,ei.U)("ul",{css:oJ,"aria-label":v},x)))});function useContextMenu(g){let{hasMousePosition:m,resetMousePosition:b,handleMouseEvent:v,trigger:C}=useMousePositionAsTrigger(),w=m&&void 0!==g,{renderLayer:x,layerProps:k}=useLayer({isOpen:w,onOutsideClick:b,trigger:C,overflowContainer:!0,auto:!0,snap:!0,possiblePlacements:["right-start","left-start"]});(0,E.useEffect)(()=>{if(w){let handler=()=>{b()};return document.addEventListener("contextmenu",handler,!0),()=>document.removeEventListener("contextmenu",handler,!0)}},[w,b]);let S=(0,E.useCallback)(()=>w&&(null==g?void 0:g.ariaLabel)&&(null==g?void 0:g.menuItems)?x((0,ei.U)(o1,Object.assign({ariaLabel:g.ariaLabel,menuItems:g.menuItems,onClose:b},k))):null,[w,k,null==g?void 0:g.ariaLabel,null==g?void 0:g.menuItems,x,b]);return{isOpen:w,handleMouseEvent:v,renderContextMenu:S}}function Title({children:g,contextMenuItems:m}){let{handleMouseEvent:b,renderContextMenu:v}=useContextMenu({ariaLabel:"Project options",menuItems:m});return(0,ei.U)("div",{onContextMenu:b},(0,ei.U)(eV.x,{type:"paragraph3Bold",color:"neutral800"},g),v())}let BlankItemWrapperStyles=({active:g,href:m,onClick:b})=>[I.iv` + all: unset; + flex: 0 0 auto; + background-color: ${R.w.neutral200}; + border-bottom: 1px solid ${ob}; + * + & { + border-left: 1px solid ${ob}; + } + `,g&&I.iv` + background-color: ${R.w.neutral100}; + border-bottom-color: ${R.w.neutral100}; + `,!!(m||b)&&I.iv` + cursor: pointer; + `],o2=I.iv` + padding: 0 ${18}px; + display: flex; + flex-flow: row nowrap; + align-items: center; +`,SecondaryItemWrapperStyles=({href:g,onClick:m})=>[I.iv` + color: ${R.w.neutral600}; + background-color: #f3f1ee; + padding: 0 15px; + transition: all 0.15159s; + `,!!(g||m)&&I.iv` + &:hover { + color: ${R.w.neutral800}; + background-color: ${R.w.neutral200}; + } + `];function SecondaryItem({iconName:g,children:m,href:b,target:v,onClick:C}){let w="div";b?w="a":C&&(w="button");let x=(0,ei.U)(w,{css:[BlankItemWrapperStyles({onClick:C,href:b}),o2,SecondaryItemWrapperStyles({href:b,onClick:C})],href:b,target:v,onClick:C},g&&(0,ei.U)(E.Fragment,null,(0,ei.U)(en.J,{name:g,size:18,color:"currentColor"}),(0,ei.U)(ty.L,{width:8})),(0,ei.U)(eV.x,{type:"smallPrint1Medium",color:"currentColor",hasTransition:!1},m));return b?(0,ei.U)(em.r,{href:b},x):x}var Tab_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};function Tab_mergeRefs(...g){return m=>{g.forEach(g=>{"function"==typeof g?g(m):null!=g&&(g.current=m)})}}let TabWrapperStyles=(g,m)=>[(0,I.iv)({all:"unset",flex:"0 0 auto",padding:"0 18px",display:"flex",flexFlow:"row nowrap",alignItems:"center",backgroundColor:g?R.w.neutral100:R.w.neutral200,borderBottom:`1px solid ${g?R.w.neutral100:ob}`,"* + &":{borderLeft:`1px solid ${ob}`},":focus":{outline:`2px solid ${R.w.blue600}`,outlineOffset:"-3px"}}),m&&(0,I.iv)({backgroundColor:R.w.neutral300,borderBottomColor:R.w.neutral300}),(0,I.iv)({whiteSpace:"nowrap",color:R.w.neutral600,borderLeft:`1px solid ${ob}`,borderRight:`1px solid ${ob}`,marginLeft:"-1px",cursor:"pointer !important","&:hover":{color:R.w.neutral800}})],o3=(0,I.iv)({all:"unset",cursor:"pointer",color:R.w.neutral600,borderRadius:"3px",marginRight:"-5px",transition:"all 0.15159s","&:hover,&:focus":{color:R.w.neutral800,background:R.w.neutral300}}),o4=(0,E.forwardRef)(function(g,m){var{active:b=!1,isDragging:v=!1,renderIcon:C,children:w,onClose:x,noFade:k=!1,contextMenuProps:S}=g,O=Tab_rest(g,["active","isDragging","renderIcon","children","onClose","noFade","contextMenuProps"]);let T=(0,E.useRef)(null),P=Tab_mergeRefs(m,T),U=!b&&!k,{handleMouseEvent:M,renderContextMenu:L}=useContextMenu(S);return(0,E.useEffect)(()=>{b&&T.current&&T.current.scrollIntoView()},[b,w]),(0,ei.U)("li",Object.assign({css:TabWrapperStyles(b,v)},O,{onContextMenu:M,ref:P,role:"tab",tabIndex:0}),C&&(0,ei.U)("div",{style:{opacity:U?.6:1}},C()),!!(C&&w)&&(0,ei.U)(ty.L,{width:8}),(0,ei.U)(eV.x,{type:"smallPrint1Semibold",color:U?"currentColor":"neutral800",hasTransition:!1},w),x&&(0,ei.U)(E.Fragment,null,(0,ei.U)(ty.L,{width:8}),(0,ei.U)("button",{"aria-label":"Close tab",css:o3,onClick:g=>{g.stopPropagation(),g.preventDefault(),x()}},(0,ei.U)(en.J,{name:"formX",size:18,color:"currentColor",isBlock:!0}))),L())}),HomeTabIconWrapperStyles=g=>(0,I.iv)({transition:"color 0.14159s",color:g?R.w.blueJeans:R.w.neutral600,"&:hover":{color:R.w.blueJeans},"&:focus":{outline:`2px solid ${R.w.blue600}`,outlineOffset:"-3px"}}),o5=(0,I.iv)({all:"unset",display:"flex",flexFlow:"row nowrap",flex:"0 1 auto",overflowX:"auto","* + &":{borderLeft:`1px solid ${ob}`}});var o8=b(141),DraggableTabs_rest=function(g,m){var b={};for(var v in g)Object.prototype.hasOwnProperty.call(g,v)&&0>m.indexOf(v)&&(b[v]=g[v]);if(null!=g&&"function"==typeof Object.getOwnPropertySymbols)for(var C=0,v=Object.getOwnPropertySymbols(g);Cm.indexOf(v[C])&&Object.prototype.propertyIsEnumerable.call(g,v[C])&&(b[v[C]]=g[v[C]]);return b};let o6=(0,I.iv)({display:"flex",flexFlow:"row nowrap",alignItems:"stretch",borderBottom:"none"});function DraggableTabs({tabs:g,onReorder:m}){return(0,ei.U)(o8.Z5,{onDragEnd:({destination:g,source:b})=>{g&&m(b.index,g.index)}},(0,ei.U)(o8.bK,{droppableId:"tabs",direction:"horizontal"},({placeholder:m,innerRef:b,droppableProps:v})=>(0,ei.U)("div",Object.assign({css:o6},v,{ref:b}),g.map((m,b)=>{let{key:v}=m,C=DraggableTabs_rest(m,["key"]);return(0,ei.U)(o8._l,{key:v,draggableId:v,index:b,isDragDisabled:g.length<2},({innerRef:g,draggableProps:m,dragHandleProps:b},v)=>(0,ei.U)(o4,Object.assign({},b,m,{css:forceHorizontalOnly(m,v),isDragging:v.isDragging,ref:g},C)))}),m)))}function forceHorizontalOnly(g,m){var b;let v=null===(b=g.style)||void 0===b?void 0:b.transform;return m.isDragging&&v&&(v=v.replace(/,.+\)/,", 0px)")),Object.assign(Object.assign({},g.style),{transform:v})}let o7=(0,I.iv)({all:"unset",backgroundColor:R.w.neutral200,borderBottom:`1px solid ${ob}`,"* + &":{borderLeft:`1px solid ${ob}`},padding:"0 18px",display:"flex",flexFlow:"row nowrap",alignItems:"center",flex:"1 1 auto",marginLeft:"-1px"}),o9=I.iv` + all: unset; + display: block; + border-radius: 3px; + margin: 0 -5px; + + color: ${R.w.neutral600}; + transition: all 0.14159s; + + cursor: pointer; + &:hover, + &:focus { + color: ${R.w.neutral800}; + background: ${R.w.neutral300}; + } +`;function NewFileButton({onClick:g}){return(0,ei.U)("div",{css:o7},(0,ei.U)("button",{"aria-label":"Add new file",css:o9,onClick:g},(0,ei.U)(en.J,{name:"formAdd",size:18,color:"currentColor",isBlock:!0})))}let ae=I.iv` + display: flex; + flex-flow: row nowrap; + justify-content: flex-start; + align-items: stretch; + background-color: ${R.w.neutral200}; + + height: ${60}px; +`;function Topbar({children:g}){return(0,ei.U)("div",{css:ae},g)}Topbar.Brand=Brand,Topbar.Button=Button_Button,Topbar.DraggableTabs=DraggableTabs,Topbar.HomeTab=({active:g,onClick:m})=>(0,ei.U)(o4,{noFade:!0,onClick:m,renderIcon:()=>(0,ei.U)("div",{css:HomeTabIconWrapperStyles(g)},(0,ei.U)(en.J,{name:"navHome",color:"currentColor",size:18,isBlock:!0}))}),Topbar.Link=Link_Link,Topbar.NewFileButton=NewFileButton,Topbar.ScrollableContainer=ScrollableContainer,Topbar.SecondaryItem=SecondaryItem,Topbar.Tab=o4,Topbar.TabList=({children:g})=>(0,ei.U)("ul",{css:o5,role:"tablist"},g),Topbar.Title=Title},98171:function(g,m,b){"use strict";function invariant(g,m){if(!g)throw Error("Invariant failed")}b.d(m,{Oq:function(){return calculateBox},dO:function(){return createBox},jn:function(){return expand},iz:function(){return getBox},Dz:function(){return getRect},cv:function(){return offset},oc:function(){return withScroll}});var getRect=function(g){var m=g.top,b=g.right,v=g.bottom,C=g.left;return{top:m,right:b,bottom:v,left:C,width:b-C,height:v-m,x:C,y:m,center:{x:(b+C)/2,y:(v+m)/2}}},expand=function(g,m){return{top:g.top-m.top,left:g.left-m.left,bottom:g.bottom+m.bottom,right:g.right+m.right}},shrink=function(g,m){return{top:g.top+m.top,left:g.left+m.left,bottom:g.bottom-m.bottom,right:g.right-m.right}},v={top:0,right:0,bottom:0,left:0},createBox=function(g){var m=g.borderBox,b=g.margin,C=void 0===b?v:b,w=g.border,x=void 0===w?v:w,k=g.padding,S=void 0===k?v:k,O=getRect(expand(m,C)),T=getRect(shrink(m,x)),P=getRect(shrink(T,S));return{marginBox:O,borderBox:getRect(m),paddingBox:T,contentBox:P,margin:C,border:x,padding:S}},parse=function(g){var m=g.slice(0,-2);if("px"!==g.slice(-2))return 0;var b=Number(m);return isNaN(b)&&invariant(!1),b},offset=function(g,m){var b=g.borderBox,v=g.border,C=g.margin,w=g.padding;return createBox({borderBox:{top:b.top+m.y,left:b.left+m.x,bottom:b.bottom+m.y,right:b.right+m.x},border:v,margin:C,padding:w})},withScroll=function(g,m){return void 0===m&&(m={x:window.pageXOffset,y:window.pageYOffset}),offset(g,m)},calculateBox=function(g,m){return createBox({borderBox:g,margin:{top:parse(m.marginTop),right:parse(m.marginRight),bottom:parse(m.marginBottom),left:parse(m.marginLeft)},padding:{top:parse(m.paddingTop),right:parse(m.paddingRight),bottom:parse(m.paddingBottom),left:parse(m.paddingLeft)},border:{top:parse(m.borderTopWidth),right:parse(m.borderRightWidth),bottom:parse(m.borderBottomWidth),left:parse(m.borderLeftWidth)}})},getBox=function(g){return calculateBox(g.getBoundingClientRect(),window.getComputedStyle(g))}},64165:function(g,m){"use strict";var b=Number.isNaN||function(g){return"number"==typeof g&&g!=g};function isEqual(g,m){return!!(g===m||b(g)&&b(m))}function areInputsEqual(g,m){if(g.length!==m.length)return!1;for(var b=0;b{let m={};g.forEach(g=>{if("link"===g.type&&g.props["data-optimized-fonts"]){if(document.querySelector('style[data-href="'+g.props["data-href"]+'"]'))return;g.props.href=g.props["data-href"],g.props["data-href"]=void 0}let b=m[g.type]||[];b.push(g),m[g.type]=b});let v=m.title?m.title[0]:null,C="";if(v){let{children:g}=v.props;C="string"==typeof g?g:Array.isArray(g)?g.join(""):""}C!==document.title&&(document.title=C),["meta","base","link","style","script"].forEach(g=>{b(g,m[g]||[])})}}}b=(g,m)=>{let b=document.getElementsByTagName("head")[0],v=b.querySelector("meta[name=next-head-count]"),C=Number(v.content),w=[];for(let m=0,b=v.previousElementSibling;m{for(let m=0,b=w.length;m{var m;return null==(m=g.parentNode)?void 0:m.removeChild(g)}),k.forEach(g=>b.insertBefore(g,v)),v.content=(C-w.length+k.length).toString()},("function"==typeof m.default||"object"==typeof m.default&&null!==m.default)&&void 0===m.default.__esModule&&(Object.defineProperty(m.default,"__esModule",{value:!0}),Object.assign(m.default,m),g.exports=m.default)},26102:function(g,m){"use strict";Object.defineProperty(m,"__esModule",{value:!0}),function(g,m){for(var b in m)Object.defineProperty(g,b,{enumerable:!0,get:m[b]})}(m,{requestIdleCallback:function(){return b},cancelIdleCallback:function(){return v}});let b="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(window)||function(g){let m=Date.now();return self.setTimeout(function(){g({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-m))}})},1)},v="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(window)||function(g){return clearTimeout(g)};("function"==typeof m.default||"object"==typeof m.default&&null!==m.default)&&void 0===m.default.__esModule&&(Object.defineProperty(m.default,"__esModule",{value:!0}),Object.assign(m.default,m),g.exports=m.default)},42665:function(g,m,b){"use strict";Object.defineProperty(m,"__esModule",{value:!0}),function(g,m){for(var b in m)Object.defineProperty(g,b,{enumerable:!0,get:m[b]})}(m,{handleClientScriptLoad:function(){return handleClientScriptLoad},initScriptLoader:function(){return initScriptLoader},default:function(){return M}});let v=b(68517),C=b(53388),w=v._(b(2982)),x=C._(b(46056)),k=b(20328),S=b(99423),O=b(26102),T=new Map,P=new Set,U=["onLoad","onReady","dangerouslySetInnerHTML","children","onError","strategy","stylesheets"],insertStylesheets=g=>{if(w.default.preinit){g.forEach(g=>{w.default.preinit(g,{as:"style"})});return}{let m=document.head;g.forEach(g=>{let b=document.createElement("link");b.type="text/css",b.rel="stylesheet",b.href=g,m.appendChild(b)})}},loadScript=g=>{let{src:m,id:b,onLoad:v=()=>{},onReady:C=null,dangerouslySetInnerHTML:w,children:x="",strategy:k="afterInteractive",onError:O,stylesheets:M}=g,L=b||m;if(L&&P.has(L))return;if(T.has(m)){P.add(L),T.get(m).then(v,O);return}let afterLoad=()=>{C&&C(),P.add(L)},D=document.createElement("script"),$=new Promise((g,m)=>{D.addEventListener("load",function(m){g(),v&&v.call(this,m),afterLoad()}),D.addEventListener("error",function(g){m(g)})}).catch(function(g){O&&O(g)});for(let[b,v]of(w?(D.innerHTML=w.__html||"",afterLoad()):x?(D.textContent="string"==typeof x?x:Array.isArray(x)?x.join(""):"",afterLoad()):m&&(D.src=m,T.set(m,$)),Object.entries(g))){if(void 0===v||U.includes(b))continue;let g=S.DOMAttributeNames[b]||b.toLowerCase();D.setAttribute(g,v)}"worker"===k&&D.setAttribute("type","text/partytown"),D.setAttribute("data-nscript",k),M&&insertStylesheets(M),document.body.appendChild(D)};function handleClientScriptLoad(g){let{strategy:m="afterInteractive"}=g;"lazyOnload"===m?window.addEventListener("load",()=>{(0,O.requestIdleCallback)(()=>loadScript(g))}):loadScript(g)}function loadLazyScript(g){"complete"===document.readyState?(0,O.requestIdleCallback)(()=>loadScript(g)):window.addEventListener("load",()=>{(0,O.requestIdleCallback)(()=>loadScript(g))})}function addBeforeInteractiveToCache(){let g=[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')];g.forEach(g=>{let m=g.id||g.getAttribute("src");P.add(m)})}function initScriptLoader(g){g.forEach(handleClientScriptLoad),addBeforeInteractiveToCache()}function Script(g){let{id:m,src:b="",onLoad:v=()=>{},onReady:C=null,strategy:S="afterInteractive",onError:O,stylesheets:T,...U}=g,{updateScripts:M,scripts:L,getIsSsr:D,appDir:$,nonce:B}=(0,x.useContext)(k.HeadManagerContext),F=(0,x.useRef)(!1);(0,x.useEffect)(()=>{let g=m||b;F.current||(C&&g&&P.has(g)&&C(),F.current=!0)},[C,m,b]);let I=(0,x.useRef)(!1);if((0,x.useEffect)(()=>{I.current||("afterInteractive"===S?loadScript(g):"lazyOnload"===S&&loadLazyScript(g),I.current=!0)},[g,S]),("beforeInteractive"===S||"worker"===S)&&(M?(L[S]=(L[S]||[]).concat([{id:m,src:b,onLoad:v,onReady:C,onError:O,...U}]),M(L)):D&&D()?P.add(m||b):D&&!D()&&loadScript(g)),$){if(T&&T.forEach(g=>{w.default.preinit(g,{as:"style"})}),"beforeInteractive"===S)return b?(w.default.preload(b,U.integrity?{as:"script",integrity:U.integrity}:{as:"script"}),x.default.createElement("script",{nonce:B,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([b])+")"}})):(U.dangerouslySetInnerHTML&&(U.children=U.dangerouslySetInnerHTML.__html,delete U.dangerouslySetInnerHTML),x.default.createElement("script",{nonce:B,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([0,{...U}])+")"}}));"afterInteractive"===S&&b&&w.default.preload(b,U.integrity?{as:"script",integrity:U.integrity}:{as:"script"})}return null}Object.defineProperty(Script,"__nextScript",{value:!0});let M=Script;("function"==typeof m.default||"object"==typeof m.default&&null!==m.default)&&void 0===m.default.__esModule&&(Object.defineProperty(m.default,"__esModule",{value:!0}),Object.assign(m.default,m),g.exports=m.default)},67741:function(g,m,b){"use strict";b.r(m),b.d(m,{DatadogInit:function(){return DatadogInit}});var v=b(84153),C=b(95676),w=b(46056),x=b(70440),k=b(35415);let S=x.yv,O={"Next.js-hydration":"nextJsHydration","Next.js-route-change-to-render":"nextJsRouteChangeToRender","Next.js-render":"nextJsRender",CLS:"cumulativeLayoutShift",FCP:"firstContentfulPaint",FID:"firstInputDelay",LCP:"largestContentfulPaint",TTFB:"timeToFirstByte"};function DatadogInit(){return(0,C.useReportWebVitals)(g=>{let m=O[g.name]||g.name;if(!S){console.info(`Datadog RUM: would have tracked web vital ${m} - ${g.value}.`);return}v.v.addAction(`Web Vital: ${m}`,{[m]:g.value})}),(0,w.useEffect)(()=>{let g="eaae4825-813d-4527-9ec0-66949461e989",m="pub02fbd92aa14530d3d4ae88be3f9a236c";if(g&&m)return v.v.init({applicationId:g,clientToken:m,traceSampleRate:100,trackUserInteractions:!0,trackResources:!0,trackLongTasks:!0,service:"canvas",version:"f0bdb5ae93b637b414c1c5c6077383cb0e13efb5",allowedTracingUrls:[/https:\/\/(.*\.)?zapier(-staging)?\.com/],env:k.env.VERCEL_ENV||"production"});g||console.info("Datadog RUM not initialized: missing applicationId or clientToken."),S||console.info("Datadog RUM not initialized: not in a production environment.")},[]),null}},70440:function(g,m,b){"use strict";b.d(m,{yv:function(){return v}}),b(35415);let v=!0},65159:function(){},89704:function(){},92006:function(g,m){"use strict";m.Z=function(g){var m=[],b=null,wrapperFn=function(){for(var v=arguments.length,C=Array(v),w=0;wo(m).setHours(0,0,0,0)}function c(g){var m=new Date;return m.setHours(0,0,0,0),u(g,m)}function p(g){var m=new Date((new Date).getTime()+864e5);return m.setHours(0,0,0,0),g>=m}function f(g,m,b){var v=o(g);return v.setHours(0,0,0,0),l(v,m)&&u(v,b)||l(v,b)&&u(v,m)}function h(g){var m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{from:null,to:null},b=m.from,v=m.to;return b?b&&v&&s(b,v)&&s(g,b)?(b=null,v=null):v&&u(g,b)?b=g:v&&s(g,v)?(b=g,v=g):u(v=g,b)&&(v=b,b=g):b=g,{from:b,to:v}}function d(g,m){var b=m.from,v=m.to;return b&&s(g,b)||v&&s(g,v)||b&&v&&f(g,b,v)}function y(g){var m=o(g);return m.setHours(0,0,0),m.setDate(m.getDate()+4-(m.getDay()||7)),Math.ceil(((m-new Date(m.getFullYear(),0,1))/864e5+1)/7)}Object.defineProperty(m,"__esModule",{value:!0}),m.clone=o,m.isDate=r,m.addMonths=a,m.isSameDay=s,m.isSameMonth=i,m.isDayBefore=u,m.isDayAfter=l,m.isPastDay=c,m.isFutureDay=p,m.isDayBetween=f,m.addDayToRange=h,m.isDayInRange=d,m.getWeekNumber=y,m.default={addDayToRange:h,addMonths:a,clone:o,getWeekNumber:y,isDate:r,isDayAfter:l,isDayBefore:u,isDayBetween:f,isDayInRange:d,isFutureDay:p,isPastDay:c,isSameDay:s,isSameMonth:i}},function(g,m,b){"use strict";Object.defineProperty(m,"__esModule",{value:!0}),m.LEFT=37,m.UP=38,m.RIGHT=39,m.DOWN=40,m.ENTER=13,m.SPACE=32,m.ESC=27,m.TAB=9},function(g,m,b){"use strict";Object.defineProperty(m,"__esModule",{value:!0}),m.default={container:"DayPicker",wrapper:"DayPicker-wrapper",interactionDisabled:"DayPicker--interactionDisabled",months:"DayPicker-Months",month:"DayPicker-Month",navBar:"DayPicker-NavBar",navButtonPrev:"DayPicker-NavButton DayPicker-NavButton--prev",navButtonNext:"DayPicker-NavButton DayPicker-NavButton--next",navButtonInteractionDisabled:"DayPicker-NavButton--interactionDisabled",caption:"DayPicker-Caption",weekdays:"DayPicker-Weekdays",weekdaysRow:"DayPicker-WeekdaysRow",weekday:"DayPicker-Weekday",body:"DayPicker-Body",week:"DayPicker-Week",weekNumber:"DayPicker-WeekNumber",day:"DayPicker-Day",footer:"DayPicker-Footer",todayButton:"DayPicker-TodayButton",today:"today",selected:"selected",disabled:"disabled",outside:"outside"}},function(g,m,b){"use strict";function o(g){g.preventDefault(),g.stopPropagation()}function r(g){return new Date(g.getFullYear(),g.getMonth(),1,12)}function a(g){var m=r(g);return m.setMonth(m.getMonth()+1),m.setDate(m.getDate()-1),m.getDate()}function s(g){var m=C({},g.modifiers);return g.selectedDays&&(m[g.classNames.selected]=g.selectedDays),g.disabledDays&&(m[g.classNames.disabled]=g.disabledDays),m}function i(g){var m=g.firstDayOfWeek,b=g.locale,v=void 0===b?"en":b,C=g.localeUtils,w=void 0===C?{}:C;return isNaN(m)?w.getFirstDayOfWeek?w.getFirstDayOfWeek(v):0:m}function u(g){return!!(g&&g.from&&g.to)}function l(g,m){return m.getMonth()-g.getMonth()+12*(m.getFullYear()-g.getFullYear())}function c(g){for(var m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,x.getFirstDayOfWeek)(),b=arguments[2],v=a(g),C=[],k=[],S=[],O=1;O<=v;O+=1)C.push(new Date(g.getFullYear(),g.getMonth(),O,12));C.forEach(function(g){k.length>0&&g.getDay()===m&&(S.push(k),k=[]),k.push(g),C.indexOf(g)===C.length-1&&S.push(k)});for(var T=S[0],P=7-T.length;P>0;P-=1){var U=(0,w.clone)(T[0]);U.setDate(T[0].getDate()-1),T.unshift(U)}for(var M=S[S.length-1],L=M.length;L<7;L+=1){var D=(0,w.clone)(M[M.length-1]);D.setDate(M[M.length-1].getDate()+1),M.push(D)}if(b&&S.length<6)for(var $=void 0,B=S.length;B<6;B+=1){$=S[S.length-1];for(var F=$[$.length-1],I=[],E=0;E<7;E+=1){var H=(0,w.clone)(F);H.setDate(F.getDate()+E+1),I.push(H)}S.push(I)}return S}function p(g){var m=(0,w.clone)(g);return m.setDate(1),m.setHours(12,0,0,0),m}function f(g,m){var b=void 0;b=m===k.default?m.day+"--"+m.outside:""+m.outside;var v=m.day.replace(/ /g,"."),C=b.replace(/ /g,".");return g.querySelectorAll("."+v+":not(."+C+")")}function h(g){return Array.prototype.slice.call(g,0)}function d(g,m){return Object.prototype.hasOwnProperty.call(g,m)}Object.defineProperty(m,"__esModule",{value:!0});var v,C=Object.assign||function(g){for(var m=1;m1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(m).reduce(function(b,v){return o(g,m[v])&&b.push(v),b},[])}Object.defineProperty(m,"__esModule",{value:!0}),m.dayMatchesModifier=o,m.getModifiersForDay=r;var v=b(1),C=b(4);m.default={dayMatchesModifier:o,getModifiersForDay:r}},function(g,m,b){"use strict";function o(g){if(g&&g.__esModule)return g;var m={};if(null!=g)for(var b in g)Object.prototype.hasOwnProperty.call(g,b)&&(m[b]=g[b]);return m.default=g,m}function r(g){return g&&g.__esModule?g:{default:g}}function a(g,m){var b={};for(var v in g)m.indexOf(v)>=0||Object.prototype.hasOwnProperty.call(g,v)&&(b[v]=g[v]);return b}function s(g,m){if(!(g instanceof m))throw TypeError("Cannot call a class as a function")}function i(g,m){if(!g)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return m&&("object"==typeof m||"function"==typeof m)?m:g}function u(g,m){if("function"!=typeof m&&null!==m)throw TypeError("Super expression must either be null or a function, not "+typeof m);g.prototype=Object.create(m&&m.prototype,{constructor:{value:g,enumerable:!1,writable:!0,configurable:!0}}),m&&(Object.setPrototypeOf?Object.setPrototypeOf(g,m):g.__proto__=m)}Object.defineProperty(m,"__esModule",{value:!0}),m.ModifiersUtils=m.LocaleUtils=m.DateUtils=m.DayPicker=void 0;var v=Object.assign||function(g){for(var m=1;m1&&g.fromMonth){var b=P.startOfMonth(g.fromMonth),v=P.getMonthsDiff(b,m);m=U.addMonths(b,Math.floor(v/g.numberOfMonths)*g.numberOfMonths)}else g.toMonth&&g.numberOfMonths>1&&0>=P.getMonthsDiff(m,g.toMonth)&&(m=U.addMonths(P.startOfMonth(g.toMonth),1-this.props.numberOfMonths));return m}},{key:"getNextNavigableMonth",value:function(){return U.addMonths(this.state.currentMonth,this.props.numberOfMonths)}},{key:"getPreviousNavigableMonth",value:function(){return U.addMonths(this.state.currentMonth,-1)}},{key:"allowPreviousMonth",value:function(){var g=U.addMonths(this.state.currentMonth,-1);return this.allowMonth(g)}},{key:"allowNextMonth",value:function(){var g=U.addMonths(this.state.currentMonth,this.props.numberOfMonths);return this.allowMonth(g)}},{key:"allowMonth",value:function(g){var m=this.props,b=m.fromMonth,v=m.toMonth;return!(!m.canChangeMonth||b&&0>P.getMonthsDiff(b,g)||v&&P.getMonthsDiff(v,g)>0)}},{key:"allowYearChange",value:function(){return this.props.canChangeMonth}},{key:"showMonth",value:function(g,m){var b=this;this.allowMonth(g)&&this.setState({currentMonth:P.startOfMonth(g)},function(){m&&m(),b.props.onMonthChange&&b.props.onMonthChange(b.state.currentMonth)})}},{key:"showNextYear",value:function(){if(this.allowYearChange()){var g=U.addMonths(this.state.currentMonth,12);this.showMonth(g)}}},{key:"showPreviousYear",value:function(){if(this.allowYearChange()){var g=U.addMonths(this.state.currentMonth,-12);this.showMonth(g)}}},{key:"focus",value:function(){this.wrapper.focus()}},{key:"focusFirstDayOfMonth",value:function(){P.getDayNodes(this.dayPicker,this.props.classNames)[0].focus()}},{key:"focusLastDayOfMonth",value:function(){var g=P.getDayNodes(this.dayPicker,this.props.classNames);g[g.length-1].focus()}},{key:"focusPreviousDay",value:function(g){var m=this,b=P.getDayNodes(this.dayPicker,this.props.classNames),v=P.nodeListToArray(b).indexOf(g);-1!==v&&(0===v?this.showPreviousMonth(function(){return m.focusLastDayOfMonth()}):b[v-1].focus())}},{key:"focusNextDay",value:function(g){var m=this,b=P.getDayNodes(this.dayPicker,this.props.classNames),v=P.nodeListToArray(b).indexOf(g);-1!==v&&(v===b.length-1?this.showNextMonth(function(){return m.focusFirstDayOfMonth()}):b[v+1].focus())}},{key:"focusNextWeek",value:function(g){var m=this,b=P.getDayNodes(this.dayPicker,this.props.classNames),v=P.nodeListToArray(b).indexOf(g);v>b.length-8?this.showNextMonth(function(){var g=b.length-v;P.getDayNodes(m.dayPicker,m.props.classNames)[7-g].focus()}):b[v+7].focus()}},{key:"focusPreviousWeek",value:function(g){var m=this,b=P.getDayNodes(this.dayPicker,this.props.classNames),v=P.nodeListToArray(b).indexOf(g);v<=6?this.showPreviousMonth(function(){var g=P.getDayNodes(m.dayPicker,m.props.classNames);g[g.length-7+v].focus()}):b[v-7].focus()}},{key:"handleOutsideDayClick",value:function(g){var m=this.state.currentMonth,b=this.props.numberOfMonths,v=P.getMonthsDiff(m,g);v>0&&v>=b?this.showNextMonth():v<0&&this.showPreviousMonth()}},{key:"renderNavbar",value:function(){var g=this.props,m=g.labels,b=g.locale,v=g.localeUtils,C=g.canChangeMonth,w=g.navbarElement,k=a(g,["labels","locale","localeUtils","canChangeMonth","navbarElement"]);if(!C)return null;var S={month:this.state.currentMonth,classNames:this.props.classNames,className:this.props.classNames.navBar,nextMonth:this.getNextNavigableMonth(),previousMonth:this.getPreviousNavigableMonth(),showPreviousButton:this.allowPreviousMonth(),showNextButton:this.allowNextMonth(),onNextClick:this.showNextMonth,onPreviousClick:this.showPreviousMonth,dir:k.dir,labels:m,locale:b,localeUtils:v};return x.default.isValidElement(w)?x.default.cloneElement(w,S):x.default.createElement(w,S)}},{key:"renderMonths",value:function(){for(var g=[],m=P.getFirstDayOfWeekFromProps(this.props),b=0;b-1,ariaSelected:C.indexOf(b.props.classNames.selected)>-1,onClick:b.props.onDayClick,onFocus:b.props.onDayFocus,onKeyDown:b.props.onDayKeyDown,onMouseEnter:b.props.onDayMouseEnter,onMouseLeave:b.props.onDayMouseLeave,onMouseDown:b.props.onDayMouseDown,onMouseUp:b.props.onDayMouseUp,onTouchEnd:b.props.onDayTouchEnd,onTouchStart:b.props.onDayTouchStart},b.props.renderDay(g,M))},s(b,m)}return i(t,g),v(t,[{key:"render",value:function(){var g=this,m=this.props,b=m.classNames,v=m.month,C=m.months,k=m.fixedWeeks,O=m.captionElement,U=m.weekdayElement,M=m.locale,L=m.localeUtils,D=m.weekdaysLong,$=m.weekdaysShort,B=m.firstDayOfWeek,F=m.onCaptionClick,I=m.showWeekNumbers,E=m.showWeekDays,H=m.onWeekClick,_={date:v,classNames:b,months:C,localeUtils:L,locale:M,onClick:F?function(g){return F(v,g)}:void 0},z=w.default.isValidElement(O)?w.default.cloneElement(O,_):w.default.createElement(O,_),A=T.getWeekArray(v,B,k);return w.default.createElement("div",{className:b.month,role:"grid"},z,E&&w.default.createElement(x.default,{classNames:b,weekdaysShort:$,weekdaysLong:D,firstDayOfWeek:B,showWeekNumbers:I,locale:M,localeUtils:L,weekdayElement:U}),w.default.createElement("div",{className:b.body,role:"rowgroup"},A.map(function(m){var C=void 0;return I&&(C=P.getWeekNumber(m[6])),w.default.createElement("div",{key:m[0].getTime(),className:b.week,role:"row"},I&&w.default.createElement("div",{className:b.weekNumber,tabIndex:H?0:-1,role:"gridcell",onClick:H?function(g){return H(C,m,g)}:void 0,onKeyUp:H?function(g){return g.keyCode===S.ENTER&&H(C,m,g)}:void 0},g.props.renderWeek(C,m,v)),m.map(g.renderDay))})))}}]),t}(C.Component);m.default=U},function(g,m,b){"use strict";function o(g,m){if(!(g instanceof m))throw TypeError("Cannot call a class as a function")}function r(g,m){if(!g)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return m&&("object"==typeof m||"function"==typeof m)?m:g}function a(g,m){if("function"!=typeof m&&null!==m)throw TypeError("Super expression must either be null or a function, not "+typeof m);g.prototype=Object.create(m&&m.prototype,{constructor:{value:g,enumerable:!1,writable:!0,configurable:!0}}),m&&(Object.setPrototypeOf?Object.setPrototypeOf(g,m):g.__proto__=m)}Object.defineProperty(m,"__esModule",{value:!0});var v=function(){function e(g,m){for(var b=0;b=0||Object.prototype.hasOwnProperty.call(g,v)&&(b[v]=g[v]);return b}function l(g){var m=(g.input,g.selectedDay,g.month,g.children),b=g.classNames,v=u(g,["input","selectedDay","month","children","classNames"]);return w.default.createElement("div",C({className:b.overlayWrapper},v),w.default.createElement("div",{className:b.overlay},m))}function c(g){return(0,k.isDate)(g)?g.getFullYear()+"-"+(g.getMonth()+1)+"-"+g.getDate():""}function p(g){if("string"==typeof g){var m=g.split("-");if(3===m.length){var b=parseInt(m[0],10),v=parseInt(m[1],10)-1,C=parseInt(m[2],10);if(!(isNaN(b)||String(b).length>4||isNaN(v)||isNaN(C)||C<=0||C>31||v<0||v>=12))return new Date(b,v,C,12,0,0,0)}}}Object.defineProperty(m,"__esModule",{value:!0}),m.HIDE_TIMEOUT=void 0;var v=function(){function e(g,m){for(var b=0;b0&&this.setState(m)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.clickTimeout),clearTimeout(this.hideTimeout),clearTimeout(this.inputFocusTimeout),clearTimeout(this.inputBlurTimeout),clearTimeout(this.overlayBlurTimeout)}},{key:"getInitialMonthFromProps",value:function(g){var m=g.dayPickerProps,b=g.format,v=void 0;return g.value&&(v=(0,k.isDate)(g.value)?g.value:g.parseDate(g.value,b,m.locale)),m.initialMonth||m.month||v||new Date}},{key:"getInitialStateFromProps",value:function(g){var m=g.dayPickerProps,b=g.formatDate,v=g.format,C=g.typedValue,w=g.value;return g.value&&(0,k.isDate)(g.value)&&(w=b(g.value,v,m.locale)),{value:w,typedValue:C,month:this.getInitialMonthFromProps(g),selectedDays:m.selectedDays}}},{key:"getInput",value:function(){return this.input}},{key:"getDayPicker",value:function(){return this.daypicker}},{key:"updateState",value:function(g,m,b){var v=this,w=this.props,x=w.dayPickerProps,k=w.onDayChange;this.setState({month:g,value:m,typedValue:""},function(){if(b&&b(),k){var m=C({disabled:x.disabledDays,selected:x.selectedDays},x.modifiers),w=(0,S.getModifiersForDay)(g,m).reduce(function(g,m){return C({},g,r({},m,!0))},{});k(g,w,v)}})}},{key:"showDayPicker",value:function(){var g=this,m=this.props,b=m.parseDate,v=m.format,C=m.dayPickerProps,w=this.state,x=w.value;if(!w.showOverlay){var k=x?b(x,v,C.locale):this.getInitialMonthFromProps(this.props);this.setState(function(g){return{showOverlay:!0,month:k||g.month}},function(){g.props.onDayPickerShow&&g.props.onDayPickerShow()})}}},{key:"hideDayPicker",value:function(){var g=this;!1!==this.state.showOverlay&&this.setState({showOverlay:!1},function(){g.props.onDayPickerHide&&g.props.onDayPickerHide()})}},{key:"hideAfterDayClick",value:function(){var g=this;this.props.hideOnDayClick&&(this.hideTimeout=setTimeout(function(){g.overlayHasFocus=!1,g.hideDayPicker()},T))}},{key:"handleInputClick",value:function(g){this.showDayPicker(),this.props.inputProps.onClick&&(g.persist(),this.props.inputProps.onClick(g))}},{key:"handleInputFocus",value:function(g){var m=this;this.showDayPicker(),this.inputFocusTimeout=setTimeout(function(){m.overlayHasFocus=!1},2),this.props.inputProps.onFocus&&(g.persist(),this.props.inputProps.onFocus(g))}},{key:"handleInputBlur",value:function(g){var m=this;this.inputBlurTimeout=setTimeout(function(){m.overlayHasFocus||m.hideDayPicker()},1),this.props.inputProps.onBlur&&(g.persist(),this.props.inputProps.onBlur(g))}},{key:"handleOverlayFocus",value:function(g){g.preventDefault(),this.overlayHasFocus=!0,this.props.keepFocus&&this.input&&"function"==typeof this.input.focus&&this.input.focus()}},{key:"handleOverlayBlur",value:function(){var g=this;this.overlayBlurTimeout=setTimeout(function(){g.overlayHasFocus=!1},3)}},{key:"handleInputChange",value:function(g){var m=this.props,b=m.dayPickerProps,v=m.format,C=m.inputProps,w=m.onDayChange,x=m.parseDate;C.onChange&&(g.persist(),C.onChange(g));var k=g.target.value;if(""===k.trim())return this.setState({value:k,typedValue:""}),void(w&&w(void 0,{},this));var S=x(k,v,b.locale);if(!S)return this.setState({value:k,typedValue:k}),void(w&&w(void 0,{},this));this.updateState(S,k)}},{key:"handleInputKeyDown",value:function(g){g.keyCode===O.TAB?this.hideDayPicker():this.showDayPicker(),this.props.inputProps.onKeyDown&&(g.persist(),this.props.inputProps.onKeyDown(g))}},{key:"handleInputKeyUp",value:function(g){g.keyCode===O.ESC?this.hideDayPicker():this.showDayPicker(),this.props.inputProps.onKeyUp&&(g.persist(),this.props.inputProps.onKeyUp(g))}},{key:"handleMonthChange",value:function(g){var m=this;this.setState({month:g},function(){m.props.dayPickerProps&&m.props.dayPickerProps.onMonthChange&&m.props.dayPickerProps.onMonthChange(g)})}},{key:"handleDayClick",value:function(g,m,b){var v=this,C=this.props,w=C.clickUnselectsDay,x=C.dayPickerProps,k=C.onDayChange,S=C.formatDate,O=C.format;if(x.onDayClick&&x.onDayClick(g,m,b),!(m.disabled||x&&x.classNames&&m[x.classNames.disabled])){if(m.selected&&w){var T=this.state.selectedDays;if(Array.isArray(T)){var P=(T=T.slice(0)).indexOf(g);T.splice(P,1)}else T&&(T=null);return this.setState({value:"",typedValue:"",selectedDays:T},this.hideAfterDayClick),void(k&&k(void 0,m,this))}var U=S(g,O,x.locale);this.setState({value:U,typedValue:"",month:g},function(){k&&k(g,m,v),v.hideAfterDayClick()})}}},{key:"renderOverlay",value:function(){var g=this,m=this.props,b=m.classNames,v=m.dayPickerProps,k=m.parseDate,S=m.formatDate,O=m.format,T=this.state,P=T.selectedDays,U=T.value,M=void 0;if(!P&&U){var L=k(U,O,v.locale);L&&(M=L)}else P&&(M=P);var D=void 0;v.todayButton&&(D=function(){return g.updateState(new Date,S(new Date,O,v.locale),g.hideAfterDayClick)});var $=this.props.overlayComponent;return w.default.createElement($,{classNames:b,month:this.state.month,selectedDay:M,input:this.input,tabIndex:0,onFocus:this.handleOverlayFocus,onBlur:this.handleOverlayBlur},w.default.createElement(x.default,C({ref:function(m){return g.daypicker=m},onTodayButtonClick:D},v,{month:this.state.month,selectedDays:M,onDayClick:this.handleDayClick,onMonthChange:this.handleMonthChange})))}},{key:"render",value:function(){var g=this,m=this.props.component,b=this.props.inputProps;return w.default.createElement("div",{className:this.props.classNames.container,style:this.props.style},w.default.createElement(m,C({ref:function(m){return g.input=m},placeholder:this.props.placeholder},b,{value:this.state.value||this.state.typedValue,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleInputKeyDown,onKeyUp:this.handleInputKeyUp,onClick:b.disabled?void 0:this.handleInputClick})),this.state.showOverlay&&this.renderOverlay())}}]),t}(w.default.Component);P.defaultProps={dayPickerProps:{},value:"",typedValue:"",placeholder:"YYYY-M-D",format:"L",formatDate:c,parseDate:p,showOverlay:!1,hideOnDayClick:!0,clickUnselectsDay:!1,keepFocus:!0,component:"input",inputProps:{},overlayComponent:l,classNames:{container:"DayPickerInput",overlayWrapper:"DayPickerInput-OverlayWrapper",overlay:"DayPickerInput-Overlay"}},m.default=P}]).default)},29514:function(g,m,b){"use strict";b.d(m,{zt:function(){return components_Provider},$j:function(){return Q}});var v,C,w,x,k,S,O,T,P,U,M,L,D=b(46056),$=D.createContext(null),batch=function(g){g()};function createListenerCollection(){var g=batch,m=null,b=null;return{clear:function(){m=null,b=null},notify:function(){g(function(){for(var g=m;g;)g.callback(),g=g.next})},get:function(){for(var g=[],b=m;b;)g.push(b),b=b.next;return g},subscribe:function(g){var v=!0,C=b={callback:g,next:null,prev:b};return C.prev?C.prev.next=C:m=C,function(){v&&null!==m&&(v=!1,C.next?C.next.prev=C.prev:b=C.prev,C.prev?C.prev.next=C.next:m=C.next)}}}}var B={notify:function(){},get:function(){return[]}};function Subscription_createSubscription(g,m){var b,v=B;function handleChangeWrapper(){C.onStateChange&&C.onStateChange()}function trySubscribe(){b||(b=m?m.addNestedSub(handleChangeWrapper):g.subscribe(handleChangeWrapper),v=createListenerCollection())}var C={addNestedSub:function(g){return trySubscribe(),v.subscribe(g)},notifyNestedSubs:function(){v.notify()},handleChangeWrapper:handleChangeWrapper,isSubscribed:function(){return!!b},trySubscribe:trySubscribe,tryUnsubscribe:function(){b&&(b(),b=void 0,v.clear(),v=B)},getListeners:function(){return v}};return C}var F="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?D.useLayoutEffect:D.useEffect,components_Provider=function(g){var m=g.store,b=g.context,v=g.children,C=(0,D.useMemo)(function(){var g=Subscription_createSubscription(m);return{store:m,subscription:g}},[m]),w=(0,D.useMemo)(function(){return m.getState()},[m]);return F(function(){var g=C.subscription;return g.onStateChange=g.notifyNestedSubs,g.trySubscribe(),w!==m.getState()&&g.notifyNestedSubs(),function(){g.tryUnsubscribe(),g.onStateChange=null}},[C,w]),D.createElement((b||$).Provider,{value:C},v)},I=b(75634),E=b(87434),H=b(44551),_=b.n(H),z=b(98871),A=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],j=["reactReduxForwardedRef"],N=[],R=[null,null];function storeStateUpdatesReducer(g,m){var b=g[1];return[m.payload,b+1]}function useIsomorphicLayoutEffectWithArgs(g,m,b){F(function(){return g.apply(void 0,m)},b)}function captureWrapperProps(g,m,b,v,C,w,x){g.current=v,m.current=C,b.current=!1,w.current&&(w.current=null,x())}function subscribeUpdates(g,m,b,v,C,w,x,k,S,O){if(g){var T=!1,P=null,checkForUpdates=function(){if(!T){var g,b,U=m.getState();try{g=v(U,C.current)}catch(g){b=g,P=g}b||(P=null),g===w.current?x.current||S():(w.current=g,k.current=g,x.current=!0,O({type:"STORE_UPDATED",payload:{error:b}}))}};return b.onStateChange=checkForUpdates,b.trySubscribe(),checkForUpdates(),function(){if(T=!0,b.tryUnsubscribe(),b.onStateChange=null,P)throw P}}}var initStateUpdates=function(){return[null,0]};function connectAdvanced(g,m){void 0===m&&(m={});var b=m,v=b.getDisplayName,C=void 0===v?function(g){return"ConnectAdvanced("+g+")"}:v,w=b.methodName,x=void 0===w?"connectAdvanced":w,k=b.renderCountProp,S=void 0===k?void 0:k,O=b.shouldHandleStateChanges,T=void 0===O||O,P=b.storeKey,U=void 0===P?"store":P,M=(b.withRef,b.forwardRef),L=void 0!==M&&M,B=b.context,F=(0,E.Z)(b,A),H=void 0===B?$:B;return function(m){var b=m.displayName||m.name||"Component",v=C(b),w=(0,I.Z)({},F,{getDisplayName:C,methodName:x,renderCountProp:S,shouldHandleStateChanges:T,storeKey:U,displayName:v,wrappedComponentName:b,WrappedComponent:m}),k=F.pure;function createChildSelector(m){return g(m.dispatch,w)}var O=k?D.useMemo:function(g){return g()};function ConnectFunction(g){var b=(0,D.useMemo)(function(){var m=g.reactReduxForwardedRef,b=(0,E.Z)(g,j);return[g.context,m,b]},[g]),v=b[0],C=b[1],w=b[2],x=(0,D.useMemo)(function(){return v&&v.Consumer&&(0,z.isContextConsumer)(D.createElement(v.Consumer,null))?v:H},[v,H]),k=(0,D.useContext)(x),S=!!g.store&&!!g.store.getState&&!!g.store.dispatch;k&&k.store;var P=S?g.store:k.store,U=(0,D.useMemo)(function(){return createChildSelector(P)},[P]),M=(0,D.useMemo)(function(){if(!T)return R;var g=Subscription_createSubscription(P,S?null:k.subscription),m=g.notifyNestedSubs.bind(g);return[g,m]},[P,S,k]),L=M[0],$=M[1],B=(0,D.useMemo)(function(){return S?k:(0,I.Z)({},k,{subscription:L})},[S,k,L]),F=(0,D.useReducer)(storeStateUpdatesReducer,N,initStateUpdates),_=F[0][0],A=F[1];if(_&&_.error)throw _.error;var W=(0,D.useRef)(),V=(0,D.useRef)(w),K=(0,D.useRef)(),G=(0,D.useRef)(!1),Y=O(function(){return K.current&&w===V.current?K.current:U(P.getState(),w)},[P,_,w]);useIsomorphicLayoutEffectWithArgs(captureWrapperProps,[V,W,G,w,Y,K,$]),useIsomorphicLayoutEffectWithArgs(subscribeUpdates,[T,P,L,U,V,W,G,K,$,A],[P,L,U]);var Q=(0,D.useMemo)(function(){return D.createElement(m,(0,I.Z)({},Y,{ref:C}))},[C,m,Y]);return(0,D.useMemo)(function(){return T?D.createElement(x.Provider,{value:B},Q):Q},[x,Q,B])}var P=k?D.memo(ConnectFunction):ConnectFunction;if(P.WrappedComponent=m,P.displayName=ConnectFunction.displayName=v,L){var M=D.forwardRef(function(g,m){return D.createElement(P,(0,I.Z)({},g,{reactReduxForwardedRef:m}))});return M.displayName=v,M.WrappedComponent=m,_()(M,m)}return _()(P,m)}}function is(g,m){return g===m?0!==g||0!==m||1/g==1/m:g!=g&&m!=m}function shallowEqual(g,m){if(is(g,m))return!0;if("object"!=typeof g||null===g||"object"!=typeof m||null===m)return!1;var b=Object.keys(g),v=Object.keys(m);if(b.length!==v.length)return!1;for(var C=0;C=0;v--){var C=m[v](g);if(C)return C}return function(m,v){throw Error("Invalid value of type "+typeof g+" for "+b+" argument when connecting component "+v.wrappedComponentName+".")}}function strictEqual(g,m){return g===m}var Q=(x=void 0===(w=(C=void 0===v?{}:v).connectHOC)?connectAdvanced:w,S=void 0===(k=C.mapStateToPropsFactories)?V:k,T=void 0===(O=C.mapDispatchToPropsFactories)?W:O,U=void 0===(P=C.mergePropsFactories)?K:P,L=void 0===(M=C.selectorFactory)?finalPropsSelectorFactory:M,function(g,m,b,v){void 0===v&&(v={});var C=v,w=C.pure,k=C.areStatesEqual,O=C.areOwnPropsEqual,P=C.areStatePropsEqual,M=C.areMergedPropsEqual,D=(0,E.Z)(C,Y),$=match(g,S,"mapStateToProps"),B=match(m,T,"mapDispatchToProps"),F=match(b,U,"mergeProps");return x(L,(0,I.Z)({methodName:"connect",getDisplayName:function(g){return"Connect("+g+")"},shouldHandleStateChanges:!!g,initMapStateToProps:$,initMapDispatchToProps:B,initMergeProps:F,pure:void 0===w||w,areStatesEqual:void 0===k?strictEqual:k,areOwnPropsEqual:void 0===O?shallowEqual:O,areStatePropsEqual:void 0===P?shallowEqual:P,areMergedPropsEqual:void 0===M?shallowEqual:M},D))});batch=b(2982).unstable_batchedUpdates},88093:function(g,m,b){"use strict";b.d(m,{md:function(){return applyMiddleware},DE:function(){return bindActionCreators},qC:function(){return compose},MT:function(){return createStore}});var v=b(45796);function ownKeys(g,m){var b=Object.keys(g);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(g);m&&(v=v.filter(function(m){return Object.getOwnPropertyDescriptor(g,m).enumerable})),b.push.apply(b,v)}return b}function _objectSpread2(g){for(var m=1;m