{"version":3,"file":"component---src-pages-index-js-7adf53cddcb844c09fa0.js","mappings":"+KAGA,aAA0BA,GACxB,OAAoB,cAAiB,SAAUC,EAAGC,GAChD,OAAoB,gBAAoB,OAAO,OAAS,CAAC,EAAGD,EAAG,CAC7DC,IAAKA,EACLF,UAAW,IAAWC,EAAED,UAAWA,KAEvC,GACD,C,6RCCKG,GAAYC,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACC,EAAAA,EAAQF,EAAS,GAAzCD,CAA0CI,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,6IAKrCC,EAAAA,GAAYC,QAI7BC,IAAUR,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACO,EAAAA,EAAQR,EAAS,GAAzCD,CAA0CU,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,+QAC/C,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAOC,OAAO,GAKvBP,EAAAA,GAAYC,OAGZD,EAAAA,GAAYQ,OAK7BC,IAAWf,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACO,EAAAA,EAAQR,EAAS,GAAzCD,CAA0CgB,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,4BAqBrDY,IAlBWjB,EAAAA,GAAOkB,IAAGC,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,oDAIbL,EAAAA,GAAOkB,IAAGE,IAAAA,GAAAf,EAAAA,EAAAA,GAAA,qIAIDC,EAAAA,GAAYC,QAIfP,EAAAA,GAAOkB,IAAGG,IAAAA,GAAAhB,EAAAA,EAAAA,GAAA,qGAMjBL,EAAAA,GAAOkB,IAAGI,IAAAA,GAAAjB,EAAAA,EAAAA,GAAA,qHAGAC,EAAAA,GAAYC,OAAS,IAItCgB,IAAYvB,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACsB,EAAAA,EAAQvB,EAAS,GAAzCD,CAA0CyB,IAAAA,GAAApB,EAAAA,EAAAA,GAAA,2SAQrCC,EAAAA,GAAYC,QAQ7BmB,GAAa1B,EAAAA,GAAOkB,IAAGS,IAAAA,GAAAtB,EAAAA,EAAAA,GAAA,gRAWNC,EAAAA,GAAYC,OAAS,GAKtCqB,IAAa5B,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2B,EAAAA,GAAW5B,EAAS,GAA5CD,CAA6C8B,IAAAA,GAAAzB,EAAAA,EAAAA,GAAA,kMAOzCC,EAAAA,GAAYQ,OAK7BiB,IAAiB/B,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC8B,EAAAA,IAAiB/B,EAAS,GAAlDD,CAAmDiC,IAAAA,GAAA5B,EAAAA,EAAAA,GAAA,wCAE9D,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAOsB,OAAO,IAczCC,GAAY,WAAH,OACbjC,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,cAAQ,iBAAsB,sDAC7B,EAECkC,GAAU,WAAH,OAASlC,EAAAA,cAAAA,EAAAA,SAAA,KAAE,4BAA4B,EAC9CmC,GAAU,WAAH,OACXnC,EAAAA,cAAAA,EAAAA,SAAA,KAAE,qRAKAA,EAAAA,cAAA,WACAA,EAAAA,cAAA,WAAM,2NAINA,EAAAA,cAAA,WACAA,EAAAA,cAAA,WAAM,qDAENA,EAAAA,cAAA,WACAA,EAAAA,cAAA,WACC,EAmCL,GAhCqB,WACnB,OACEA,EAAAA,cAACH,EAAS,KACRG,EAAAA,cAACM,GAAO,CAAC8B,GAAG,KAAKC,GAAG,IAAI,0BACtBrC,EAAAA,cAAA,OAAKN,UAAU,wCACbM,EAAAA,cAAA,KAAGN,UAAU,sBACXM,EAAAA,cAACiC,GAAS,OAEZjC,EAAAA,cAAA,MAAIN,UAAU,4CACZM,EAAAA,cAACkC,GAAO,OAEVlC,EAAAA,cAAA,KAAGN,UAAU,6BACXM,EAAAA,cAACmC,GAAO,OAEVnC,EAAAA,cAAC0B,GAAU,CAACY,QAAS,WAAF,OAAQC,EAAAA,EAAAA,UAASC,EAAAA,EAAeC,KAAK,GAAE,cAC7CzC,EAAAA,cAAC6B,GAAc,SAIhC7B,EAAAA,cAACa,GAAQ,CAACuB,GAAG,KAAKC,GAAG,KACnBrC,EAAAA,cAACe,GAAI,KACHf,EAAAA,cAACwB,GAAU,MACXxB,EAAAA,cAAC0C,EAAAA,YAAW,CAACC,MA1DJ,eA4DN,SAAAC,GAAI,OAAI5C,EAAAA,cAACqB,GAAS,CAACwB,MAAOD,EAAKE,KAAKC,gBAAgBF,OAAS,MAM1E,E,uBC9JA,GAhBmB/C,EAAAA,GAAOkD,GAAE9C,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,sPAOjB,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAOC,OAAO,GACvBP,EAAAA,GAAYQ,OACZ,SAACb,GAClB,OAAOA,EAAMkD,eAAiB,SAAW,YAC3C,I,wBCJEpD,GAAYC,EAAAA,GAAOkB,IAAGd,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,iCAGtB+C,IAAQpD,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACmD,GAAiBpD,EAAS,GAAlDD,CAAmDU,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,8HAEtD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,GACzBhD,EAAAA,GAAYQ,OAI7ByC,IAAavD,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACsD,EAAAA,IAAavD,EAAS,GAA9CD,CAA+CgB,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,mEAGtD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAE3CG,GAAYzD,EAAAA,GAAOkB,IAAGC,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,uKAIjB,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,GACzBhD,EAAAA,GAAYQ,OAmDnC,GA9CqB,WACnB,IAAA4C,GAA4BC,EAAAA,EAAAA,UAAmB,IAAxCC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,GAAwCH,EAAAA,EAAAA,WAAS,GAA1CI,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAE5BG,GAAcC,EAAAA,GAAAA,KAAdD,UAEFE,EAAiBF,EAAUG,MAAMC,KAAI,SAACC,GAAS,OAAAC,OAAAC,OAAA,GAChDF,EAAKG,KAAK,CAEb9B,KAAK,mBAAoB2B,EAAKG,KAAKC,GACnCC,MAAOL,EAAKG,KAAKE,OAAK,IAYxB,OAVAC,QAAQC,IAAI,iBAAkBV,GAE9BA,EAAeW,MAAK,SAACC,EAAQC,GAAM,OAAKD,EAAEJ,MAAQK,EAAEL,KAAK,KAEzDM,EAAAA,EAAAA,YAAU,WACR,IAAMC,EAAWC,SAASC,KAAKC,aAAe/E,EAAAA,GAAYQ,MAC1DkD,EAAgBkB,GAChBrB,GAASyB,EAAAA,GAAAA,GAAKnB,GAChB,GAAG,CAACF,IAGF/D,EAAAA,cAACH,GAAS,CAAC2E,GAAG,UACZxE,EAAAA,cAACkD,GAAK,KACJlD,EAAAA,cAACqD,GAAU,MACTQ,EAAwC,UAAzB,wBAEnB7D,EAAAA,cAACuD,GAAS,KACPG,EAAOS,KAAI,SAAAkB,GAAK,OACfrF,EAAAA,cAACsF,GAAAA,EAAK,CACJd,GAAIa,EAAMb,GACVe,KAAMF,EAAME,KACZC,MAAOH,EAAMG,MACb/C,KAAM4C,EAAM5C,KACZgD,IAAKJ,EAAMb,GACXkB,WAAY,CACVC,KAAM,YAER,KAKZ,E,oCCnEMC,GAAW,SAAC7F,GAAU,OAC1BA,EAAM8F,MAAQ9F,EAAM8F,MAAQ9F,EAAMU,MAAMC,OAAO0C,SAAS,EAEpDvD,IAAYC,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC8F,EAAAA,KAAS/F,EAAS,GAA1CD,CAA2CI,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,gLAOlD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAsC1C2C,KAnCejG,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC8F,EAAAA,KAAS/F,EAAS,GAA1CD,CAA2CU,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,qYAY1C,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAOsB,OAAO,IAMjC,SAAAjC,GAAK,OAAIA,EAAMU,MAAMC,OAAOsF,WAAW,IAG/ClG,EAAAA,GAAOmG,KAAInF,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,gKAChB,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAOwF,KAAK,KAQlBpG,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC8B,EAAAA,IAAiB/B,EAAS,GAAlDD,CAAmDmB,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,kEAGjEyF,IAEC9F,EAAAA,GAAOmG,KAAI/E,IAAAA,GAAAf,EAAAA,EAAAA,GAAA,+JACbyF,KAQL/D,IAAiB/B,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC8B,EAAAA,IAAiB/B,EAAS,GAAlDD,CAAmDqB,IAAAA,GAAAhB,EAAAA,EAAAA,GAAA,kEAG9DyF,IAsBZ,GAnBsC,SAAHO,GAA0C,IAApCC,EAAID,EAAJC,KAAMP,EAAKM,EAALN,MAAOQ,EAAIF,EAAJE,KAAM3G,EAASyG,EAATzG,UAC1D,OAEEM,EAAAA,cAACH,GAAS,CAACyG,GAAID,EAAM3G,UAAWA,GAC9BM,EAAAA,cAAC+F,GAAI,CAACF,MAAOA,GAAQO,GACrBpG,EAAAA,cAAC6B,GAAc,CAACgE,MAAOA,IAG7B,E,uBCvDME,IAvBYjG,EAAAA,GAAOkB,IAAGd,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,oEAGhB,SAACJ,GAAU,OAAKA,EAAMwG,WAAa,GAAG,IAE9BzG,EAAAA,GAAOkB,IAAGR,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,uLAOnB,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAGhCtD,EAAAA,GAAOkB,IAAGF,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,qIAQbL,EAAAA,GAAOkB,IAAGC,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,qF,KAKHL,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC+F,GAAShG,EAAS,GAA1CD,CAA2CoB,IAAAA,GAAAf,EAAAA,EAAAA,GAAA,6CAEpD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,KAE9BtD,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACwG,GAAAA,IAAUzG,EAAS,GAA3CD,CAA4CqB,IAAAA,GAAAhB,EAAAA,EAAAA,GAAA,4B,sBCxB5CL,EAAAA,GAAOkB,IAAGd,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,iCAGbL,EAAAA,GAAOkB,IAAGR,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,wFAKLL,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACyG,GAAAA,IAAmB1G,EAAS,GAApDD,CAAqDgB,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,oDAIxDL,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC0G,GAAiB3G,EAAS,GAAlDD,CAAmDmB,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,oFAE7CC,EAAAA,GAAYQ,QAIZd,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC0G,GAAiB3G,EAAS,GAAlDD,CAAmDoB,IAAAA,GAAAf,EAAAA,EAAAA,GAAA,gIAInDC,EAAAA,GAAYQ,O,UCP7Bf,GAAYC,EAAAA,GAAOkB,IAAGd,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,+BAItBwG,GAAS7G,EAAAA,GAAOkB,IAAGR,IAAAA,GAAAL,EAAAA,EAAAA,GAAA,uFAMnByG,IAAc9G,EAAAA,EAAAA,IAAO+G,EAAAA,IAAP/G,CAAoBgB,IAAAA,GAAAX,EAAAA,EAAAA,GAAA,mDAKlC2G,IAAWhH,EAAAA,EAAAA,IAAO4G,GAAP5G,CAAoBmB,IAAAA,GAAAd,EAAAA,EAAAA,GAAA,oFAEdC,EAAAA,GAAYQ,OAK7BmG,IAAiBjH,EAAAA,EAAAA,IAAO4G,GAAP5G,CAAoBoB,IAAAA,GAAAf,EAAAA,EAAAA,GAAA,gIAIpBC,EAAAA,GAAYQ,OAK7BoG,IAAclH,EAAAA,EAAAA,IAAOmH,GAAAA,EAAPnH,CAAoBqB,IAAAA,GAAAhB,EAAAA,EAAAA,GAAA,uDASlC+G,GAAsB,SAACC,GAC3B,OAAOA,EAAMhD,KAAI,SAAAC,GAAI,OACnBpE,EAAAA,cAACgH,GAAW3C,OAAAC,OAAA,CACVmB,IAAKrB,EAAKgD,MACNhD,EAAI,CACR9B,QAAS,WAAF,OAAQC,EAAAA,EAAAA,UAAS6B,EAAK3B,KAAK,IAClC,GAEN,EAsDA,GApD2C,WACzC,IAAA4E,GAAwCrD,EAAAA,GAAAA,KAAhCsD,EAAgBD,EAAhBC,iBAAkBvD,EAASsD,EAATtD,UAE1BP,GAA0BC,EAAAA,EAAAA,UAA6B,IAAhD0D,EAAK3D,EAAA,GAAE+D,EAAQ/D,EAAA,GA8BtB,OA5BAuB,EAAAA,EAAAA,YAAU,WACR,GAAKhB,GAAcuD,EAAnB,CAGA,IAAM5D,EAAmBK,EAAUG,MAAMC,KAAI,SAACqD,GAAS,OAAKA,EAAKjD,IAAI,IAC/DkD,EAAWH,EAAiBpD,MAAMC,KAAI,SAACqD,GAAS,OAAKA,EAAKjD,IAAI,IAE9DmD,EAAkC,GAExChE,EACGkB,MAAK,SAACC,EAAGC,GAAC,OAAKD,EAAEJ,MAAQK,EAAEL,KAAK,IAChCkD,SAAQ,SAAAtC,GACHA,EAAMoC,UAAYG,MAAMC,QAAQxC,EAAMoC,WACxCpC,EAAMoC,SAASE,SAAQ,SAAAG,GACrB,IAAMC,EAAUN,EAASO,MAAK,SAACnD,GAAM,OAAKA,EAAEuC,OAASU,CAAW,IAC5DC,GACFL,EAAYO,KAAI5D,OAAAC,OAAC,CAAC,EACbyD,EAAQ,CACXtF,KAAK,aAAcsF,EAAQX,OAGjC,GAEJ,IAEFG,EAASG,EAxBkC,CAyB7C,GAAG,CAAC3D,EAAWuD,IAGbtH,EAAAA,cAACH,GAAS,KACRG,EAAAA,cAAC2G,GAAM,KACL3G,EAAAA,cAACmD,GAAY,CAACF,gBAAc,GAC1BjD,EAAAA,cAAC4G,GAAW,MAAG,YAGjB5G,EAAAA,cAAC8G,GAAQ,CAACV,KAAK,YAAYC,KAAK,eAEjCc,EAAMe,OACLlI,EAAAA,cAACmI,GAAAA,EAAQ,CAAChB,MAAOD,GAAoBC,GAAQiB,UAAQ,IAErDpI,EAAAA,cAAA,SAAG,uBAELA,EAAAA,cAAC+G,GAAc,CAACX,KAAK,YAAYC,KAAK,cAG5C,E,6FC9HIgC,GAAY,CAAC,WAAY,YAAa,UAAW,MAOjDC,GAAuB,cAE3B,SAAUnC,EAAMvG,GACd,IAAI2I,EAAWpC,EAAKoC,SAClB7I,EAAYyG,EAAKzG,UACjB8I,EAAUrC,EAAKqC,QACfC,EAAUtC,EAAKuC,GACfC,OAAwB,IAAZF,EAAqB,MAAQA,EACzC1I,GAAQ,QAA8BoG,EAAMkC,IAC1CO,GAAS,SAAmBL,EAAU,YAC1C,OAAoB,gBAAoBI,GAAW,QAAS,CAC1D/I,IAAKA,EACLF,UAAW,KAAW8I,EAAUI,EAAS,IAAMJ,EAAUI,EAAQlJ,IAChEK,GACL,IACAuI,GAAQO,YAAc,UACtBP,GAAQQ,aAnBW,CACjBN,QAAS,MAmBX,UCxBI,GAAY,CAAC,WAAY,YAAa,KAAM,OAAQ,SAAU,OAAQ,WAAY,MAQlFO,IAAgB,EAAAC,GAAA,GAAiB,MACjCC,IAAgB,EAAAD,GAAA,GAAiB,MACjCE,IAAW,EAAAC,GAAA,GAAmB,aAC9BC,IAAY,EAAAD,GAAA,GAAmB,aAAc,CAC/CR,UAAWI,KAETM,IAAe,EAAAF,GAAA,GAAmB,gBAAiB,CACrDR,UAAWM,KAETK,IAAW,EAAAH,GAAA,GAAmB,YAAa,CAC7CR,UAAW,MAETY,IAAW,EAAAJ,GAAA,GAAmB,YAAa,CAC7CR,UAAW,MAETa,IAAa,EAAAL,GAAA,GAAmB,eAChCM,IAAa,EAAAN,GAAA,GAAmB,eAChCO,IAAiB,EAAAP,GAAA,GAAmB,oBAIpCQ,GAAoB,cAAiB,SAAUxD,EAAMvG,GACvD,IAAI2I,EAAWpC,EAAKoC,SAClB7I,EAAYyG,EAAKzG,UACjBkK,EAAKzD,EAAKyD,GACVxD,EAAOD,EAAKC,KACZyD,EAAS1D,EAAK0D,OACd3E,EAAOiB,EAAKjB,KACZ4E,EAAW3D,EAAK2D,SAChBrB,EAAUtC,EAAKuC,GACfC,OAAwB,IAAZF,EAAqB,MAAQA,EACzC1I,GAAQ,QAA8BoG,EAAM,IAC1CyC,GAAS,SAAmBL,EAAU,QACtCwB,GAAc,IAAAC,UAAQ,WACxB,MAAO,CACLC,mBAAoBrB,EAAS,UAEjC,GAAG,CAACA,IACJ,OAAoB,gBAAoBsB,GAAA,EAAYC,SAAU,CAC5DC,MAAOL,GACO,gBAAoBpB,GAAW,QAAS,CACtD/I,IAAKA,GACJG,EAAO,CACRL,UAAW,KAAWA,EAAWkJ,EAAQgB,GAAM,MAAQA,EAAIxD,GAAQ,QAAUA,EAAMyD,GAAU,UAAYA,KACvG3E,EAEJ,gBAAoBgE,GAAU,KAAMY,GAAYA,GAClD,IACAH,GAAKd,YAAc,OACnBc,GAAKb,aA/Bc,CACjB5D,MAAM,GA+BRyE,GAAKrI,IAAM,GACXqI,GAAKzG,MAAQkG,GACbO,GAAKU,SAAWhB,GAChBM,GAAKW,KAAOpB,GACZS,GAAK7D,KAAOwD,GACZK,GAAK5D,KAAOwD,GACZI,GAAKhD,OAAS6C,GACdG,GAAKY,OAASd,GACdE,GAAKa,WAAad,GAClB,I,wBAAA,M,YCrBMe,IAPY3K,EAAAA,GAAOkB,IAAGd,KAAAA,IAAAC,EAAAA,EAAAA,GAAA,gCAGXL,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC0K,GAAAA,IAAc3K,EAAS,GAA/CD,CAAgDU,KAAAA,IAAAL,EAAAA,EAAAA,GAAA,oDAIjDL,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2J,GAAS5J,EAAS,GAA1CD,CAA2CgB,KAAAA,IAAAX,EAAAA,EAAAA,GAAA,+MAIpCC,EAAAA,GAAYQ,MAGZR,EAAAA,GAAYC,UAIrBP,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAACmD,GAAiBpD,EAAS,GAAlDD,CAAmDmB,KAAAA,IAAAd,EAAAA,EAAAA,GAAA,iDAEtD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAGhDqH,GAAQnJ,KAAMxB,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2J,GAAKrI,IAAQvB,EAAS,GAA9CD,CAA+CoB,KAAAA,IAAAf,EAAAA,EAAAA,GAAA,sIAM7DsK,GAAQH,MAAOxK,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2J,GAAKW,KAASvK,EAAS,GAA/CD,CAAgDqB,KAAAA,IAAAhB,EAAAA,EAAAA,GAAA,2CAI/DsK,GAAQvH,OAAQpD,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2J,GAAKzG,MAAUnD,EAAS,GAAhDD,CAAiDsB,KAAAA,IAAAjB,EAAAA,EAAAA,GAAA,0KAOtD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAEhDqH,GAAQ1E,MAAOjG,EAAAA,EAAAA,KAAO,SAACC,GAAU,OAAKC,EAAAA,cAAC2J,GAAK5D,KAAShG,EAAS,GAA/CD,CAAgDyB,KAAAA,IAAApB,EAAAA,EAAAA,GAAA,4KAOpD,SAAAJ,GAAK,OAAIA,EAAMU,MAAMC,OAAO0C,SAAS,IAGhD,I,0BCrFMuH,GAAY,CAChB,CACEnG,GAAI,EACJgB,MAAO,+CACPoF,YACE,yHACFC,SAAU,aACVC,QAAS,wDACTC,WAAY,0BAEd,CACEvG,GAAI,EACJgB,MAAO,0BACPoF,YACE,6GACFC,SAAU,aACVC,QAAS,mCACTC,WAAY,+BAEd,CACEvG,GAAI,EACJgB,MAAO,sBACPoF,YACE,iIACFC,SAAU,aACVC,QAAS,aACTC,WAAY,uBA+GhB,GA3GoB,WAClB,IAAAvH,GAAsCC,EAAAA,EAAAA,UAAS,GAAxCuH,EAAWxH,EAAA,GAAEyH,EAAczH,EAAA,GAE5B0H,EAAiB,SAAC9G,GAAS,OAAK6G,EAAe7G,EAAK,EAE1D,OACEpE,EAAAA,cAAC0C,EAAAA,YAAW,CACVC,MAAK,YAyBLwI,OAAQ,SAAAvI,GACN,IAAMuE,EAAQwD,GAAUxG,KAAI,SAAAiH,GAAS,IAADC,EAAAC,EAC5BC,EAAgC,QAA1BF,EAAGzI,EAAK,QAAQwI,EAAK5G,WAAK,IAAA6G,GAAiB,QAAjBC,EAAvBD,EAAyBtI,uBAAe,IAAAuI,OAAjB,EAAvBA,EAA0CzI,MACzD,OACE7C,EAAAA,cAAA,OACEyF,IAAK2F,EAAK5G,GACV9E,UAAU,0EAEVM,EAAAA,cAAA,OAAKN,UAAU,+BACZ6L,GACCvL,EAAAA,cAACsB,EAAAA,EAAG,CACFuB,MAAO0I,EACPC,IAAKJ,EAAK5F,MACV9F,UAAU,aACV+L,MAAO,CAAEC,OAAQ,QAASC,UAAW,YAI3C3L,EAAAA,cAAA,OAAKN,UAAU,+BACZ6L,GACCvL,EAAAA,cAACsB,EAAAA,EAAG,CACFuB,MAAO0I,EACPC,IAAKJ,EAAK5F,MACV9F,UAAU,eACV+L,MAAO,CAAEC,OAAQ,QAASC,UAAW,YAI3C3L,EAAAA,cAAA,OAAKN,UAAU,YACbM,EAAAA,cAAA,MACEyL,MAAO,CAAE5F,MAAO,UAAW+F,UAAW,QACtClM,UAAU,aAET0L,EAAK5F,OAERxF,EAAAA,cAAA,KACEyL,MAAO,CAAE5F,MAAO,WAChBnG,UAAU,8BAET0L,EAAKR,aAER5K,EAAAA,cAAA,OAAKN,UAAU,SAEfM,EAAAA,cAAA,KACEqG,KAAM+E,EAAKN,QACXW,MAAO,CAAEI,gBAAiB,UAAWC,eAAgB,QACrDpM,UAAU,qDAEN0L,EAAKP,SAAQ,IACjB7K,EAAAA,cAAC8B,EAAAA,IAAY,CAACiK,KAAM,OAK9B,IAEA,OACE/L,EAAAA,cAAA,OAAKN,UAAU,IACbM,EAAAA,cAACgM,KAAa,CACZC,eAAa,EACb9E,MAAOA,EACP6D,YAAaA,EACbE,eAAgBA,EAChBgB,wBAAsB,EACtB9D,UAAQ,EACR+D,UAAQ,EACRC,iBAAkB,MAI1B,GAGN,ECnIMC,GAAUvM,EAAAA,GAAOkB,IAAGd,KAAAA,IAAAC,EAAAA,EAAAA,GAAA,qFAEHC,EAAAA,GAAYkM,mBAqBnC,GAhBkB,WAChB,OACEtM,EAAAA,cAACuM,GAAAA,EAAM,KACLvM,EAAAA,cAACwM,GAAAA,EAAG,CAAChH,MAAM,SACXxF,EAAAA,cAACqM,GAAO,KACNrM,EAAAA,cAACyM,GAAY,MACbzM,EAAAA,cAAC0M,GAAY,MAEb1M,EAAAA,cAAC2M,GAAc,MAEf3M,EAAAA,cAAC4M,GAAW,OAIpB,C,wBCjCA,IAAI5M,EAAQ,EAAQ,OAEpB,SAAS6M,EAAa9M,GAClB,OAAOC,EAAM8M,cAAc,MAAM/M,EAAMC,EAAM8M,cAAc,IAAI,CAAC,QAAU,QAAQ,CAAC9M,EAAM8M,cAAc,OAAO,CAAC,EAAI,aAAa,OAAS,QAAQ,YAAc,MAAM,cAAgB,QAAQ,eAAiB,QAAQ,IAAM,IAAI9M,EAAM8M,cAAc,OAAO,CAAC,EAAI,aAAa,OAAS,QAAQ,YAAc,MAAM,cAAgB,QAAQ,eAAiB,QAAQ,IAAM,MAC7W,CAEAD,EAAY/D,aAAe,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,QAEpFiE,EAAOC,QAAUH,EAEjBA,EAAYI,QAAUJ,C","sources":["webpack://ask_infertility_app/./node_modules/react-bootstrap/esm/divWithClassName.js","webpack://ask_infertility_app/./src/components/homePage/CoverSection/index.tsx","webpack://ask_infertility_app/./src/components/SectionTitle.tsx","webpack://ask_infertility_app/./src/components/homePage/TopicSection/index.tsx","webpack://ask_infertility_app/./src/components/RedirectLink.tsx","webpack://ask_infertility_app/./src/components/homePage/WomenVoiceSection/VoiceCard.tsx","webpack://ask_infertility_app/./src/components/homePage/WomenVoiceSection/index.tsx","webpack://ask_infertility_app/./src/components/homePage/ServiceSection/index.tsx","webpack://ask_infertility_app/./node_modules/react-bootstrap/esm/CardImg.js","webpack://ask_infertility_app/./node_modules/react-bootstrap/esm/Card.js","webpack://ask_infertility_app/./src/components/homePage/AskSection/index.tsx","webpack://ask_infertility_app/./src/components/homePage/InfoSection/index.tsx","webpack://ask_infertility_app/./src/pages/index.js","webpack://ask_infertility_app/./src/images/close.inline.svg"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport classNames from 'classnames';\nexport default (function (className) {\n  return /*#__PURE__*/React.forwardRef(function (p, ref) {\n    return /*#__PURE__*/React.createElement(\"div\", _extends({}, p, {\n      ref: ref,\n      className: classNames(p.className, className)\n    }));\n  });\n});","import React from \"react\"\nimport { Col, Row } from \"react-bootstrap\"\nimport styled from \"styled-components\"\nimport { Button } from \"components/buttons\"\nimport { FaArrowRight } from \"react-icons/fa\"\nimport Img from \"gatsby-image\"\nimport { breakpoints } from \"../../../utils\"\nimport { graphql, StaticQuery, navigate } from \"gatsby\"\nimport { HomepageConfig } from \"../../../config\"\nimport { DefaultText } from \"../../typography\"\n\nconst Container = styled((props: any) => <Row {...props} />)`\n  margin-bottom: 50px;\n  padding: 0px;\n  margin: 0px;\n\n  @media (max-width: ${breakpoints.tablet}px) {\n    flex-direction: column-reverse;\n  }\n`\nconst LeftCol = styled((props: any) => <Col {...props} />)`\n  color: ${props => props.theme.colors.heading};\n  font-family: Open Sans;\n  font-style: normal;\n  padding: 0px;\n  /* padding-left: 32px; */\n  @media (max-width: ${breakpoints.tablet}px) {\n    padding: 47px 32px 0;\n  }\n  @media (max-width: ${breakpoints.phone}px) {\n    text-align: center;\n    margin-bottom: 52px;\n  }\n`\nconst RightCol = styled((props: any) => <Col {...props} />)`\n  display: flex;\n`\nconst Subtitle = styled.div`\n  font-weight: bold;\n  font-size: 28px;\n`\nconst Title = styled.div`\n  font-weight: bold;\n  font-size: 48px;\n  margin-bottom: 24px;\n  @media (max-width: ${breakpoints.tablet}px) {\n    font-size: 40px;\n  }\n`\nconst Description = styled.div`\n  font-style: normal;\n  font-size: 18px;\n  line-height: 142.5%;\n  margin-bottom: 28px;\n`\nconst Hero = styled.div`\n  position: relative;\n  justify-self: center;\n  @media (min-width: ${breakpoints.tablet + 1}px) {\n    margin-left: auto;\n  }\n`\nconst HeroImage = styled((props: any) => <Img {...props} />)`\n  min-width: 530px;\n  height: 530px;\n  width: 530px;\n  border-radius: 100%;\n  object-fit: cover;\n  /* margin: 0; */\n  margin-top: 30%;\n  @media (max-width: ${breakpoints.tablet}px) {\n    min-width: 492px;\n    width: 492px;\n    height: 492px;\n    margin-top: -108px;\n    margin-left: -40px;\n  }\n`\nconst BlueCircle = styled.div`\n  background: #0052bc;\n  opacity: 80%;\n  position: absolute;\n  bottom: 20px;\n  margin-top: 30%;\n  left: -40px;\n  height: 162px;\n  width: 162px;\n  border-radius: 100%;\n  z-index: 1;\n  @media (min-width: ${breakpoints.tablet + 1}px) {\n    bottom: unset;\n    top: 20px;\n  }\n`\nconst IconButton = styled((props: any) => <Button {...props} />)`\n  margin-top: 15px;\n  border-radius: 28px;\n  font-size: 1rem;\n  &:hover svg {\n    stroke: white;\n  }\n  @media (max-width: ${breakpoints.phone}px) {\n    margin: 0 auto;\n    display: block;\n  }\n`\nconst RightArrowIcon = styled((props: any) => <FaArrowRight {...props} />)`\n  margin: 0;\n  stroke: ${props => props.theme.colors.primary};\n`\n\nconst heroImg_query = graphql`\n  query {\n    file(relativePath: { eq: \"hero-cropped.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 516) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`\nconst PunchLine = () => (\n  <>\n    <strong>Ask Fertility</strong> is your personal guide to unexplained infertility.\n  </>\n)\nconst Heading = () => <>Welcome to Ask Fertility.</>\nconst Content = () => (\n  <>\n    Navigating the complexities of unexplained infertility is challenging, but\n    you're not alone. AskFertility is your guide, offering evidence-based\n    information, personalised insights and a supportive community to help you on\n    the journey to tackle the challenges of infertility.\n    <br />\n    <br />\n    We work with experts in the field of infertility and women’s health to\n    provide the latest information. Together, we'll explore all possibilities\n    and empower you with the knowledge you need to make informed decisions.\n    <br />\n    <br />\n    This app is for anyone on the journey to conceive.\n    <br />\n    <br />\n  </>\n)\n\nconst CoverSection = () => {\n  return (\n    <Container>\n      <LeftCol sm=\"12\" md=\"7\" text-site-blue-dark>\n        <div className=\"pl-1 sm:pl-12 sm:pr-12 xl:pl-16 my-5\">\n          <p className=\"text-xl sm:text-xl\">\n            <PunchLine />\n          </p>\n          <h1 className=\"text-4xl sm:text-5xl text-site-blue-dark\">\n            <Heading />\n          </h1>\n          <p className=\"mt-3 mb-0 bg-gray text-md\">\n            <Content />\n          </p>\n          <IconButton onClick={() => navigate(HomepageConfig.link)}>\n            Learn more <RightArrowIcon />\n          </IconButton>\n        </div>\n      </LeftCol>\n      <RightCol sm=\"12\" md=\"5\">\n        <Hero>\n          <BlueCircle />\n          <StaticQuery query={heroImg_query}>\n            {/* @ts-ignore */}\n            {data => <HeroImage fluid={data.file.childImageSharp.fluid} />}\n          </StaticQuery>\n        </Hero>\n      </RightCol>\n    </Container>\n  )\n}\n\nexport default CoverSection\n","import styled from \"styled-components\"\nimport { breakpoints } from \"../utils\"\n\nconst Title: any = styled.h1`\n  font-style: normal;\n  font-weight: bold;\n  font-size: 2.25rem;\n  display: flex;\n  align-items: center;\n  margin-bottom: 1rem;\n  color: ${props => props.theme.colors.heading};\n  @media (max-width: ${breakpoints.phone}px) {\n    justify-content: ${(props: any) => {\n      return props.centerInMobile ? \"center\" : \"flex-start\"\n    }};\n    margin: 1rem auto;\n  }\n`\n\nexport default Title\n","import { ITopic } from \"models/Topic\"\nimport React, { useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\n\nimport { FaSearch } from \"react-icons/fa\"\nimport SectionTitle from \"../../SectionTitle\"\nimport Topic from \"../../TopicIcon\"\nimport { breakpoints } from \"../../../utils\"\nimport { queryAllYaml } from \"utils/staticQuery\"\n\nconst Container = styled.div`\n  margin-top: 1.5rem;\n`\nconst Title = styled((props: any) => <SectionTitle {...props} />)`\n  margin-bottom: 1rem;\n  color: ${props => props.theme.colors.secondary} !important;\n  @media (max-width: ${breakpoints.phone}px) {\n    justify-content: center;\n  }\n`\nconst SearchIcon = styled((props: any) => <FaSearch {...props} />)`\n  width: 1.7rem;\n  margin-right: 10px;\n  stroke: ${props => props.theme.colors.secondary};\n`\nconst TopicList = styled.div`\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: center;\n  color: ${props => props.theme.colors.secondary};\n  @media (max-width: ${breakpoints.phone}px) {\n    justify-content: space-around;\n  }\n`\n\nconst CoverSection = () => {\n  const [topics, setTopics] = useState<ITopic[]>([])\n  const [isMobileView, setIsMobileView] = useState(false)\n\n  const { allTopics } = queryAllYaml()\n\n  const discoverTopics = allTopics.edges.map((item: any) => ({\n    ...item.node,\n\n    link: `/discover?topic=${item.node.id}`,\n    order: item.node.order,\n  }))\n  console.log(\"discoverTopics\", discoverTopics)\n  // Sort topics by order\n  discoverTopics.sort((a: any, b: any) => a.order - b.order)\n\n  useEffect(() => {\n    const isMobile = document.body.scrollWidth <= breakpoints.phone\n    setIsMobileView(isMobile)\n    setTopics([...discoverTopics])\n  }, [allTopics])\n\n  return (\n    <Container id=\"topics\">\n      <Title>\n        <SearchIcon />\n        {!isMobileView ? \"Topics to explore...\" : \"Explore\"}\n      </Title>\n      <TopicList>\n        {topics.map(topic => (\n          <Topic\n            id={topic.id as string}\n            icon={topic.icon}\n            title={topic.title}\n            link={topic.link}\n            key={topic.id}\n            iconStyles={{\n              fill: \"#EC4D7B\",\n            }}\n          />\n        ))}\n      </TopicList>\n    </Container>\n  )\n}\n\nexport default CoverSection\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { FaArrowRight, FaClipboardList } from \"react-icons/fa\"\nimport { Link } from \"gatsby\"\n\ninterface Props {\n  readonly text: string\n  readonly color?: string\n  readonly href?: string\n  readonly className?: string\n}\n\nconst getColor = (props: any) =>\n  props.color ? props.color : props.theme.colors.secondary\n\nconst Container = styled((props: any) => <Link {...props} />)`\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  text-decoration: none !important;\n  color: ${props => props.theme.colors.secondary};\n`\n\nconst AskContainer = styled((props: any) => <Link {...props} />)`\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 20px;\n  text-decoration: none !important;\n  color: white;\n  margin-left: 10px;\n  height: 43px;\n  border-radius: 20px;\n  width: 210px;\n  background-color: ${props => props.theme.colors.primary};\n  position: absolute;\n  bottom: 0;\n\n  & :hover {\n    color: white;\n    background-color: ${props => props.theme.colors.darkPrimary};\n  }\n`\nconst AskText = styled.span`\n  color: ${props => props.theme.colors.white};\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 140%;\n  margin-right: 5px;\n`\nconst AskRightArrowIcon = styled((props: any) => <FaArrowRight {...props} />)`\n  margin: 0;\n  vertical-align: middle;\n  stroke: ${getColor};\n`\nconst Text = styled.span`\n  color: ${getColor};\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 140%;\n  margin-right: 5px;\n`\nconst RightArrowIcon = styled((props: any) => <FaArrowRight {...props} />)`\n  margin: 0;\n  vertical-align: middle;\n  stroke: ${getColor};\n`\n\nconst RedirectLink: React.FC<Props> = ({ text, color, href, className }) => {\n  return (\n    // @ts-ignore\n    <Container to={href} className={className}>\n      <Text color={color}>{text}</Text>\n      <RightArrowIcon color={color} />\n    </Container>\n  )\n}\n\nconst AskRedirectLink: React.FC<Props> = ({ text, color, href, className }) => {\n  return (\n    <AskContainer to={href} className={className}>\n      <AskText color={color}>{text}</AskText>\n      <RightArrowIcon color={color} />\n    </AskContainer>\n  )\n}\nexport { AskRedirectLink }\nexport default RedirectLink\n","import EmbedVideoThumb from \"components/EmbedVideoThumb\"\nimport React, { useEffect } from \"react\"\nimport styled from \"styled-components\"\nimport { BsDot } from \"react-icons/bs\"\n\nconst Container = styled.div`\n  width: 280px;\n  position: relative;\n  height: ${(props: any) => props.$maxHeight + 270}px;\n`\nconst Description = styled.div`\n  margin-top: 12px;\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 18px;\n  line-height: 130%;\n  color: ${props => props.theme.colors.secondary};\n  margin-right: 20px;\n`\nconst Profile = styled.div`\n  margin-top: 12px;\n  display: flex;\n  margin-right: 20px;\n  align-items: center;\n  position: absolute;\n  bottom: 0;\n`\nconst Text = styled.div`\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: normal;\n`\nconst ProfileInfo = styled((props: any) => <Text {...props} />)`\n  font-size: 12px;\n  color: ${props => props.theme.colors.secondary};\n`\nconst Separator = styled((props: any) => <BsDot {...props} />)`\n  margin: 0 5px;\n`\n\ninterface Props {\n  readonly title: string\n  readonly videoURL: string\n  readonly thumbnail: any\n  readonly name: string\n  readonly diagnosis: string\n  readonly maxHeight: number\n  readonly onClick?: Function\n}\n\nconst VoiceCard: React.FC<Props> = ({\n  title,\n  videoURL,\n  thumbnail,\n  name,\n  diagnosis,\n  onClick,\n  maxHeight,\n}) => {\n  return (\n    <Container $maxHeight={maxHeight}>\n      <EmbedVideoThumb onClick={onClick} imageUrl={thumbnail} />\n      <Description>{title}</Description>\n      <Profile>\n        <ProfileInfo>\n          <span>{name}</span>\n          <Separator />\n          <span>{diagnosis}</span>\n        </ProfileInfo>\n      </Profile>\n    </Container>\n  )\n}\n\nexport default VoiceCard\n","import React, { useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\n\nimport { HiSpeakerphone } from \"react-icons/hi\"\nimport { IVoice } from \"../../../models/Voice\"\nimport RedirectLink from \"../../RedirectLink\"\nimport SectionTitle from \"../../SectionTitle\"\nimport VoiceCard from \"./VoiceCard\"\nimport Carousel from \"../../Carousel\"\nimport { breakpoints } from \"../../../utils\"\nimport { queryAllYaml } from \"utils/staticQuery\"\nimport ModalVideo from \"react-modal-video\"\n\nconst Container = styled.div`\n  margin-top: 1.5rem;\n`\nconst Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`\nconst SpeakerIcon = styled((props: any) => <HiSpeakerphone {...props} />)`\n  width: 2.2rem;\n  margin-right: 10px;\n`\nconst MoreLink = styled((props: any) => <RedirectLink {...props} />)`\n  display: block;\n  @media (max-width: ${breakpoints.phone}px) {\n    display: none;\n  }\n`\nconst MobileMoreLink = styled((props: any) => <RedirectLink {...props} />)`\n  display: block;\n  margin-top: 28px;\n  text-align: center;\n  @media (min-width: ${breakpoints.phone}px) {\n    display: none;\n  }\n`\n\nconst WomenVoiceSection = () => {\n  const [videoModalIsVisible, setVideoModalIsVisible] = useState(false)\n  const [items, setItems] = useState<IVoice[]>([])\n  const [videoURL, setVideoURL] = useState(\"\")\n  const [maxHeight, setMaxHeight] = useState(0)\n  const showVideo = (url: string) => {\n    setVideoModalIsVisible(true)\n    setVideoURL(url)\n  }\n\n  const renderCarouselItems = (items: IVoice[], showVideo: Function) =>\n    items.map(item => {\n      return (\n        <VoiceCard\n          {...item}\n          maxHeight={maxHeight}\n          onClick={() => showVideo(item.videoURL)}\n        />\n      )\n    })\n  const { womenVoices } = queryAllYaml()\n  useEffect(() => {\n    let data: any[] = []\n    womenVoices.edges.forEach((voice: any) => {\n      const videos = voice.node.videos.map((video: any) => ({\n        ...video,\n        diagnosis: voice.node.topic,\n      }))\n      data.push(...videos)\n    })\n    data.sort((a, b) => {\n      if (a.order === b.order) return 0\n      if (a.order === undefined || a.order === null) return -1\n      if (b.order === undefined || b.order === null) return -1\n      if (a.order < b.order) {\n        return -1\n      }\n      return 1\n    })\n\n    setItems(data)\n    const maxHeightForItem = Math.max.apply(\n      null,\n      data.map(item => item.title.length)\n    )\n    setMaxHeight(maxHeightForItem)\n  }, [])\n\n  return (\n    <Container>\n      <Header>\n        {/* @ts-ignore */}\n        <SectionTitle centerInMobile>\n          <SpeakerIcon />\n          Women’s Voices\n        </SectionTitle>\n        <MoreLink text=\"View more\" href={`/womenvoices`} />\n      </Header>\n      {items && items.length ? (\n        <Carousel items={renderCarouselItems(items, showVideo)} />\n      ) : null}\n      <MobileMoreLink text=\"View more\" href={`/womenvoices`} />\n      <ModalVideo\n        url={videoURL}\n        channel=\"custom\"\n        autoplay={false}\n        isOpen={videoModalIsVisible}\n        onClose={() => setVideoModalIsVisible(false)}\n      />\n    </Container>\n  )\n}\n\nexport default WomenVoiceSection\n","import React, { useEffect, useState, FC } from \"react\"\nimport styled from \"styled-components\"\nimport { FaRegCompass } from \"react-icons/fa\"\nimport RedirectLink from \"../../RedirectLink\"\nimport SectionTitle from \"../../SectionTitle\"\nimport DiscoverCard from \"../../DiscoverCard\"\nimport Carousel from \"../../Carousel\"\nimport { queryAllYaml } from \"utils/staticQuery\"\nimport { navigate } from \"gatsby\"\nimport { breakpoints } from \"../../../utils\"\nimport { IArticle, IArticleTopicForPageContext } from \"../../../api/types\"\n\n// Define the ITopic interface\nexport interface ITopic {\n  id: string\n  icon?: any\n  title?: string\n  topic?: string\n  description?: string\n  articles?: string[]\n  order: number\n}\n\n// Extend the IArticle interface to include the link property\nexport interface IExtendedArticle extends IArticle {\n  link: string\n}\n\nconst Container = styled.div`\n  margin-top: 50px;\n`\n\nconst Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`\n\nconst SpeakerIcon = styled(FaRegCompass)`\n  width: 2.2rem;\n  margin-right: 10px;\n`\n\nconst MoreLink = styled(RedirectLink)`\n  display: block;\n  @media (max-width: ${breakpoints.phone}px) {\n    display: none;\n  }\n`\n\nconst MobileMoreLink = styled(RedirectLink)`\n  display: block;\n  margin-top: 28px;\n  text-align: center;\n  @media (min-width: ${breakpoints.phone}px) {\n    display: none;\n  }\n`\n\nconst ServiceCard = styled(DiscoverCard)`\n  max-width: 280px;\n  padding-right: 20px;\n`\n\ninterface ICarouselItems {\n  articles: IArticleTopicForPageContext\n}\n\nconst renderCarouselItems = (items: IExtendedArticle[]) => {\n  return items.map(item => (\n    <ServiceCard\n      key={item.path}\n      {...item}\n      onClick={() => navigate(item.link)}\n    />\n  ))\n}\n\nconst ServiceSection: FC<ICarouselItems> = () => {\n  const { discoverArticles, allTopics } = queryAllYaml()\n\n  const [items, setItems] = useState<IExtendedArticle[]>([])\n\n  useEffect(() => {\n    if (!allTopics || !discoverArticles) return\n\n    // Organize articles based on topics and their order\n    const topics: ITopic[] = allTopics.edges.map((edge: any) => edge.node)\n    const articles = discoverArticles.edges.map((edge: any) => edge.node)\n\n    const sortedItems: IExtendedArticle[] = []\n\n    topics\n      .sort((a, b) => a.order - b.order)\n      .forEach(topic => {\n        if (topic.articles && Array.isArray(topic.articles)) {\n          topic.articles.forEach(articlePath => {\n            const article = articles.find((a: any) => a.path === articlePath)\n            if (article) {\n              sortedItems.push({\n                ...article,\n                link: `/articles/${article.path}`,\n              })\n            }\n          })\n        }\n      })\n\n    setItems(sortedItems)\n  }, [allTopics, discoverArticles])\n\n  return (\n    <Container>\n      <Header>\n        <SectionTitle centerInMobile>\n          <SpeakerIcon />\n          Discover\n        </SectionTitle>\n        <MoreLink text=\"View more\" href=\"/discover\" />\n      </Header>\n      {items.length ? (\n        <Carousel items={renderCarouselItems(items)} infinite />\n      ) : (\n        <p>No items to display</p>\n      )}\n      <MobileMoreLink text=\"View more\" href=\"/discover\" />\n    </Container>\n  )\n}\n\nexport default ServiceSection\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"bsPrefix\", \"className\", \"variant\", \"as\"];\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  variant: null\n};\nvar CardImg = /*#__PURE__*/React.forwardRef(\n// Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n    className = _ref.className,\n    variant = _ref.variant,\n    _ref$as = _ref.as,\n    Component = _ref$as === void 0 ? 'img' : _ref$as,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  var prefix = useBootstrapPrefix(bsPrefix, 'card-img');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref,\n    className: classNames(variant ? prefix + \"-\" + variant : prefix, className)\n  }, props));\n});\nCardImg.displayName = 'CardImg';\nCardImg.defaultProps = defaultProps;\nexport default CardImg;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"bsPrefix\", \"className\", \"bg\", \"text\", \"border\", \"body\", \"children\", \"as\"];\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nimport CardContext from './CardContext';\nimport CardImg from './CardImg';\nvar DivStyledAsH5 = divWithClassName('h5');\nvar DivStyledAsH6 = divWithClassName('h6');\nvar CardBody = createWithBsPrefix('card-body');\nvar CardTitle = createWithBsPrefix('card-title', {\n  Component: DivStyledAsH5\n});\nvar CardSubtitle = createWithBsPrefix('card-subtitle', {\n  Component: DivStyledAsH6\n});\nvar CardLink = createWithBsPrefix('card-link', {\n  Component: 'a'\n});\nvar CardText = createWithBsPrefix('card-text', {\n  Component: 'p'\n});\nvar CardHeader = createWithBsPrefix('card-header');\nvar CardFooter = createWithBsPrefix('card-footer');\nvar CardImgOverlay = createWithBsPrefix('card-img-overlay');\nvar defaultProps = {\n  body: false\n};\nvar Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n    className = _ref.className,\n    bg = _ref.bg,\n    text = _ref.text,\n    border = _ref.border,\n    body = _ref.body,\n    children = _ref.children,\n    _ref$as = _ref.as,\n    Component = _ref$as === void 0 ? 'div' : _ref$as,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  var prefix = useBootstrapPrefix(bsPrefix, 'card');\n  var cardContext = useMemo(function () {\n    return {\n      cardHeaderBsPrefix: prefix + \"-header\"\n    };\n  }, [prefix]);\n  return /*#__PURE__*/React.createElement(CardContext.Provider, {\n    value: cardContext\n  }, /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, prefix, bg && \"bg-\" + bg, text && \"text-\" + text, border && \"border-\" + border)\n  }), body ? /*#__PURE__*/\n  // @ts-ignore\n  React.createElement(CardBody, null, children) : children));\n});\nCard.displayName = 'Card';\nCard.defaultProps = defaultProps;\nCard.Img = CardImg;\nCard.Title = CardTitle;\nCard.Subtitle = CardSubtitle;\nCard.Body = CardBody;\nCard.Link = CardLink;\nCard.Text = CardText;\nCard.Header = CardHeader;\nCard.Footer = CardFooter;\nCard.ImgOverlay = CardImgOverlay;\nexport default Card;","import React from \"react\"\nimport { Card, Col, Row } from \"react-bootstrap\"\nimport styled from \"styled-components\"\nimport { AskRedirectLink } from \"../../RedirectLink\"\nimport SectionTitle from \"../../SectionTitle\"\nimport { BiMessage } from \"react-icons/bi\"\nimport { breakpoints } from \"../../../utils\"\nimport getProfileFromSessionStorage from \"components/QueryUserProfile/getProfileFromSessionStorage\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst cards = [\n  {\n    title: \"Your questions answered\",\n    description:\n      \"You will see a list of questions that are OK to ask your doctor or health professional. Select the questions most relevant for you that you would like to ask during your next appointment.\",\n    linkText: \"Explore questions\",\n    // linkUrl: \"/qpl\",\n    coverImage: \"ask-1.png\",\n    loginRequired: true,\n  },\n  {\n    title: \"Self Assessment\",\n    description:\n      \"You will be prompted to answer a few simple questions. Based on your answers we will provide some guidance on the next steps to take.\",\n    linkText: \"Take Self Assessment\",\n    // linkUrl: \"/self-assessment\",\n    coverImage: \"ask-2.png\",\n    loginRequired: true,\n  },\n  {\n    title: \"Manage\",\n    description:\n      \"We provide information on how to manage symptoms and have also included recommendation that help you optimise your lifestyle.\",\n    linkText: \"Let's get started\",\n    linkUrl: \"/manage\",\n    coverImage: \"ask-3.png\",\n    loginRequired: false,\n  },\n]\n\nconst Container = styled.div`\n  margin-top: 50px;\n`\nconst ChatIcon = styled((props: any) => <BiMessage {...props} />)`\n  width: 2.2rem;\n  margin-right: 10px;\n`\nconst AskCard = styled((props: any) => <Card {...props} />)`\n  border: 1px solid lightgray;\n  border-radius: 12px;\n  margin-bottom: 50px;\n  @media (min-width: ${breakpoints.phone}px) {\n    min-width: 200px;\n  }\n  @media (min-width: ${breakpoints.tablet}px) {\n    min-width: 280px;\n  }\n`\nconst Title = styled((props: any) => <SectionTitle {...props} />)`\n  margin-bottom: 20px;\n  color: ${props => props.theme.colors.secondary};\n`\n// @ts-ignore\nAskCard.Img = styled((props: any) => <Card.Img {...props} />)`\n  margin-bottom: 16px;\n  border-top-left-radius: 12px !important;\n  border-top-right-radius: 12px;\n  object-fit: cover;\n`\nAskCard.Body = styled((props: any) => <Card.Body {...props} />)`\n  height: 226px;\n  padding: 0;\n`\nAskCard.Title = styled((props: any) => <Card.Title {...props} />)`\n  padding: 0px 15px 0px 15px;\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 20px;\n  line-height: 23px;\n  color: ${props => props.theme.colors.secondary};\n`\nAskCard.Text = styled((props: any) => <Card.Text {...props} />)`\n  padding: 0px 15px 0px 15px;\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 15px;\n  line-height: 20px;\n  color: ${props => props.theme.colors.secondary};\n`\n\nconst AskSection: React.FC = () => {\n  const user = getProfileFromSessionStorage()\n  const query = useStaticQuery(graphql`\n    query {\n      ask_1: file(relativePath: { eq: \"ask-1.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 444) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      ask_2: file(relativePath: { eq: \"ask-2.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 444) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      ask_3: file(relativePath: { eq: \"ask-3.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 444) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n  return (\n    <Container>\n      {/* @ts-ignore */}\n      <Title centerInMobile>\n        <ChatIcon />\n        Ask\n      </Title>\n      <Row>\n        {cards.map((card, i) => {\n          const coverImgSrc = query[`ask_${i + 1}`].childImageSharp.fluid\n          return (\n            <Col sm=\"12\" md=\"6\" lg=\"4\" key={i.toString()}>\n              <AskCard key={card.title}>\n                <Img\n                  style={{\n                    borderTopRightRadius: \"12px\",\n                    borderTopLeftRadius: \"12px\",\n                  }}\n                  fluid={coverImgSrc}\n                />\n\n                <AskCard.Body>\n                  <AskCard.Title style={{ marginTop: \"16px\" }}>\n                    {card.title}\n                  </AskCard.Title>\n                  <AskCard.Text>{card.description}</AskCard.Text>\n                  {card.loginRequired && !user ? (\n                    <AskRedirectLink\n                      text={card.linkText}\n                      href={`/login?returnUrl=${encodeURIComponent(\n                        card.linkUrl\n                      )}`}\n                    />\n                  ) : (\n                    <AskRedirectLink text={card.linkText} href={card.linkUrl} />\n                  )}\n                </AskCard.Body>\n              </AskCard>\n            </Col>\n          )\n        })}\n      </Row>\n    </Container>\n  )\n}\n\nexport default AskSection\n","import React, { useState } from \"react\"\nimport AliceCarousel from \"react-alice-carousel\"\nimport { graphql, StaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport \"react-alice-carousel/lib/alice-carousel.css\"\nimport { FaArrowRight } from \"react-icons/fa\"\nimport { GreenAppButton } from \"../../buttons\"\n\nconst infoCards = [\n  {\n    id: 1,\n    title: \"Things to consider before starting treatment\",\n    description:\n      \"When deciding to start fertility treatments, it's important to consider several factors that can impact your decision.\",\n    linkText: \"Learn more\",\n    linkUrl: \"articles/things-to-consider-before-starting-treatment\",\n    coverImage: \"things-to-consider.jpg\",\n  },\n  {\n    id: 2,\n    title: \"Unexplained infertility\",\n    description:\n      \"Both men and women need to have full fertility check-ups to find out if they have unexplained infertility.\",\n    linkText: \"Learn more\",\n    linkUrl: \"articles/unexplained-infertility\",\n    coverImage: \"unexplained-infertility.jpg\",\n  },\n  {\n    id: 3,\n    title: \"Manage my fertility\",\n    description:\n      \"We support you to manage your lifestyle, track your periods and symptoms to help find answers to your unexplained infertility.\",\n    linkText: \"Learn more\",\n    linkUrl: \"/dashboard\",\n    coverImage: \"is-it-possible.jpg\",\n  },\n]\n\nconst InfoSection = () => {\n  const [activeIndex, setActiveIndex] = useState(0)\n\n  const onSlideChanged = (item: any) => setActiveIndex(item)\n\n  return (\n    <StaticQuery\n      query={graphql`\n        query {\n          info_1: file(relativePath: { eq: \"things-to-consider.jpg\" }) {\n            childImageSharp {\n              fluid(maxWidth: 695) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n          info_2: file(relativePath: { eq: \"unexplained-infertility.jpg\" }) {\n            childImageSharp {\n              fluid(maxWidth: 695) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n          info_3: file(relativePath: { eq: \"is-it-possible.jpg\" }) {\n            childImageSharp {\n              fluid(maxWidth: 695) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      `}\n      render={data => {\n        const items = infoCards.map(card => {\n          const imgSrc = data[`info_${card.id}`]?.childImageSharp?.fluid\n          return (\n            <div\n              key={card.id}\n              className=\"block items-center md:flex justify-around bg-gray-100 p-5 rounded-lg  \"\n            >\n              <div className=\"flex-1 hidden md:block pr-5\">\n                {imgSrc && (\n                  <Img\n                    fluid={imgSrc}\n                    alt={card.title}\n                    className=\"rounded-lg\"\n                    style={{ height: \"500px\", objectFit: \"cover\" }}\n                  />\n                )}\n              </div>\n              <div className=\"flex-1 block md:hidden pb-3\">\n                {imgSrc && (\n                  <Img\n                    fluid={imgSrc}\n                    alt={card.title}\n                    className=\"rounded-lg  \"\n                    style={{ height: \"300px\", objectFit: \"cover\" }}\n                  />\n                )}\n              </div>\n              <div className=\"flex-1  \">\n                <h2\n                  style={{ color: \"#163A74\", textAlign: \"left\" }}\n                  className=\"text-2xl \"\n                >\n                  {card.title}\n                </h2>\n                <p\n                  style={{ color: \"#163A74\" }}\n                  className=\"text-gray-600 mt-2 text-sm\"\n                >\n                  {card.description}\n                </p>\n                <div className=\"flex\"></div>\n\n                <a\n                  href={card.linkUrl}\n                  style={{ backgroundColor: \"#058c9b\", textDecoration: \"none\" }}\n                  className=\"inline-block mt-4 px-4 py-2 text-white rounded-lg\"\n                >\n                  {`${card.linkText} `}\n                  <FaArrowRight size={18} />\n                </a>\n              </div>\n            </div>\n          )\n        })\n\n        return (\n          <div className=\"\">\n            <AliceCarousel\n              mouseTracking\n              items={items}\n              activeIndex={activeIndex}\n              onSlideChanged={onSlideChanged}\n              disableButtonsControls\n              infinite\n              autoPlay\n              autoPlayInterval={3000}\n            />\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nexport default InfoSection\n","import React from \"react\"\nimport CoverSection from \"components/homePage/CoverSection\"\nimport TopicSection from \"components/homePage/TopicSection\"\nimport Layout from \"components/layout\"\nimport Seo from \"components/seo\"\nimport WomenVoiceSection from \"components/homePage/WomenVoiceSection\"\nimport ServiceSection from \"components/homePage/ServiceSection\"\nimport AskSection from \"components/homePage/AskSection\"\nimport InfoSection from \"components/homePage/InfoSection\"\nimport styled from \"styled-components\"\nimport { breakpoints } from \"utils\"\n\nconst Wrapper = styled.div`\n  width: 100%;\n  @media (max-width: ${breakpoints.extraLargeDesktop}px) {\n    max-width: 1552px;\n  }\n`\n\nconst IndexPage = () => {\n  return (\n    <Layout>\n      <Seo title=\"Home\" />\n      <Wrapper>\n        <CoverSection />\n        <TopicSection />\n        {/* <WomenVoiceSection /> */}\n        <ServiceSection />\n        {/* <AskSection /> */}\n        <InfoSection />\n      </Wrapper>\n    </Layout>\n  )\n}\n\nexport default IndexPage\n","var React = require('react');\n\nfunction CloseInline (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",{\"opacity\":\"0.25\"},[React.createElement(\"path\",{\"d\":\"M18 6L6 18\",\"stroke\":\"black\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M6 6L18 18\",\"stroke\":\"black\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":1})]));\n}\n\nCloseInline.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = CloseInline;\n\nCloseInline.default = CloseInline;\n"],"names":["className","p","ref","Container","styled","props","React","Row","_templateObject","_taggedTemplateLiteralLoose","breakpoints","tablet","LeftCol","Col","_templateObject2","theme","colors","heading","phone","RightCol","_templateObject3","Hero","div","_templateObject4","_templateObject5","_templateObject6","_templateObject7","HeroImage","Img","_templateObject8","BlueCircle","_templateObject9","IconButton","Button","_templateObject10","RightArrowIcon","FaArrowRight","_templateObject11","primary","PunchLine","Heading","Content","sm","md","onClick","navigate","HomepageConfig","link","StaticQuery","query","data","fluid","file","childImageSharp","h1","centerInMobile","Title","SectionTitle","secondary","SearchIcon","FaSearch","TopicList","_useState","useState","topics","setTopics","_useState2","isMobileView","setIsMobileView","allTopics","queryAllYaml","discoverTopics","edges","map","item","Object","assign","node","id","order","console","log","sort","a","b","useEffect","isMobile","document","body","scrollWidth","_toConsumableArray","topic","Topic","icon","title","key","iconStyles","fill","getColor","color","Link","Text","darkPrimary","span","white","_ref","text","href","to","$maxHeight","BsDot","HiSpeakerphone","RedirectLink","Header","SpeakerIcon","FaRegCompass","MoreLink","MobileMoreLink","ServiceCard","DiscoverCard","renderCarouselItems","items","path","_queryAllYaml","discoverArticles","setItems","edge","articles","sortedItems","forEach","Array","isArray","articlePath","article","find","push","length","Carousel","infinite","_excluded","CardImg","bsPrefix","variant","_ref$as","as","Component","prefix","displayName","defaultProps","DivStyledAsH5","divWithClassName","DivStyledAsH6","CardBody","createWithBsPrefix","CardTitle","CardSubtitle","CardLink","CardText","CardHeader","CardFooter","CardImgOverlay","Card","bg","border","children","cardContext","useMemo","cardHeaderBsPrefix","CardContext","Provider","value","Subtitle","Body","Footer","ImgOverlay","AskCard","BiMessage","infoCards","description","linkText","linkUrl","coverImage","activeIndex","setActiveIndex","onSlideChanged","render","card","_data","_data$childImageSharp","imgSrc","alt","style","height","objectFit","textAlign","backgroundColor","textDecoration","size","AliceCarousel","mouseTracking","disableButtonsControls","autoPlay","autoPlayInterval","Wrapper","extraLargeDesktop","Layout","Seo","CoverSection","TopicSection","ServiceSection","InfoSection","CloseInline","createElement","module","exports","default"],"sourceRoot":""}