{"version":3,"file":"Examples.DEctIlT2.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image","__esmMin","init_npm_react_18_3_1","x","oe","pe","ie","de","p","J","init_jsx_runtime","motion","MotionConfigContext","LayoutGroup","init_framer_motion_DhsWWWsN","init_framer_BWFVvmND","getLoadingLazyAtYPosition","cx","Image$1","withCSS","useVariantState","useComponentViewport","Link","useLocaleInfo","RichText","addFonts","addPropertyOverrides","variants","nextOverrides","variant","overrides","enabledGestures","serializationHash","variantClassNames","transition1","Transition","Variants","getProps","createLayoutDependency","Framerb7w6TOSp9","init_b7w6TOSp9","config","transition","value","contextValue","props","fallbackRef","refBinding","ref","defaultLayoutId","componentViewport","restProps","layoutDependency","scopingClassNames","layoutId","gestureHandlers","className","classNames","style","baseVariant","gestureVariant","onClickChatTwilio","Component","handleClickChatTwilio","atDisplayBanner","compStyle","onClickBanner","handleClickBanner","init_Examples","banner"],"sources":["https:/framerusercontent.com/modules/lxJIX488kNDDodFZuehd/DP4T38FWkP6b2yskYfIw/b7w6TOSp9.js","https:/framerusercontent.com/modules/O1gwCLV8Oet7XJWBiG79/fTfL4srdEy0SWvSuCTe7/Examples.js"],"sourcesContent":["// Generated by Framer (3266cfb)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,cx,getLoadingLazyAtYPosition,Image,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={puL6ZnZRa:{hover:true}};const serializationHash=\"framer-eNynh\";const variantClassNames={puL6ZnZRa:\"framer-v-1bpi0os\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"puL6ZnZRa\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:\"https://wa.me/5215568268829?text=Hola%20,20necesito%20ayuda%20con%3A\",motionChild:true,nodeId:\"puL6ZnZRa\",openInNewTab:false,scopeId:\"b7w6TOSp9\",children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1bpi0os\",className,classNames)} framer-1qrvo11`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"puL6ZnZRa\",ref:refBinding,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,...style},variants:{\"puL6ZnZRa-hover\":{backgroundColor:\"rgb(0, 202, 186)\"}},...addPropertyOverrides({\"puL6ZnZRa-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Link,{href:\"https://wa.me/5215568268829?text=Hola%20,%20necesito%20ayuda%20con%3A\",motionChild:true,nodeId:\"YUWskemsl\",openInNewTab:true,scopeId:\"b7w6TOSp9\",children:/*#__PURE__*/_jsxs(motion.a,{className:\"framer-1bhlnwu framer-1qrvo11\",layoutDependency:layoutDependency,layoutId:\"YUWskemsl\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8},variants:{\"puL6ZnZRa-hover\":{backgroundColor:\"rgb(224, 224, 224)\"}},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UnViaWstNTAw\",\"--framer-font-family\":'\"Rubik\", \"Rubik Placeholder\", sans-serif',\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"22px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(7, 55, 66))\"},children:\"Iniciar WhatsApp\"})}),className:\"framer-13glcgm\",fonts:[\"GF;Rubik-500\"],layoutDependency:layoutDependency,layoutId:\"eB8P03ksx\",style:{\"--extracted-r6o4lv\":\"rgb(7, 55, 66)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:20,intrinsicWidth:18,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(0+((componentViewport?.height||200)-0-55)/2)+22),pixelHeight:20,pixelWidth:18,src:\"https://framerusercontent.com/images/toUpxOEU6DHCAaLz7b1kR3THxwM.png\"},className:\"framer-1bvv0rb\",\"data-framer-name\":\"Image\",layoutDependency:layoutDependency,layoutId:\"v4qgHzbKO\"})]})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-eNynh.framer-1qrvo11, .framer-eNynh .framer-1qrvo11 { display: block; }\",\".framer-eNynh.framer-1bpi0os { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-eNynh .framer-1bhlnwu { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: 55px; justify-content: center; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 209px; will-change: var(--framer-will-change-override, transform); }\",\".framer-eNynh .framer-13glcgm { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 150px; word-break: break-word; word-wrap: break-word; }\",\".framer-eNynh .framer-1bvv0rb { aspect-ratio: 0.9 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 11px); overflow: visible; position: relative; width: 10px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 200\n * @framerIntrinsicWidth 200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"pm_pcnxHH\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerb7w6TOSp9=withCSS(Component,css,\"framer-eNynh\");export default Framerb7w6TOSp9;Framerb7w6TOSp9.displayName=\"help-btn-whastapp\";Framerb7w6TOSp9.defaultProps={height:200,width:200};addFonts(Framerb7w6TOSp9,[{explicitInter:true,fonts:[{family:\"Rubik\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1VU80V4bVkA.woff2\",weight:\"500\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerb7w6TOSp9\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"pm_pcnxHH\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"200\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"200\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./b7w6TOSp9.map","import{jsx as _jsx}from\"react/jsx-runtime\";// Learn more: https://www.framer.com/docs/guides/overrides/\nconst compStyle={display:\"block\"};const handleClickModal=()=>{const modal=document.getElementById(\"customPopUp\");modal.style.display=\"none\";};const handleClickChatTwilio=()=>{document.getElementById(\"btnChat\").click();};const handleClickBanner=()=>{console.log(\"clikc banner handle\");const banner=document.getElementById(\"customBanner\");banner.style.display=\"none\";console.log(banner);};export function onClickChatTwilio(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClickChatTwilio});};}export function atDisplay(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,id:\"customPopUp\",style:compStyle});};}export function atDisplayBanner(Component){console.log(\"inicando banner\");return props=>{return /*#__PURE__*/_jsx(Component,{...props,id:\"customBanner\",style:compStyle});};}export function onClickModal(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClickModal});};}export function onClickBanner(Component){console.log(\"click banner: \");return props=>{return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClickBanner});};}\nexport const __FramerMetadata__ = {\"exports\":{\"atDisplayBanner\":{\"type\":\"reactHoc\",\"name\":\"atDisplayBanner\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"onClickBanner\":{\"type\":\"reactHoc\",\"name\":\"onClickBanner\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"onClickChatTwilio\":{\"type\":\"reactHoc\",\"name\":\"onClickChatTwilio\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"atDisplay\":{\"type\":\"reactHoc\",\"name\":\"atDisplay\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"onClickModal\":{\"type\":\"reactHoc\",\"name\":\"onClickModal\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}