https://www.ff.com/dist/widgets/C10CenterMessage.v1026.835f0db6129b43ffbdd8.js

1"use strict";(self.webpackChunkgenesis=self.webpackChunkgenesis||[]).push([[3223],{3134:function(e,t,i){i.r(t),i.d(t,{default:function(){return l}});var a=i(97791),n=i.n(a),o=i(56319),r=i(99889);n().schema=o.A,n().defaultProps=(0,r.default)(o.A.propsSchema);var l=n()},45158:function(e,t,i){i.r(t);var a=i(51609);t.default=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const[n,o]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!e.current)return o(!0),()=>{};if("undefined"==typeof IntersectionObserver)return o(!0),()=>{};const a=new IntersectionObserver(e=>{e.forEach(e=>{o(e.isIntersecting)})},{root:null,rootMargin:t,threshold:i});return a.observe(e.current),()=>{a.disconnect()}},[e,t,i,o]),n}},56319:function(e,t,i){var a=i(61657),n=[{key:"background",label:"Background",type:a.COMPONENT_VALUE_TYPES.OBJECT,children:[{key:"useBackgroundColor",label:"Use Background Color",type:a.COMPONENT_VALUE_TYPES.BOOLEAN},{key:"backgroundColor",label:"Background Color",type:a.COMPONENT_VALUE_TYPES.COLOR_PICKER},{key:"desktopImage",label:"Desktop Background Image",type:a.COMPONENT_VALUE_TYPES.S3_ASSET_URL},{key:"tabletImage",label:"Tablet Background Image",type:a.COMPONENT_VALUE_TYPES.S3_ASSET_URL}

1,{key:"mobileImage",label:"Mobile Background Image",type:a.COMPONENT_VALUE_TYPES.S3_ASSET_URL}]},{key:"subtitle",label:"Subtitle",type:a.COMPONENT_VALUE_TYPES.OBJECT,children:[{key:"text",label:"Subtitle Text",type:a.COMPONENT_VALUE_TYPES.TEXT},{key:"color",label:"Subtitle Color",type:a.COMPONENT_VALUE_TYPES.COLOR_PICKER},{key:"gradient",label:"Subtitle Gradient",type:a.COMPONENT_VALUE_TYPES.TEXT,tooltip:"CSS gradient string. If provided, gradient will be used instead of color. Example: linear-gradient(90deg, #FFD9A5, #FFA500)"}]},{key:"title",label:"Title",type:a.COMPONENT_VALUE_TYPES.OBJECT,children:[{key:"text",label:"Title Text",type:a.COMPONENT_VALUE_TYPES.TEXT},{key:"color",label:"Title Color",type:a.COMPONENT_VALUE_TYPES.COLOR_PICKER},{key:"gradient",label:"Title Gradient",type:a.COMPONENT_VALUE_TYPES.TEXT,tooltip:"CSS gradient string. If provided, gradient will be used instead of color. Example: linear-gradient(90deg, #FFD9A5, #FFA500)"}]},{key:"description",label:"Description",type:a.COMPONENT_VALUE_TYPES.OBJECT,children:[{key:"text",label:"Description Text",type:a.COMPONENT_VALUE_TYPES.TEXTAREA,options:{rows:6}},{key:"color",label:"Description Color",type:a.COMPONENT_VALUE_TYPES.COLOR_PICKER}]},{key:"animation",label:"Animation",type:a.COMPONENT_VALUE_TYPES.OBJECT,children:[{key:"enabled",label:"Enable Animation",type:a.COMPONENT_VALUE_TYPES.BOOLEAN},{key:"type",label:"Animation Type",type:a.COMPONENT_VALUE_TYPES.ENUM,options:["FADE","SLIDE","SCALE"]},{key:"direction",label:"Direction (for Slide)",type:a.COMPONENT_VALUE_TYPES.ENUM,options:a.DIRECTIONS},{key:"duration",label:"Duration (s)",type:a.COMPONENT_VALUE_TYPES.TEXT},{key:"initialDelay",label:"Initial Delay (s)",type:a.COMPONENT_VALUE_TYPES.TEXT},{key:"stagger",label:"Stagger Delay (s)",type:a.COMPONENT_VALUE_TYPES.TEXT,tooltip:"Delay between each item's animation start."},{key:"animateHeader",label:"Animate Header",type:a.COMPONENT_VALUE_TYPES.BOOLEAN},{key:"animateBlocks",label:"Animate Content",type:a.COMPONENT_VALUE_TYPES.BOOLEAN}]}];t.A={title:"C10 Center Message",id:"C10CenterMessage",propsSchema:n,defaultProps:{background:{useBackgroundColor:!1,backgroundColor:"#000000",desktopImage:"https://genesis-cdn.ff.com/cxc10/dark-gold-streaks-default.jpg",tabletImage:"",mobileImage:""},subtitle:{text:"The C10 Index is more than just a crypto portfolio Index",color:"#827667"},title:{text:"It's a Weathervane of Future Asset Value and Wealth Trends",color:"#FFD9A5",gradient:"linear-gradient(91.11deg, #FFD9A5 8.89%, #AA9271 39.64%, #605240 82.09%)"},description:{text:"Centered on Bitcoin and Ethereum, the C10 Index includes the top ten cryptocurrencies by free-float market capitalization, excluding stablecoins. It is calculated using market-cap weighted rules, with a maximum 50% allocation to any single asset. Each cryptocurrency's weight and price are dynamically adjusted according to market fluctuations, providing investors with a diversified and comprehensive reference for crypto allocation.",color:"#8B8B8B"},animation:{enabled:!1,type:"SLIDE",direction:"UP",duration:.8,initialDelay:0,stagger:.2,animateHeader:!0,animateBlocks:!0}}}},97791:function(e,t,i){var a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,i=1,a=arguments.length;i<a;i++)for(var n in t=arguments[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)},n=this&&this.__createBinding||(Object.create?function(e,t,i,a){void 0===a&&(a=i);var n=Object.getOwnPropertyDescriptor(t,i);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,a,n)}:function(e,t,i,a){void 0===a&&(a=i),e[a]=t[i]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&n(t,e,i);return o(t,e),t}

1,l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var d=r(i(51609)),c=i(83870),u=l(i(81751)),s=l(i(95415)),p=l(i(45158));t.default=function C10CenterMessage(e){var t=e.background,i=e.subtitle,a=e.title,n=e.description,o=e.animation,r=(0,d.useRef)(null),l=(0,p.default)(r,"0px",.1),c=(0,d.useState)(!1),u=c[0],s=c[1];(0,d.useEffect)(function(){l&&!u&&s(!0)},[l,u]);var T=o||{},O=T.enabled,C=void 0!==O&&O,k=T.type,_=void 0===k?"SLIDE":k,h=T.direction,S=void 0===h?"UP":h,P=T.duration,x=void 0===P?.8:P,v=T.initialDelay,N=void 0===v?0:v,A=T.stagger,I=void 0===A?.2:A,L=T.animateHeader,M=void 0===L||L,B=T.animateBlocks,U=void 0===B||B,D="string"==typeof x?parseFloat(x):x,V="string"==typeof N?parseFloat(N):N,Y=("string"==typeof I&&parseFloat(I),(null==t?void 0:t.useBackgroundColor)||!1),w=(null==t?void 0:t.backgroundColor)||"#000000",F=null==t?void 0:t.desktopImage,R=null==t?void 0:t.tabletImage,j=null==t?void 0:t.mobileImage;return d.default.createElement(E,{ref:r,useBackgroundColor:Y,backgroundColor:w,desktopImage:F,tabletImage:R,mobileImage:j},d.default.createElement(f,null,(null==i?void 0:i.text)&&d.default.createElement(g,{isVisible:!C||u,type:_,direction:S,duration:D,delay:V,enabled:C&&M},d.default.createElement(b,{subtitleColor:(null==i?void 0:i.color)||"#827667",gradient:null==i?void 0:i.gradient},i.text)),(null==a?void 0:a.text)&&d.default.createElement(g,{isVisible:!C||u,type:_,direction:S,duration:D,delay:V+.1,enabled:C&&M},d.default.createElement(m,{titleColor:(null==a?void 0:a.color)||"#FFD9A5",gradient:null==a?void 0:a.gradient},a.text)),(null==n?void 0:n.text)&&d.default.createElement(g,{isVisible:!C||u,type:_,direction:S,duration:D,delay:V+(M?.2:0),enabled:C&&U},d.default.createElement(y,{descriptionColor:(null==n?void 0:n.color)||"#8B8B8B"},n.text))))};var g=(0,c.styled)(u.default)(function(e){var t=e.isVisible,i=e.type,a=e.direction,n=e.duration,o=e.delay,r=e.enabled,l="none",d=t?1:0;if(r&&!t)if("SLIDE"===i)switch(a){case"UP":default:l="translateY(20px)";break;case"DOWN":l="translateY(-20px)";break;case"LEFT":l="translateX(20px)";break;case"RIGHT":l="translateX(-20px)"}else"SCALE"===i&&(l="scale(0.95)");return{opacity:r?d:1,transform:r?t?"none":l:"none",transition:r?"opacity ".concat(n,"s ease-out ").concat(o,"s, transform ").concat(n,"s ease-out ").concat(o,"s"):"none",width:"100%",display:"flex",flexDirection:"column",alignItems:"center"}}),E=(0,c.styled)(u.default)(function(e){var t,i=e.theme,a=e.useBackgroundColor,n=e.backgroundColor,o=e.desktopImage,r=e.tabletImage,l=e.mobileImage;return(t={position:"relative",width:"100%",minHeight:"100vh",backgroundColor:a?n:"#000000",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundImage:!a&&(l?"url(".concat(l,")"):r?"url(".concat(r,")"):o?"url(".concat(o,")"):void 0),padding:"30px 15px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"})[i.mediaQueries.sm]={backgroundImage:!a&&(r?"url(".concat(r,")"):o?"url(".concat(o,")"):void 0),padding:"40px 20px"},t[i.mediaQueries.md]={backgroundImage:!a&&(o?"url(".concat(o,")"):void 0),padding:"60px 40px"},t}),f=(0,c.styled)(u.default)(function(e){var t,i=e.theme;return(t={width:"100%",maxWidth:"754px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"20px",textAlign:"center"})[i.mediaQueries.sm]={gap:"24px"},t[i.mediaQueries.md]={gap:"30px"},t}),b=(0,c.styled)(s.default)(function(e){var t,i=e.theme,n=e.subtitleColor,o=e.gradient;return a(a({fontSize:"24px",lineHeight:1.3,fontWeight:400,width:"100%"},o&&o.trim()?{background:o,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"}:{color:n||"#827667"}),((t={})[i.mediaQueries.sm]={fontSize:"28px"},t[i.mediaQueries.md]={fontSize:"30px"},t))}),m=(0,c.styled)(s.default)(function(e){var t,i=e.theme,n=e.titleColor,o=e.gradient;return a(a({fontSize:"28px",lineHeight:1.3,fontWeight:400,paddingBottom:"52px",paddingLeft:"25px",paddingRight:"25px",width:"100%",whiteSpace:"pre-line"}

1,o&&o.trim()?{background:o,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",backgroundClip:"text"}:{color:n||"#FFD9A5"}),((t={})[i.mediaQueries.sm]={fontSize:"32px"},t[i.mediaQueries.md]={fontSize:"36px"},t))}),y=(0,c.styled)(s.default)(function(e){var t,i=e.theme;return(t={fontSize:"16px",lineHeight:1.6,fontWeight:400,color:e.descriptionColor||"#8B8B8B",width:"100%",paddingLeft:"20px",paddingRight:"20px",whiteSpace:"pre-line"})[i.mediaQueries.sm]={fontSize:"17px"},t[i.mediaQueries.md]={fontSize:"18px"},t})}}]);
2//# sourceMappingURL=C10CenterMessage.v1026.835f0db6129b43ffbdd8.js.map