{"version":3,"file":"8198-ce15a96aced9f4945a38.js","mappings":"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","sources":["webpack://hyve/./src/helpers/variants.ts","webpack://hyve/./src/hoc/withMotion.tsx","webpack://hyve/./src/stories/Widgets/StickyInfoCTA/StickyInfoCTA.styles.ts","webpack://hyve/./src/stories/Widgets/StickyInfoCTA/StickyInfoCTA.tsx"],"sourcesContent":["export function verticalFadeIn(amount, duration, delay) {\r\n    const hiddenTransition = {\r\n        duration: duration ? duration / 2 : 0.3,\r\n        staggerChildren: 0.1,\r\n    };\r\n    if (delay !== undefined)\r\n        hiddenTransition['delay'] = delay;\r\n    const visibleTransition = {\r\n        duration: duration ?? 0.6,\r\n        staggerChildren: 0.15,\r\n    };\r\n    if (delay !== undefined)\r\n        visibleTransition['delay'] = delay;\r\n    return {\r\n        hidden: {\r\n            y: amount ?? 30,\r\n            opacity: 0,\r\n            transition: hiddenTransition,\r\n        },\r\n        visible: {\r\n            y: 0,\r\n            opacity: 1,\r\n            transition: visibleTransition,\r\n        },\r\n    };\r\n}\r\nexport function horizontalFadeIn(amount, duration) {\r\n    return {\r\n        hidden: {\r\n            x: amount ?? -30,\r\n            opacity: 0,\r\n        },\r\n        visible: {\r\n            x: 0,\r\n            opacity: 1,\r\n            transition: { duration: duration ?? 0.6 },\r\n        },\r\n    };\r\n}\r\nexport function scaleFadeIn(amount, duration) {\r\n    return {\r\n        hidden: {\r\n            scale: amount ?? 2,\r\n            opacity: 0,\r\n            transition: { duration: duration ?? 0.4 },\r\n        },\r\n        visible: {\r\n            scale: 1,\r\n            opacity: 1,\r\n            transition: { duration: duration ?? 0.6, staggerChildren: 0.15 },\r\n        },\r\n    };\r\n}\r\nexport function staggerChildren(staggerDuration, delay) {\r\n    return {\r\n        hidden: {\r\n            opacity: 1,\r\n            transition: {\r\n                duration: 0.6,\r\n                staggerChildren: staggerDuration ? staggerDuration : 0.1,\r\n                delayChildren: delay ? delay : 0,\r\n            },\r\n        },\r\n        visible: {\r\n            opacity: 1,\r\n            transition: {\r\n                duration: 0.6,\r\n                staggerChildren: staggerDuration ?? 0.15,\r\n                delayChildren: delay ? delay : 0,\r\n            },\r\n        },\r\n    };\r\n}\r\nexport function scaleIn(amount, duration) {\r\n    return {\r\n        hidden: {\r\n            scale: amount ?? 2,\r\n            transition: { duration: duration ?? 0.4 },\r\n        },\r\n        visible: {\r\n            scale: 1,\r\n            transition: { duration: duration ?? 0.6, staggerChildren: 0.15 },\r\n        },\r\n    };\r\n}\r\n","import { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotion = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n    return ComponentWithMotion;\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { fluidAdjusted } from '@helpers/fluid';\r\nimport { Device } from '@helpers/media';\r\nimport { h5, paragraphSmall } from '@helpers/typography';\r\nimport { verticalFadeIn } from '@helpers/variants';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/GeneralButton/Button.styles';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Container = styled(m.div).attrs(() => ({\r\n    initial: 'hidden',\r\n    animate: 'visible',\r\n    variants: verticalFadeIn(35),\r\n})) `\r\n  position: fixed;\r\n  z-index: 10;\r\n  bottom: 15px;\r\n  right: 15px;\r\n\r\n  display: flex;\r\n  color: ${brand.buff.buff1};\r\n  width: max-content;\r\n  max-width: 100%;\r\n  --buttonHeight: ${fluidAdjusted(71, 103, Device.Mobile, Device.ActualDesktop)};\r\n\r\n  ${ButtonStyles.LeftEnd}, ${ButtonStyles.RightEnd} {\r\n    width: ${fluidAdjusted(24, 35, Device.Mobile, Device.ActualDesktop)};\r\n  }\r\n\r\n  ${ButtonStyles.Fill} {\r\n    width: 100%;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: ${brand.buff.buff1};\r\n  color: ${brand.secondary.red5};\r\n  padding: 5px 10px;\r\n`;\r\nconst Caption = styled.div `\r\n  ${paragraphSmall};\r\n  font-weight: 900;\r\n  margin: 0;\r\n  text-align: center;\r\n`;\r\nconst Main = styled.div `\r\n  ${h5}\r\n  margin: 0;\r\n  display: grid;\r\n  grid-template-columns: 25px 1fr;\r\n  &[data-direction] {\r\n    grid-template-columns: 1fr 25px;\r\n  }\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: ${brand.black};\r\n\r\n  &[data-direction='up'] {\r\n    gap: 15px;\r\n    svg {\r\n      height: ${fluidAdjusted(25, 35, Device.Mobile, Device.ActualDesktop)};\r\n      color: ${brand.tertiary.green};\r\n    }\r\n  }\r\n\r\n  &[data-direction='down'] {\r\n    gap: 15px;\r\n    svg {\r\n      height: ${fluidAdjusted(25, 35, Device.Mobile, Device.ActualDesktop)};\r\n      color: ${brand.secondary.red2};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    position: relative;\r\n    top: 3px;\r\n    height: ${fluidAdjusted(12, 15)};\r\n  }\r\n`;\r\nconst Link = styled.a `\r\n  text-decoration: none;\r\n`;\r\nexport const StickyInfoCTAStyles = {\r\n    Container,\r\n    Content,\r\n    Caption,\r\n    Link,\r\n    Main,\r\n};\r\n","import React from 'react';\r\nimport { StickyInfoCTAStyles as S } from './StickyInfoCTA.styles';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/GeneralButton/Button.styles';\r\nimport SvgButtonFill from '@img/icons/button_end_inner.svg';\r\nimport { SystemIcon, getSvgFromSystem } from '@helpers/systemIcons';\r\nimport { withMotion } from '@hoc/withMotion';\r\nconst StickyInfoCTA = ({ caption, cta }) => {\r\n    const Inner = (React.createElement(S.Container, null,\r\n        React.createElement(ButtonStyles.LeftEnd, null,\r\n            React.createElement(ButtonStyles.Fill, null,\r\n                React.createElement(SvgButtonFill, null))),\r\n        React.createElement(S.Content, null,\r\n            caption && React.createElement(S.Caption, null, caption),\r\n            cta ? (React.createElement(S.Main, null,\r\n                getSvgFromSystem(SystemIcon.ArrowRight),\r\n                \" \",\r\n                React.createElement(\"span\", null, cta.text))) : (React.createElement(React.Fragment, null))),\r\n        React.createElement(ButtonStyles.RightEnd, null,\r\n            React.createElement(ButtonStyles.Fill, null,\r\n                React.createElement(SvgButtonFill, null)))));\r\n    return cta ? (React.createElement(S.Link, { href: cta.url || '#', target: cta.target }, Inner)) : (Inner);\r\n};\r\nexport default withMotion(StickyInfoCTA);\r\n"],"names":["verticalFadeIn","amount","duration","delay","hiddenTransition","staggerChildren","undefined","visibleTransition","hidden","y","opacity","transition","visible","horizontalFadeIn","x","scaleFadeIn","scale","staggerDuration","delayChildren","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","props","React","LazyMotion","features","domAnimation","strict","Container","styled","m","attrs","initial","animate","variants","withConfig","componentId","brand","fluidAdjusted","Device","ButtonStyles","Content","Caption","paragraphSmall","Main","h5","StickyInfoCTAStyles","Link","_ref","caption","cta","Inner","S","SvgButtonFill","getSvgFromSystem","SystemIcon","text","href","url","target"],"sourceRoot":""}