{"version":3,"file":"Examples.BWOYRyTX.mjs","names":["React.useContext","React.useMemo","React.Fragment","useRef","React.useId","RichText","Image"],"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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"}