https://www.sharecrm.com/_next/static/chunks/pages/examples/online-im-06deaf1666e70e05.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1360],{25140:function(e,t,n){"use strict";n(67294);var a=n(93967),r=n.n(a),i=n(25675),l=n.n(i),s=n(49516),o=n(85893);t.Z=e=>{let{title:t,desc:n,desc2:a,children:i,backgroundImg:c,className:d,style:m,contentClassName:g="",titleClassName:x="",titleIcon:f,level:u="h4"}=e;return(0,o.jsxs)("div",{className:r()("w-full relative py-24 flex flex-col items-center p-8",d),style:m,children:[n&&(0,o.jsx)("div",{className:"w-full max-w-[1200px] text-[12px] text-left lg:text-center sm:text-md lg:text-lg text-[#181C25] z-[1]",children:n}),t&&(0,o.jsxs)(s.Z,{level:u,className:r()("mt-2 flex items-center gap-2"),children:[f&&(0,o.jsx)(l(),{src:f,alt:"",width:64,height:64}),(0,o.jsx)("span",{className:x,children:t})]}),a&&(0,o.jsx)("div",{className:"max-w-[1200px] mt-2 text-[12px] sm:text-md lg:text-lg text-[#181C25] z-[1]",children:a}),(0,o.jsx)("div",{className:r()("mt-12 z-[1]",g),children:i}),c&&(0,o.jsx)("div",{className:"absolute top-0 left-0 w-full h-full",children:(0,o.jsx)(l(),{src:c,alt:""})})]})}},49516:function(e,t,n){"use strict";n(67294);var a=n(93967),r=n.n(a),i=n(85893);let l="font-semibold text-[#181C25] z-[1] font-normal whitespace-normal word-break-all leading-[1.4] text-left";t.Z=e=>{let{level:t,children:n,className:a,style:s}=e;return(0,i.jsxs)(i.Fragment,{children:["h1"===t&&(0,i.jsx)("h1",{className:r()(l,"text-2xl sm:text-3xl md:text-4xl lg:text-6xl xl:text-8xl",a),style:s,children:n}),"h2"===t&&(0,i.jsx)("h2",{className:r()(l,"text-lg sm:text-2xl md:text-3xl lg:text-5xl xl:text-7xl",a),style:s,children:n}),"h3"===t&&(0,i.jsx)("h3",{className:r()(l,"text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl",a),style:s,children:n}),"h4"===t&&(0,i.jsx)("h4",{className:r()(l,"text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl",a),style:s,children:n}),"h5"===t&&(0,i.jsx)("h5",{className:r()(l,"text-md sm:text-lg md:text-xl lg:text-2xl xl:text-3xl",a),style:s,children:n}),"h6"===t&&(0,i.jsx)("h6",{className:r()(l,"text-sm sm:text-md md:text-lg lg:text-xl xl:text-2xl",a),style:s,children:n}),"h7"===t&&(0,i.jsx)("h6",{className:r()(l,"text-xs sm:text-sm md:text-md lg:text-lg xl:text-xl",a),style:s,children:n})]})}},31266:function(e,t,n){"use strict";n.d(t,{Z:function(){return c}});var a=n(98287),r=n(50851),i=n(67294);let l={regina1:{src:"/_next/static/media/licky-1.9371d57f.png",height:1400,width:1400,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABBElEQVR42mPYFsfAygAG/Fa6Wupr5vsxuDFAwf82VmYw40M8g/HWtryPp9bM+T8rROH//1aGG39aRE0hqhZ7SXyqYnh/oL/0/4u9y35ubsv5+7mW4f//Lvn3v1oZJBj+90lX/25m+D8jL/TX4y3z/0/IDv3/sZbh5/92hv9/OoWrGf5PYp/6uNXwf25m+p+nB9b8Xzax/f/8yrQ/P1dV/f/fzTCV4ffpzTH3bt343ztp4q9HNy7/e/vo7r9dJ07/+vjwxv//swxiIO74/3/Lk8eP/l+7dvX/q9ev/r94/vT//98/tzDAwO1Th1n////f9+b1q/u3bl6///Pnz77///+DvQ8ApamRTwFsfcwAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},frack1:{src:"/_next/static/media/frack-1.db54d933.png",height:1400,width:1400,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABAklEQVR42mP41cLOzAAFIcYGLVb61vcYGIRdGRgYGPanSLAygMD/HiXTb7UMN5bkxf3fMW3y/1lR9p//dzOYMIDA31Zeif/tPO9/NzH8P9he8efU8sW/7vWl///fwvD+W7uZBMO/Ts7q/91C//93Mvw8XRPy/9yyOf9/TIv69b+b4f+/bplqhv8T+aZ+7RT4n28j82dey4T/Vw6d+N+QlPznTjnD/z99ClMZ/i8xiDmTx/BfKbHm17WjN/7Nm7XqHwODyC8GnYD/jf5OMQwgUKPPsKW5YcL/bfM3/te2CP6voez230DXZwsDEmBtzW/sy/NKvM/AZXpfXdWhz5iBAexFAGYUcSo+KhHgAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},jason1:{src:"/_next/static/media/jason-1.ace7d494.png",height:1400,width:1400,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABBUlEQVR42mM4ma3CwgABMk1pGZfzwqNeMjAwKDAwMDAcTudnBcv8n8FgfCRV4Om5lev+n1u94f+lbIaH/6fzGYMlv7aaSvxvZ/jwoDHo/7VNe3/f2Hrw95vO8P//2xjef+9wkGD43Sle/b+X4f+XDqOfu7r7/1+bMfH//z7Rn/+7mP//6xaoZvg/UXTqrx6G/9PScv5MbNr4f2VO8f/HTeZ//k9g+P+vT3Aqw+5cq5h0v4T/DAyevzpnnPq3dMvzfwyC4b9OlVv//z+HIYYBDExit2gbhv4PjK3+v/3Yu/+GHtn/05wctjDAwDxnBlZ9u7g+BgnX+90z9t2PSm7oY2BgAHsRADd9dvLn2aZGAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},kartik1:{src:"/_next/static/media/kartik-1.19ae31b1.png",height:1400,width:1400,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABA0lEQVR42mN4UCbMwsAAAsEsfNLyyxgYWHYxMIjxg0Qu5fJA5P5PZjDZk8h4Z11f1f8FbWX/d8Sz3f8/mcGYAQQ+t+tJ/G9jeH+9zuH/0YVdv48v6vl1odbtP0jsc4ehBMOfLrHq/70M/190u/zcOani/6augv/32xx+/u9m+P+nS7Sa4f8E7qmfO+X+17sw/Jk/a9b/NXOn/7/fZPLn/2Sh/3/7BKYyLE8ziglytf3PwMD6K7ug9N/dJ+/+dU+d9+tENsP//4tMYhhAQMfMcouTPUgRw/9N2/b/P3jyyn8PJoYtDDDQ7iPEamJm3ickwHg/Pafo/u0Hr/sYvNpYGRgYGAD2yXMRuRmjuAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:8},regina2:{src:"/_next/static/media/licky-2.9420db60.png",height:350,width:350,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA80lEQVR42mOYNn06CwMEWBurSq+tbGy2ZICC////MzGAwN3Pf8TXTum8f2bJpP+N5cX3gRLpv378kIGp4n76+m39rtndP19sn/9/XW/F55dv300Eild8+/aNF6TA9sfvv639lTlvnmyc+b83P+bX0xevWoDidb9+/bIHKXC/eOHCiuzMzF9PDqz+v2xi2/+u/v77X79+XgGSY/j185fr3du3//f19vx7dOPy37eP7/3Ze2DP/w8f3v0AKtCFuWPLk8eP/l+9dvX/q1ev/j9/8fQ/EKxngIFr166yAAX63rx+df/mjWv3f/782QfkszIwMDAAAJnWpnzlP8ogAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},frack2:{src:"/_next/static/media/frack-2.441c4792.png",height:350,width:350,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA8ElEQVR42mP4+vUrEwMUuNq71VvpWd4DMj1A/AXzF7KAJf7//y/17vOX/Nk1Fd92T+j431ZaegMoJgyW/PP7Nw+QU/H958/u3VP6X52ZP/X/lV1bzgPFit+/fM7H8PfvXzsgpx2IS/fOn3Xp4vy+/19evZgB5Ff++/vXHmS8x5vXryf5hsc9ndk5/cfVA4f/5xY2vDx69NjKX79++4IUqK5bu2aXd3Da/2tHrv+bN2v1X5Cz5FXc/6eklQYzgEBgaNCclrre/1vnbfivYx78X0XN87+Ood9mBiTA0ZzX1JvnnnCfgdv0vrqqfR9QDOxFAPDShysmCKiiAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},jason2:{src:"/_next/static/media/jason-2.4d02b132.png",height:350,width:350,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAABAklEQVR42mNYu3Y9MwMEyDemZ17KjYh+AWQrMwDB0mXLIXL///8XWD139przS5f/P79yzf9dm9bP/v//vxADCLx78oQPyCm8vHv34etrt/2/uX7n/0cXLm35//9/wccXL/kYfv746QDkNLx++bZ7T2f3/0srVr8E8quBuP3f3792DP////f4/u1LV3nrgmvTalb+X1DZ/e7ctXvT////3/Lv3z9vhjnzl7oFx5T9Z2Aw+d8+88yfZZueAtk2/9dt2H7g////agxAwCilG7pdzTjif1Bs1f/tx9//t3TL+O8bnLyCAQbKS21ZDOzi+xgk3e53z9h3PzylqRcozM7AwMAAAKtQjNzBI73gAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8},kartik2:{src:"/_next/static/media/kartik-2.1e12681a.png",height:350,width:350,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA/0lEQVR42mM4deYsEwMEsDJIKy1lYODYycDAILBt5y4GIGZm+P//PwgLzp8zc9mG7sL/i5ry/s+eNnkNSIwBBF49uscH5BQc37Lq9IlZ9f9Pzm76v3/NostAsfzXj+7zMfz8/t0ByKm6c/bIqt29ef+3tqb/v7B/62agWMOvnz8cGIAMz5cvX0yNT0x4MH/61P+r50z9f/rkiaVA8brfv3/7MHR2dfp4eHr+Z2Bg+J9RWP7n9uN3f/v7p/1fsWLZ3v///6szGJmagPBWOwcHsKIN2w78P3D84n9NVck1DCCQmZUOwizGZmZ9goJM99OyCu/ffPCml4GBgY2BgYEBAIncjaNt28FvAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:8}},s=(e,t,n)=>{let a=e.filter(e=>e.name?.toLowerCase()===t);return a.length?{...a[0],photoImg:l[`${a[0].name.toLowerCase()}${n}`]}:{...e[0],photoImg:l[`${e[0].name.toLowerCase()}${n}`]}},o=(e,t,n)=>{let a=t||(0,r.E1)();"us"===a&&(a="sea");let i=e.filter(e=>e.region===a);if(!i.length)return{...e[0],photoImg:l[`${e[0].name.toLowerCase()}${n}`]};let s=i[Math.floor(Math.random()*i.length)];return{...s,photoImg:l[`${s.name.toLowerCase()}${n}`]}};function c(e){let{mode:t=1}=e||{},{t:n}=(0,a.$G)("common",{keyPrefix:"layout"}),c=n("businessCardList",{returnObjects:!0}),d=c?.[0]?{...c[0],photoImg:l[`${c[0].name.toLowerCase()}${t}`]}:{},[m,g]=(0,i.useState)(d);return(0,i.useEffect)(()=>{let e=(0,r.vl)(location.search);try{let n=sessionStorage.getItem("sharecrm_route_query_storage"),a=n?JSON.parse(n||"{}"):{},{region:r,cardName:i}={...a,...e};if(i)g(s(c,i.toLowerCase(),t));else{let e=o(c,r?.toLowerCase(),t);g(e),sessionStorage.setItem("sharecrm_route_query_storage",JSON.stringify({...a,cardName:e.n

1ame,region:r}))}}catch(e){}},[JSON.stringify(c)]),{currentCard:m,region:(0,r.E1)()}}},65642:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var a=n(98287);n(67294);var r=n(93967),i=n.n(r),l=n(42962),s=n(63393),o=n(36528),c=n(85893),d=e=>{let{photoImg:t,intro:n,name:a,address:r,className:d,style:m,colors:g,showButton:x=!0,layout:f="horizontal"}=e;return(0,c.jsxs)("div",{className:i()("max-w-[1200px] rounded-3xl flex flex-col items-center justify-between relative px-6 py-10 mix-lg:px-12",{"lg:flex-row lg:gap-12":"horizontal"===f,"gap-9":"vertical"===f},d),style:{background:g?.bgColor,...m},children:[(0,c.jsx)("div",{className:i()("flex z-[1]",{"max-lg:w-[280px] max-lg:h-[280px] lg:w-[320px] lg:h-[320px]":"horizontal"===f,"w-[300px] h-[300px]":"vertical"===f}),children:(0,c.jsx)(s.Z,{alt:"HeroUI Fruit Image with Zoom",src:t?.src,width:350})}),(0,c.jsxs)("div",{className:i()("z-[1] flex flex-col justify-between flex-1 text-left",{"max-lg:mt-9 text-md xl:text-lg max-md:text-sm":"horizontal"===f,"text-sm":"vertical"===f}),children:[(0,c.jsxs)("div",{className:"relative",children:[(0,c.jsx)("div",{className:"flex w-[33px] h-[23px]  max-lg:w-[29px] max-lg:h-[20px] absolute top-50% -translate-y-1/2",children:(0,l.qe)(g?.quoteColor||"#F3AA69")}),n?.map((e,t)=>c.jsx("p",{className:i()(0===t?"indent-[60px]":"mt-8","font-light leading-[1.5]"),children:e},t))]}),(0,c.jsxs)("div",{className:i()("mt-12 flex items-center max-lg:flex-col max-lg:items-start gap-6",x?"justify-between":"justify-end"),children:[(0,c.jsxs)("div",{className:i()(!x&&"text-left w-full"),children:[a&&(0,c.jsx)("div",{className:i()({"text-xl text-lg xl:text-xl max-md:text-md font-bold":"horizontal"===f,"text-md":"vertical"===f}),children:a}),r&&(0,c.jsx)("div",{className:i()("mt-1",{"text-md xl:text-lg max-md:text-sm":"horizontal"===f,"text-xs":"vertical"===f}),children:r})]}),x&&(0,c.jsx)(o.Z,{type:"primary",size:"lg",className:"min-w-[180px]",showArrow:!0,themeColor:g?.themeColor})]})]})]})},m=n(25140),g=n(31266),x=({showButton:e=!0})=>{let{t}=(0,a.$G)("common",{keyPrefix:"layout"}),n=t("businessCard",{returnObjects:!0}),{currentCard:r}=(0,g.Z)(),{intro:i,name:l,address:s,colors:o,photoImg:x}=r||{};return(0,c.jsx)(m.Z,{title:n.title,desc:n.desc,children:(0,c.jsx)(d,{photoImg:x,intro:i,name:l,address:s,colors:o,showButton:e})})}},67433:function(e,t,n){"use strict";n.d(t,{Z:function(){return x}});var a=n(98287),r=n(25140),i=n(93967),l=n.n(i),s=n(97005);n(14864);var o=n(63393),c=n(29380),d=n(85893),m=e=>{let{logos:t,className:n,style:a}=e;return console.log("lang",c.Z.detect()),(0,d.jsxs)("section",{className:l()("xl:max-w-[1200px] w-full flex justify-center items-center",n),style:a,children:[(0,d.jsx)("div",{className:"hidden lg:block w-full",children:(0,d.jsx)(s.Z,{gradient:!0,gradientColor:"#F9FAFD",speed:40,pauseOnHover:!0,children:t.map((e,t)=>(0,d.jsx)(o.Z,{className:"mx-2 w-[200px] border border-solid border-[#DEE1E8] hover:cursor-default",src:e.src,alt:"logo"},`logo-${t}`))})}),(0,d.jsx)("div",{className:"lg:hidden w-full grid grid-cols-2 gap-4 px-4",children:t.map((e,t)=>(0,d.jsx)(o.Z,{className:"flex p-1 w-full",src:e.src,alt:"logo"},`logo-${t}`))})]})};let g=[{src:"/_next/static/media/logo1.9bbd1367.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo2.454ca8e7.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo3.ff2f1936.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo4.12016f8a.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo5.0491b18b.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo6.ece3995d.svg",height:80,width:200,blurWidth:0,blurHeight:0},{src:"/_next/static/media/logo7.2671e919.svg",height:80,width:200,blurWidth:0,blurHeight:0}];var x=()=>{let{t:e}=(0,a.$G)("common",{keyPrefix:"layout"}),t=e("logosWall",{returnObjects:!0});return(0,d.jsx)(r.Z,{title:t.title,className:"bg-[#F9FAFD]",children:(0,d.jsx)(m,{logos:g})})}},85229:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return c}});var a=n(350),r=n(67294),i=n(65642),l=n(67433),s=n(49516),o=n(85893),c=!0;t.default=()=>((0,r.useEffect)(()=>{let e={webImId:"2568822923994334133",name:"Contact Me",icon:"https://a9.fspage.com/FSR/frontend/html/app-dist/onlineservice-dist/assets/images/icon5-16eaa49e2e.png",theme:"#FF9232"};function t(){try{let e=window.FsYxt,t=window.FSImChat;if(!e?.getConfig||!t?.updateRelateObjData)return;let n={visitor_id:e.getConfig().visitorId};t.updateRelateObjData({objList:[{apiName:"CustomerServiceSessionObj",objectData:{visitor_id:n.visitor_id}},{apiName:"WebImVisitorObj",objectData:{marketing_visitor_id:n.visitor_id}}]})}catch{}}let n={ea:"fktest8700",websiteId:"3c0bd941483342a098b6b4755ea635c0",host:"na.sharecrm.com"},a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.src="https://www.fxiaoke.com/ec/kemai/release/static/marketing-website-access.js?id="+Math.random(),a.id="fsMarketingWebsiteScript",a.onload=()=>{let a=window.FsYxt;a?.configure&&a.configure({ea:n.ea,websiteId:n.websiteId,host:n.host,enableSpaTracking:!1}),function(){try{let n=window.FsYxt;if(!n?.getConfig)return;let a=n.getConfig(),r=JSON.stringify({visitor_id:a.visitorId}),i="https://na.sharecrm.com/open/imchat/static/creat.js?webImId="+encodeURIComponent(e.webImId)+"&name="+encodeURIComponent(e.name)+"&icon="+encodeURIComponent(e.icon)+"&theme="+encodeURIComponent(e.theme)+"&internalAppType=&customParams=&updateParams=&serviceSessionParams="+encodeURIComponent(r),l=document.createElement("script");l.onload=()=>{(function(){try{let e=window.FsYxt;if(!e?.getConfig)return;let t=e.getConfig(),n=JSON.stringify({visitor_id:t.visitorId});window.FSImChatParams={serviceSessionParams:n}}catch{}})(),new Promise((e,t)=>

1{let n=0,a=setInterval(()=>{if(n++,window.FSImChat){clearInterval(a),e();return}n>=20&&(clearInterval(a),t(Error("FSImChat not ready after timeout")))},500)}).then(t).catch(e=>console.warn("FSImChat not ready:",e.message))},l.id="fs-im-script",l.type="text/javascript",l.src=i;let s=document.getElementsByTagName("script")[0];s?.parentNode?.insertBefore(l,s)}catch{}}()},document.getElementsByTagName("head")[0].appendChild(a)},[]),(0,o.jsxs)(a.Z,{title:"Online IM",children:[(0,o.jsx)(s.Z,{level:"h2",className:"text-center mt-12",children:"Online IM Example"}),(0,o.jsx)(i.Z,{}),(0,o.jsx)(l.Z,{})]}))},21271:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/examples/online-im",function(){return n(85229)}])},97005:function(e,t,n){var a=n(67294),r=a&&"object"==typeof a&&"default"in a?a:{default:a};!function(e){if(!e||"undefined"==typeof window)return;let t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e,document.head.appendChild(t)}('.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), rgba(255, 255, 255, 0));\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:t="",autoFill:n=!1,play:i=!0,pauseOnHover:l=!1,pauseOnClick:s=!1,direction:o="left",speed:c=50,delay:d=0,loop:m=0,gradient:g=!1,gradientColor:x="white",gradientWidth:f=200,onFinish:u,onCycleComplete:h,onMount:A,children:v},w){let[p,b]=a.useState(0),[y,N]=a.useState(0),[j,C]=a.useState(1),[D,E]=a.useState(!1),P=a.useRef(null),I=w||P,z=a.useRef(null),k=a.useCallback(()=>{if(z.current&&I.current){let e=I.current.getBoundingClientRect(),t=z.current.getBoundingClientRect(),a=e.width,r=t.width;("up"===o||"down"===o)&&(a=e.height,r=t.height),n&&a&&r?C(r<a?Math.ceil(a/r):1):C(1),b(a),N(r)}},[n,I,o]);a.useEffect(()=>{if(D&&(k(),z.current&&I.current)){let e=new ResizeObserver(()=>k());return e.observe(I.current),e.observe(z.current),()=>{e&&e.disconnect()}}},[k,I,D]),a.useEffect(()=>{k()},[k,v]),a.useEffect(()=>{E(!0)},[]),a.useEffect(()=>{"function"==typeof A&&A()},[]);let M=a.useMemo(()=>n?y*j/c:y<p?p/c:y/c,[n,p,y,j,c]),O=a.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!i||l?"paused":"running","--pause-on-click":!i||l&&!s||s?"paused":"running","--width":"up"===o||"down"===o?"100vh":"100%","--transform":"up"===o?"rotate(-90deg)":"down"===o?"rotate(90deg)":"none"}),[e,i,l,s,o]),Z=a.useMemo(()=>({"--gradient-color":x,"--gradient-width":"number"==typeof f?`${f}px`:f}),[x,f]),R=a.useMemo(()=>({"--play":i?"running":"paused","--direction":"left"===o?"normal":"reverse","--duration":`${M}

1s`,"--delay":`${d}s`,"--iteration-count":m?`${m}`:"infinite","--min-width":n?"auto":"100%"}),[i,o,M,d,m,n]),S=a.useMemo(()=>({"--transform":"up"===o?"rotate(90deg)":"down"===o?"rotate(-90deg)":"none"}),[o]),X=a.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,t)=>r.default.createElement(a.Fragment,{key:t},a.Children.map(v,e=>r.default.createElement("div",{style:S,className:"rfm-child"},e)))),[S,v]);return D?r.default.createElement("div",{ref:I,style:O,className:"rfm-marquee-container "+t},g&&r.default.createElement("div",{style:Z,className:"rfm-overlay"}),r.default.createElement("div",{className:"rfm-marquee",style:R,onAnimationIteration:h,onAnimationEnd:u},r.default.createElement("div",{className:"rfm-initial-child-container",ref:z},a.Children.map(v,e=>r.default.createElement("div",{style:S,className:"rfm-child"},e))),X(j-1)),r.default.createElement("div",{className:"rfm-marquee",style:R},X(j))):null});t.Z=i}},function(e){e.O(0,[6292,350,2888,9774,179],function(){return e(e.s=21271)}),_N_E=e.O()}]);