{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/p0o8eU5OU4LP1s9WXITf/AiYXZcT5igPhPHewepMM/ImageFetch.js"],
  "sourcesContent": ["// ImageList.tsx\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";// ImageList \uCEF4\uD3EC\uB10C\uD2B8 \uC815\uC758\nfunction ImageList(props){const{brand,image_name}=props;const[images,setImages]=useState([]);const[loading,setLoading]=useState(true);const[error,setError]=useState(null);useEffect(()=>{const AIRTABLE_API_KEY=\"patccGSykGGcZJD6B.aeef32b9558b8933e531ee1256829134222f9565bd5a3b87b25d8065039c240c\";const AIRTABLE_BASE_ID=\"appWxelX6b0gRNnku\";const AIRTABLE_TABLE_NAME=\"tblrGWMiVI5aUwrfz\";const filterFormula=`AND({brand} = '${brand}', {image_name} = '${image_name}')`;const url=`https://api.airtable.com/v0/${AIRTABLE_BASE_ID}/${AIRTABLE_TABLE_NAME}?filterByFormula=${encodeURIComponent(filterFormula)}`;const fetchImages=async()=>{try{const response=await fetch(url,{headers:{Authorization:`Bearer ${AIRTABLE_API_KEY}`,\"Content-Type\":\"application/json\"}});if(!response.ok){const errorData=await response.json();console.error(\"Airtable \uC5D0\uB7EC:\",errorData);throw new Error(`HTTP error! Status: ${response.status}`);}const data=await response.json();console.log(\"Fetched images:\",data.records);if(data.records){setImages(data.records);}}catch(err){console.error(\"Airtable\uC5D0\uC11C \uB370\uC774\uD130\uB97C \uAC00\uC838\uC624\uB294 \uC911 \uC624\uB958 \uBC1C\uC0DD:\",err.message);setError(\"\uB370\uC774\uD130\uB97C \uAC00\uC838\uC624\uB294 \uC911 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.\");}finally{setLoading(false);}};fetchImages();},[brand,image_name]);if(loading){return /*#__PURE__*/_jsx(\"div\",{children:\"\uB85C\uB529 \uC911...\"});}if(error){return /*#__PURE__*/_jsx(\"div\",{style:{color:\"red\"},children:error});}if(images.length===0){return /*#__PURE__*/_jsx(\"div\",{children:\"\uD574\uB2F9 \uC870\uAC74\uC5D0 \uB9DE\uB294 \uC774\uBBF8\uC9C0\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.\"});}return /*#__PURE__*/_jsx(\"div\",{children:images.map(record=>/*#__PURE__*/_jsx(\"img\",{src:record.fields.image&&record.fields.image.length>0?record.fields.image[0].url:\"/default-thumbnail.jpg\",alt:record.fields.image_name,style:{width:\"100%\",height:\"auto\",marginBottom:\"16px\"}},`image-item-${record.id}`))});}// Property Controls \uCD94\uAC00\naddPropertyControls(ImageList,{brand:{type:ControlType.String,title:\"Brand\",defaultValue:\"\uB290\uB8E8\uC9D1\"},image_name:{type:ControlType.String,title:\"Image Name\",defaultValue:\"\uC9C4\uC9DC\uB2ED\uAC08\uBE44\"}});// \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uBCF4\uB0B4\uAE30\nexport default ImageList;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageList\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageFetch.map"],
  "mappings": "sEAEA,SAASA,EAAUC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,WAAAC,CAAU,EAAEF,EAAW,CAACG,EAAOC,CAAS,EAAEC,EAAS,CAAC,CAAC,EAAO,CAACC,EAAQC,CAAU,EAAEF,EAAS,EAAI,EAAO,CAACG,EAAMC,CAAQ,EAAEJ,EAAS,IAAI,EAAqgC,OAAngCK,EAAU,IAAI,CAAC,IAAMC,EAAiB,qFAA2FC,EAAiB,oBAA0BC,EAAoB,oBAA0BC,EAAc,kBAAkBb,CAAK,sBAAsBC,CAAU,KAAWa,EAAI,+BAA+BH,CAAgB,IAAIC,CAAmB,oBAAoB,mBAAmBC,CAAa,CAAC,IAAqB,SAAS,CAAC,GAAG,CAAC,IAAME,EAAS,MAAM,MAAMD,EAAI,CAAC,QAAQ,CAAC,cAAc,UAAUJ,CAAgB,GAAG,eAAe,kBAAkB,CAAC,CAAC,EAAE,GAAG,CAACK,EAAS,GAAG,CAAC,IAAMC,EAAU,MAAMD,EAAS,KAAK,EAAE,cAAQ,MAAM,yBAAeC,CAAS,EAAQ,IAAI,MAAM,uBAAuBD,EAAS,MAAM,EAAE,CAAE,CAAC,IAAME,EAAK,MAAMF,EAAS,KAAK,EAAE,QAAQ,IAAI,kBAAkBE,EAAK,OAAO,EAAKA,EAAK,SAASd,EAAUc,EAAK,OAAO,CAAG,OAAOC,EAAI,CAAC,QAAQ,MAAM,2GAAgCA,EAAI,OAAO,EAAEV,EAAS,mHAAyB,CAAE,QAAC,CAAQF,EAAW,EAAK,CAAE,CAAC,GAAc,CAAE,EAAE,CAACN,EAAMC,CAAU,CAAC,EAAKI,EAA6Bc,EAAK,MAAM,CAAC,SAAS,wBAAS,CAAC,EAAMZ,EAA2BY,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,EAAE,SAASZ,CAAK,CAAC,EAAML,EAAO,SAAS,EAAuBiB,EAAK,MAAM,CAAC,SAAS,iGAAsB,CAAC,EAAuBA,EAAK,MAAM,CAAC,SAASjB,EAAO,IAAIkB,GAAqBD,EAAK,MAAM,CAAC,IAAIC,EAAO,OAAO,OAAOA,EAAO,OAAO,MAAM,OAAO,EAAEA,EAAO,OAAO,MAAM,CAAC,EAAE,IAAI,yBAAyB,IAAIA,EAAO,OAAO,WAAW,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,aAAa,MAAM,CAAC,EAAE,cAAcA,EAAO,EAAE,EAAE,CAAC,CAAC,CAAC,CAAE,CAC3sDC,EAAoBvB,EAAU,CAAC,MAAM,CAAC,KAAKwB,EAAY,OAAO,MAAM,QAAQ,aAAa,oBAAK,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,aAAa,gCAAO,CAAC,CAAC,EAC7K,IAAOC,EAAQzB",
  "names": ["ImageList", "props", "brand", "image_name", "images", "setImages", "ye", "loading", "setLoading", "error", "setError", "ue", "AIRTABLE_API_KEY", "AIRTABLE_BASE_ID", "AIRTABLE_TABLE_NAME", "filterFormula", "url", "response", "errorData", "data", "err", "p", "record", "addPropertyControls", "ControlType", "ImageFetch_default"]
}