(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7513],{62520:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/use-case",function(){return t(51358)}])},63322:function(e,n,t){"use strict";var a=t(82729),r=t(36086),i=t(84224),o=t(38030),l=t(67294),c=t(52117),d=t(31666);function _templateObject(){var e=(0,a._)(["\n  transition: opacity 0.5s;\n  ",";\n"]);return _templateObject=function(){return e},e}function _templateObject1(){var e=(0,a._)(["\n    cursor: pointer;\n  "]);return _templateObject1=function(){return e},e}function _templateObject2(){var e=(0,a._)(["\n    pointer-events: none;\n    background-color: ",";\n    color: ",";\n    border: none;\n  "]);return _templateObject2=function(){return e},e}function _templateObject3(){var e=(0,a._)(["\n  appearance: none;\n  padding: 0\n    ",";\n  font: inherit;\n  text-decoration: none;\n  transition: 0.6s background, 0.6s border-color;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  white-space: nowrap;\n  ",";\n  ",";\n  ",";\n  height: ",";\n  min-width: ",";\n  ",";\n  ",";\n  ",";\n\n  &:hover {\n    transition: 0.3s background, 0.3s border-color;\n    background: ",";\n    background-position: 75% center;\n  }\n\n  &:active {\n    transition: 0s background, 0s border-color;\n    background: ",";\n    background-position: right;\n  }\n\n  &:focus-visible {\n    outline: 1px solid transparent;\n    ",";\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){var e=(0,a._)(["\n  ",";\n  ",";\n  ",";\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){var e=(0,a._)(["\n  max-width: 1.45em;\n  max-height: 1.45em;\n  height: ",";\n  width: ",";\n  ",";\n  ",";\n"]);return _templateObject5=function(){return e},e}function _templateObject6(){var e=(0,a._)(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n"]);return _templateObject6=function(){return e},e}function _templateObject7(){var e=(0,a._)(["\n  ",";\n"]);return _templateObject7=function(){return e},e}var __rest=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>n.indexOf(a)&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)0>n.indexOf(a[r])&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t},s={small:{height:(0,r.u)(4),textSize:"small",iconSize:2,xSpace:(0,r.u)(1.5)},medium:{height:(0,r.u)(4.5),textSize:"medium",iconSize:3,xSpace:(0,r.u)(2)},large:{height:(0,r.u)(7),textSize:"large",iconSize:4,xSpace:(0,r.u)(2.5)}},hasLoaderStyles=function(e){return(0,c.iv)(_templateObject(),e.hasLoader&&"opacity: 0")},u={neutral:{color:(0,r.Rv)("body"),background:"transparent",borderColor:(0,r.Rv)("buttonBorder"),hover:(0,r.Rv)("backgroundHover"),active:(0,r.Rv)("backgroundActive")},primary:{color:(0,r.Rv)("white"),background:(0,r.Rv)("blurple"),borderColor:null,hover:(0,r.Rv)("primaryHover"),active:(0,r.Rv)("primaryActive")},record:{color:(0,r.Rv)("white"),background:(0,r.Rv)("record"),borderColor:null,hover:(0,r.Rv)("recordHover"),active:(0,r.Rv)("recordActive")},upgrade:{color:(0,r.Rv)("grey7"),background:(0,r.Rv)("upgrade"),borderColor:null,hover:(0,r.Rv)("upgradeHover"),active:(0,r.Rv)("upgradeActive"),focusRing:(0,r.yb)()},danger:{color:(0,r.Rv)("white"),background:(0,r.Rv)("danger"),borderColor:null,hover:(0,r.Rv)("dangerHover"),active:(0,r.Rv)("dangerActive")},ai:{color:(0,r.Rv)("white"),background:"linear-gradient(135deg, #565ADD, #9F92EC, #DC43BE)",borderColor:null,hover:null,active:null}},m={enabled:(0,c.iv)(_templateObject1()),disabled:(0,c.iv)(_templateObject2(),(0,r.Rv)("disabledBackground"),(0,r.Rv)("disabledContent"))},h=(0,r.u)(1),f=d.Z.button(_templateObject3(),function(e){return e.hasChildren?s[e.size].xSpace:0},(0,r.On)("bold"),(0,r.H5)("full"),function(e){return e.hasFullWidth?"display: flex; width: 100%":"display: inline-flex"},function(e){return s[e.size].height},function(e){return s[e.size].height},function(e){return(0,r.y3)(s[e.size].textSize)},function(e){return e.disabled?m.disabled:m.enabled},function(e){return!e.disabled&&"\n    border: ".concat(u[e.variant].borderColor?"1px solid ".concat(u[e.variant].borderColor):"none",";\n    background: ").concat(u[e.variant].background,";\n    background-position: left;\n    background-size: 125%;\n    color: ").concat(u[e.variant].color,";\n  ")},function(e){return u[e.variant].hover},function(e){return u[e.variant].active},(0,r.yb)()),g=d.Z.span(_templateObject4(),function(e){return(0,r.ap)("padding-left",e.paddingLeft)},function(e){return(0,r.ap)("padding-right",e.paddingRight)},hasLoaderStyles),v=d.Z.img(_templateObject5(),function(e){return s[e.size].height},function(e){return s[e.size].height},function(e){return e.hasSpacing&&"margin-right: 0.57em"},hasLoaderStyles),p=d.Z.span(_templateObject6()),b=d.Z.span(_templateObject7(),hasLoaderStyles);Object.keys(s),Object.keys(u),n.ZP=function(e){var n=e.size,t=void 0===n?"medium":n,a=e.children,r=e.variant,c=e.hasFullWidth,d=e.icon,u=e.iconPosition,m=void 0===u?"left":u,x=e.logoSrc,y=e.hasLoader,w=e.isDisabled,_=e.htmlTag,j=__rest(e,["size","children","variant","hasFullWidth","icon","iconPosition","logoSrc","hasLoader","isDisabled","htmlTag"]),O=l.createElement(g,{hasLoader:y,paddingLeft:a&&"right"===m&&h,paddingRight:a&&"left"===m&&h},l.createElement(i.Z,{icon:d,color:"currentColor",hasWidthOffset:!0,size:s[t].iconSize}));return l.createElement(f,Object.assign({size:t,variant:void 0===r?"neutral":r,hasFullWidth:c,icon:d,iconPosition:m,logoSrc:x,disabled:w,as:void 0===_?"button":_,hasChildren:a},j),y&&l.createElement(p,null,l.createElement(o.Z,{color:"currentColor"})),d&&"left"===m&&O,x&&l.createElement(v,{alt:"",hasSpacing:a,src:x,size:t,height:s[t].height,width:s[t].height,hasLoader:y}),l.createElement(b,{hasLoader:y},a),d&&"right"===m&&O)}},88780:function(e,n,t){"use strict";var a=t(67294);n.Z=function(e){return a.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},e),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z",fill:"currentColor"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.293 7.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L17.586 12l-3.293-3.293a1 1 0 010-1.414z",fill:"currentColor"}))}},45085:function(e,n,t){"use strict";t.d(n,{Z:function(){return ThreadUseCaseCard}});var a=t(85893),r=t(93967),i=t.n(r),o=t(30587),l=t(27924),c=t(92673);function ThreadUseCaseCard(e){var n=e.heading,t=e.subhead,r=e.className,d=e.hClassName,s=e.mediaBlock,u=e.themeColor,m=e.roundedClass,h=e.bClassName,f=(0,o.ZP)("(min-width: 1024px)");return(0,a.jsxs)("div",{className:i()(r,(0,c.b)(u).bg,(0,c.b)(u).bodyText,"".concat(null!=m?m:"thd-rounded-static p-fixed-md lg:p-fixed-2xl 2xl:p-fixed-4xl"),"grid grid-cols-2 gap-x-xl items-center lg:grid-cols-1 lg:block lg:grow 2xl:max-w-none w-full"),children:[s,n&&(0,a.jsx)(l.Z,{hClassName:d,hFont:f?"xs":"sm",hLevel:"h3",header:n,subhead:t,bClassName:h,nested:!0,themeColor:u,useCase:!0})]})}},51358:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return j},default:function(){return UseCases}});var a=t(24043),r=t(82729),i=t(85893),o=t(12870),l=t.n(o),c=t(67294),d=t(87322),s=t(2031),u=t(14657),m=t(56265),h=t(19210),f=t(51770),g=t(15674),v=t(65970),p=t(79195),b=t(45085),x=t(31882),y=t(92673),w=t(20434);function _templateObject(){var e=(0,r._)(['\n*[_type == "useCasePage"][0] {\n  endOfPageModule-> {\n    cta,\n    heading,\n    ...\n  },\n  heroBlock,\n  featureList,\n  testimonials[]-> {\n    ...,\n    logo-> {\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    },\n    byline-> {\n      ...,\n      avatar {\n        altText,\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width\n            }\n          },\n        }\n      }\n    }\n  },\n  socialProof-> {\n    title,\n    heading,\n    headingSize,\n    logoAlignment,\n    logoSize,\n    colorTheme,\n    logos[]-> {\n      ...,\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    }\n  },\n  cards[]-> {\n    _id,\n    cardImage {\n      altText,\n      asset-> {\n        url,\n        metadata {\n          dimensions {\n            height,\n            width,\n            aspectRatio,\n          }\n        },\n      },\n    },\n    meta {\n      title,\n      seoTitle,\n      slug {\n        current\n      },\n      robots,\n      seoDescription,\n      canonicalUrl,\n      seoImage {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width\n            }\n          }\n        }\n      }\n    },\n  },\n  socialProofModule-> {\n    title,\n    heading,\n    headingSize,\n    logoAlignment,\n    logoSize,\n    colorTheme,\n    logos[]-> {\n      ...,\n      image {\n        asset-> {\n          url,\n          metadata {\n            dimensions {\n              height,\n              width,\n              aspectRatio\n            }\n          },\n        }\n      }\n    }\n  },\n  meta {\n    title,\n    seoTitle,\n    slug {\n      current\n    },\n    canonicalUrl,\n    robots,\n    seoDescription,\n    seoImage {\n      asset-> {\n        url,\n        metadata {\n          dimensions {\n            height,\n            width\n          }\n        }\n      }\n    }\n  },\n}\n']);return _templateObject=function(){return e},e}var _=l()(_templateObject()),j=!0;function UseCases(e){var n,t,r,o=e.accountNavData,l=e.eopData,j=e.footerNavData,O=e.initialData,C=e.navData,k=e.preview,R=(0,w.$r)(_,{initialData:O,enabled:k}).data,S=(0,a._)((0,c.useState)(!0),2),E=S[0],N=S[1];return(0,i.jsxs)(d.Z,{accountNavData:o,eopData:l,footerNavData:j,name:"Use Cases",navData:C,preview:k,children:[(0,i.jsx)(s.Z,{data:null==R?void 0:R.meta,url:"https://mulligan.indiedemos.com/use-case"}),(0,i.jsx)(g.Z,{bLineLength:"4xl",className:"thd-container-max mb-fluid-lg",eStyle:"small",hFont:"md",hLineLength:"2xl",header:null==R?void 0:R.heroBlock,themeColor:"grey-10"}),(0,i.jsx)("section",{className:"thd-container-max flex flex-col items-center mb-fluid-lg",children:(null==R?void 0:null===(n=R.cards)||void 0===n?void 0:n.length)&&(0,i.jsx)("ul",{className:"mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-fluid-sm mb-fluid-sm",children:null==R?void 0:null===(t=R.cards)||void 0===t?void 0:t.map(function(e){var n,t,a,r=null==e?void 0:null===(n=e.meta)||void 0===n?void 0:n.title,o=null==e?void 0:null===(a=e.meta)||void 0===a?void 0:null===(t=a.slug)||void 0===t?void 0:t.current;return(0,i.jsx)(v.Z,{className:"thd-rounded-ext thd-focus-thick thd-hover-shadow flex flex-col items-center",href:"/use-case/".concat(o),children:(0,i.jsx)(b.Z,{hClassName:"lg:text-center lg:mx-auto",heading:(0,i.jsxs)(i.Fragment,{children:["Loom for ",(0,i.jsx)("br",{className:"block lg:hidden"}),r]}),mediaBlock:(null==e?void 0:e.cardImage)?(0,i.jsx)(m.Z,{className:"rounded-lg shadow-thd lg:mb-2xl",image:null==e?void 0:e.cardImage,layout:"responsive"}):void 0,themeColor:"violet-light"},null==e?void 0:e._id)},e._id)})})}),(null==R?void 0:R.socialProof)&&(0,i.jsx)(h.Z,{data:null==R?void 0:R.socialProof,lineLength:"xl",themeColor:"grey-light"}),(null==R?void 0:R.testimonials)&&(0,i.jsx)(p.Z,{bgVar:(0,y.b)("grey-light").bgVar,cards:null==R?void 0:R.testimonials,font:"xs",themeColorMode:"light"}),(null==R?void 0:null===(r=R.endOfPageModule)||void 0===r?void 0:r.cta)&&(0,i.jsx)(f.Z,{cta:R.endOfPageModule.cta,heading:R.endOfPageModule.heading,lineLength:"lg"}),(x.g||x.D)&&E&&(0,i.jsx)(u.Z,{isIOS:x.g,onClick:function(){return N(!1)}})]})}},97005:function(e,n,t){var a=t(67294),r=a&&"object"==typeof a&&"default"in a?a:{default:a};!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), transparent);\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let i=a.forwardRef(function({style:e={},className:n="",autoFill:t=!1,play:i=!0,pauseOnHover:o=!1,pauseOnClick:l=!1,direction:c="left",speed:d=50,delay:s=0,loop:u=0,gradient:m=!1,gradientColor:h="white",gradientWidth:f=200,onFinish:g,onCycleComplete:v,onMount:p,children:b},x){let[y,w]=a.useState(0),[_,j]=a.useState(0),[O,C]=a.useState(1),[k,R]=a.useState(!1),S=a.useRef(null),E=x||S,N=a.useRef(null),z=a.useCallback(()=>{if(N.current&&E.current){let e=E.current.getBoundingClientRect(),n=N.current.getBoundingClientRect(),a=e.width,r=n.width;("up"===c||"down"===c)&&(a=e.height,r=n.height),t&&a&&r?C(r<a?Math.ceil(a/r):1):C(1),w(a),j(r)}},[t,E,c]);a.useEffect(()=>{if(k&&(z(),N.current&&E.current)){let e=new ResizeObserver(()=>z());return e.observe(E.current),e.observe(N.current),()=>{e&&e.disconnect()}}},[z,E,k]),a.useEffect(()=>{z()},[z,b]),a.useEffect(()=>{R(!0)},[]),a.useEffect(()=>{"function"==typeof p&&p()},[]);let Z=a.useMemo(()=>t?_*O/d:_<y?y/d:_/d,[t,y,_,O,d]),L=a.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!i||o?"paused":"running","--pause-on-click":!i||o&&!l||l?"paused":"running","--width":"up"===c||"down"===c?"100vh":"100%","--transform":"up"===c?"rotate(-90deg)":"down"===c?"rotate(90deg)":"none"}),[e,i,o,l,c]),P=a.useMemo(()=>({"--gradient-color":h,"--gradient-width":"number"==typeof f?`${f}px`:f}),[h,f]),D=a.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===c?"normal":"reverse","--duration":`${Z}s`,"--delay":`${s}s`,"--iteration-count":u?`${u}`:"infinite","--min-width":t?"auto":"100%"}),[i,c,Z,s,u,t]),M=a.useMemo(()=>({"--transform":"up"===c?"rotate(90deg)":"down"===c?"rotate(-90deg)":"none"}),[c]),T=a.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>r.default.createElement(a.Fragment,{key:n},a.Children.map(b,e=>r.default.createElement("div",{style:M,className:"rfm-child"},e)))),[M,b]);return k?r.default.createElement("div",{ref:E,style:L,className:"rfm-marquee-container "+n},m&&r.default.createElement("div",{style:P,className:"rfm-overlay"}),r.default.createElement("div",{className:"rfm-marquee",style:D,onAnimationIteration:v,onAnimationEnd:g},r.default.createElement("div",{className:"rfm-initial-child-container",ref:N},a.Children.map(b,e=>r.default.createElement("div",{style:M,className:"rfm-child"},e))),T(O-1)),r.default.createElement("div",{className:"rfm-marquee",style:D},T(O))):null});n.Z=i}},function(e){e.O(0,[2786,7743,9582,6905,8117,6616,9545,5153,479,7536,900,2673,8613,7322,6544,3151,9565,4387,1792,4206,9774,2888,179],function(){return e(e.s=62520)}),_N_E=e.O()}]);