{"version":3,"file":"Ots_Formiframe.BeKqOBfb.mjs","names":["React.useState","React.useCallback","_Fragment"],"sources":["https:/framerusercontent.com/modules/U46SjoqDntTR4OvXTtll/rEju0WKDmgVRh8PX3TR7/Ots_Formiframe.js"],"sourcesContent":["// OtsIframeForm.tsx\n// DIGIENS - OTONOM SISTEM LP · MERKEZI IFRAME FORM (CRM)\n// Sayfaya BIR KEZ eklenir. '.ots-cta' sinifli TUM butonlari, [data-otsform]\n// ogelerini ve href'inde #kayit gecen linkleri yakalar; modal acilir ve\n// CRM formu iframe icinde yuklenir. Form URL panelden girilir:\n// https://staging-crm.digiens.com/iframe/form/<slug>\n// Iframe ilk acilista yuklenir (sayfa performansini etkilemez).\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function OtsIframeForm(props){const{formUrl,tetikSecici,yukseklik,altin}=props;const[acik,setAcik]=React.useState(false);const[yuklendi,setYuklendi]=React.useState(false);const[srcHazir,setSrcHazir]=React.useState(false);const kapat=React.useCallback(()=>{setAcik(false);},[]);// tiklama yakalayici: tum sayfadaki tetikleyiciler\nReact.useEffect(()=>{if(typeof document===\"undefined\")return;const secici=(tetikSecici||\"\").trim()||\".ots-cta, [data-otsform], a[href*='#kayit']\";const dinle=e=>{const hedef=e.target;if(!hedef||!hedef.closest)return;const t=hedef.closest(secici);if(!t)return;e.preventDefault();e.stopPropagation();setSrcHazir(true);setAcik(true);};document.addEventListener(\"click\",dinle,true);return()=>document.removeEventListener(\"click\",dinle,true);},[tetikSecici]);// ESC ile kapat + govde kaydirma kilidi\nReact.useEffect(()=>{if(typeof document===\"undefined\")return;if(!acik)return;const esc=e=>{if(e.key===\"Escape\")kapat();};document.addEventListener(\"keydown\",esc);const eskiOverflow=document.body.style.overflow;document.body.style.overflow=\"hidden\";return()=>{document.removeEventListener(\"keydown\",esc);document.body.style.overflow=eskiOverflow;};},[acik,kapat]);const rootStyle={\"--altin\":altin||\"#D4A843\",\"--altin-parlak\":\"#F0C96A\",\"--kart\":\"#14141D\",\"--krem\":\"#F5F0E6\",\"--h\":`${yukseklik||620}px`};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:CSS}),/*#__PURE__*/_jsx(\"div\",{style:rootStyle,children:acik?/*#__PURE__*/_jsx(\"div\",{className:\"otsif-ortu\",onClick:e=>{if(e.target===e.currentTarget)kapat();},role:\"dialog\",\"aria-modal\":\"true\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"otsif-kart\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"otsif-beam\",\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",className:\"otsif-kapat\",onClick:kapat,\"aria-label\":\"Kapat\",children:/*#__PURE__*/_jsx(\"svg\",{viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M6 6 L18 18 M18 6 L6 18\"})})}),!yuklendi?/*#__PURE__*/_jsx(\"div\",{className:\"otsif-bekle\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"span\",{className:\"otsif-spin\"})}):null,srcHazir&&formUrl?/*#__PURE__*/_jsx(\"iframe\",{className:\"otsif-frame\",src:formUrl,title:\"Kayıt Formu\",onLoad:()=>setYuklendi(true),allow:\"clipboard-write\"}):/*#__PURE__*/_jsx(\"div\",{className:\"otsif-bos\",children:'Form adresi girilmedi. Panelden \"Form URL\" alanını doldurun.'})]})}):null})]});}const CSS=`\n.otsif-ortu {\n    position: fixed; inset: 0; z-index: 2147483000;\n    display: flex; align-items: center; justify-content: center;\n    padding: 18px;\n    background: rgba(4,4,8,0.74);\n    backdrop-filter: blur(7px);\n    -webkit-backdrop-filter: blur(7px);\n    animation: otsifGir 200ms ease-out;\n}\n@keyframes otsifGir {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n.otsif-kart {\n    position: relative;\n    width: min(480px, 96vw);\n    max-height: min(var(--h), 88vh);\n    height: min(var(--h), 88vh);\n    border-radius: 20px;\n    overflow: hidden;\n    background: var(--kart);\n    border: 1px solid rgba(212,168,67,0.32);\n    box-shadow: 0 40px 90px -30px rgba(0,0,0,0.95),\n        0 0 70px -28px rgba(212,168,67,0.45),\n        inset 0 1px 0 rgba(240,201,106,0.16);\n    animation: otsifKart 240ms cubic-bezier(0.21, 0.9, 0.35, 1.1);\n}\n@keyframes otsifKart {\n    from { opacity: 0; transform: translateY(14px) scale(0.985); }\n    to { opacity: 1; transform: none; }\n}\n.otsif-beam {\n    position: absolute; top: 0; left: 18%; right: 18%; height: 1.5px;\n    z-index: 2;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, rgba(240,201,106,0.9), transparent);\n    box-shadow: 0 0 18px 1px rgba(240,201,106,0.45);\n}\n.otsif-kapat {\n    position: absolute; top: 12px; right: 12px; z-index: 3;\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 34px; height: 34px;\n    border-radius: 999px;\n    border: 1px solid rgba(245,240,230,0.18);\n    background: rgba(20,20,29,0.85);\n    color: rgba(245,240,230,0.85);\n    cursor: pointer;\n    transition: border-color 160ms ease, color 160ms ease,\n        transform 160ms ease;\n}\n.otsif-kapat:hover {\n    border-color: rgba(240,201,106,0.6);\n    color: var(--altin-parlak);\n    transform: rotate(90deg);\n}\n.otsif-kapat svg { width: 15px; height: 15px; }\n.otsif-frame {\n    display: block;\n    width: 100%; height: 100%;\n    border: 0;\n    background: transparent;\n}\n.otsif-bekle {\n    position: absolute; inset: 0; z-index: 1;\n    display: flex; align-items: center; justify-content: center;\n    background: var(--kart);\n}\n.otsif-spin {\n    width: 34px; height: 34px;\n    border-radius: 50%;\n    border: 2.5px solid rgba(212,168,67,0.2);\n    border-top-color: var(--altin-parlak);\n    animation: otsifDon 0.8s linear infinite;\n}\n@keyframes otsifDon { to { transform: rotate(360deg); } }\n.otsif-bos {\n    display: flex; align-items: center; justify-content: center;\n    height: 100%;\n    padding: 30px;\n    text-align: center;\n    font-family: \"Poppins\", sans-serif;\n    font-weight: 400; font-size: 14px; line-height: 1.6;\n    color: rgba(245,240,230,0.7);\n}\n@media (max-width: 560px) {\n    .otsif-ortu { padding: 12px; align-items: flex-end; }\n    .otsif-kart {\n        width: 100%;\n        height: min(var(--h), 84vh);\n        max-height: min(var(--h), 84vh);\n        border-radius: 20px 20px 14px 14px;\n    }\n}\n`;OtsIframeForm.defaultProps={formUrl:\"\",tetikSecici:\"\",yukseklik:620,altin:\"#D4A843\"};addPropertyControls(OtsIframeForm,{formUrl:{type:ControlType.String,title:\"Form URL\",description:\"https://staging-crm.digiens.com/iframe/form/<slug>\"},tetikSecici:{type:ControlType.String,title:\"Tetikleyici\",description:\"Boş: .ots-cta, [data-otsform], a[href*='#kayit']\"},yukseklik:{type:ControlType.Number,title:\"Form Y\\xfcksekliği\",min:400,max:900,step:10},altin:{type:ControlType.Color,title:\"Altın\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"OtsIframeForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ots_Formiframe.map"],"mappings":"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"}