{"version":3,"file":"webpack-chunks/chunk.1597.0b822cb487e3ff8d8c78.js","mappings":"6KAEA,MAAMA,GAAiBC,EAAAA,EAAAA,eAAc,MAE9B,SAASC,IACf,MAAMC,GAAUC,EAAAA,EAAAA,YAAWJ,GAC3B,QAAgBK,IAAZF,EACH,MAAM,IAAIG,MAAM,6BAKjB,OAAOH,EAGD,SAASI,GAAgB,SAAEC,EAAF,YAAYC,EAAc,YACzD,MAAOC,EAAeC,IAAoBC,EAAAA,EAAAA,UAAS,OAC5CC,EAAMC,IAAWF,EAAAA,EAAAA,UAASH,GAE3BM,EAAQ,CACbL,cAAAA,EACAC,iBAAmBI,IAElBJ,EAAiBI,IAElBF,KAAAA,EACAC,QAAAA,GAED,OACC,oBAACd,EAAegB,SAAhB,CAAyBD,MAAOA,GAAQP,K,6GCzB3B,SAASS,GAAa,SAAET,EAAF,GAAYU,EAAZ,WAAgBC,KAAeC,IACnE,MAAM,cAAEV,EAAF,iBAAiBC,IAAqBT,EAAAA,EAAAA,KACtCmB,EAASX,IAAkBQ,EAWjC,OATAI,EAAAA,EAAAA,YAAU,KACLH,GAEHR,EAAiBO,KAEhB,IAKF,2BACCA,GAAIA,EACJK,UAAWC,GAAAA,CAAY,IAAEH,EAAS,GAAK,UAAY,iBAElDb","sources":["webpack://wfp-usa/./wp-content/themes/tombras/blocks/components/hotspot/context/index.jsx","webpack://wfp-usa/./wp-content/themes/tombras/blocks/components/hotspot/inner-blocks/hotspot-item/components/Panel.jsx"],"sourcesContent":["import { createContext, useContext, useState } from \"react\";\n\nconst HotspotContext = createContext(null);\n\nexport function useHotspot() {\n\tconst context = useContext(HotspotContext);\n\tif (context === undefined) {\n\t\tthrow new Error(\"Hotspot context not found\");\n\t}\n\n\tconsole.log(\"context\", context);\n\n\treturn context;\n}\n\nexport function HotspotProvider({ children, defaultSize = \"h-8 w-8\" }) {\n\tconst [activeHotspot, setActiveHotspot] = useState(null);\n\tconst [size, setSize] = useState(defaultSize);\n\n\tconst value = {\n\t\tactiveHotspot,\n\t\tsetActiveHotspot: (value) => {\n\t\t\tconsole.log(\"what is the value\", value);\n\t\t\tsetActiveHotspot(value);\n\t\t},\n\t\tsize,\n\t\tsetSize,\n\t};\n\treturn (\n\t\t<HotspotContext.Provider value={value}>{children}</HotspotContext.Provider>\n\t);\n}\n","import { useEffect } from \"react\";\nimport classnames from \"classnames\";\nimport { useHotspot } from \"../../../context/index.jsx\";\n\nexport default function HotspotPanel({ children, id, showOnLoad, ...props }) {\n\tconst { activeHotspot, setActiveHotspot } = useHotspot();\n\tconst active = activeHotspot === id;\n\n\tuseEffect(() => {\n\t\tif (showOnLoad) {\n\t\t\tconsole.log(\"show on load & setting active hotspot to\", id);\n\t\t\tsetActiveHotspot(id);\n\t\t}\n\t}, []);\n\n\tconsole.log(\"hotspot id\", activeHotspot, id, activeHotspot === id);\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclassName={classnames(`${active ? \"\" : \"hidden\"}`, \"px-4 lg:px-0\")}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["HotspotContext","createContext","useHotspot","context","useContext","undefined","Error","HotspotProvider","children","defaultSize","activeHotspot","setActiveHotspot","useState","size","setSize","value","Provider","HotspotPanel","id","showOnLoad","props","active","useEffect","className","classnames"],"sourceRoot":""}