{"version":3,"file":"WithContext-CZYKIGvB.js","sources":["../../src/lib/components/Context/WithContainerContext.svelte","../../src/lib/components/SecuredArea/RegistrationSection.svelte","../../src/lib/components/SecuredArea/LoginSection.svelte","../../src/lib/components/SecuredArea/ModalSecuredArea.svelte","../../src/lib/components/Context/WithSecuredAreaModalContext.svelte","../../src/lib/components/Context/WithContext.svelte"],"sourcesContent":["<script lang=\"ts\">\n    import type { ShareableContainer } from '$lib/container/shareableContainer.js';\n    import { setContainer } from '$components/Context/ContainerContext.js';\n\n    export let container: ShareableContainer;\n\n    setContainer(container);\n</script>\n\n<slot />\n","<script lang=\"ts\">\n    import { getContainer } from '$components/Context/ContainerContext';\n\n    const { urlHelper } = getContainer();\n</script>\n\n<div>\n    <h2 class=\"text-center\">Inscription</h2>\n    <div class=\"text-left\">\n        <p>\n            Inscrivez-vous sur Go Africa pour bénéficier de tous nos service de mise en\n            relation:\n        </p>\n        <ul class=\"list-none p-0\">\n            <li>Contacter des entreprises</li>\n            <li>Faire des demandes de devis</li>\n            <li>Laisser vos avis sur les professionnels</li>\n        </ul>\n        <p>\n            L'inscription est <strong>rapide</strong> et <strong>gratuite</strong> alors\n            <em>rejoignez nous !</em>\n        </p>\n    </div>\n    <div>\n        <div class=\"mt-[20px]\" />\n        <a href={urlHelper().registration()} class=\"btn btn-block btn-lg btn-yellow\">\n            Je crée mon compte\n        </a>\n    </div>\n</div>\n","<script lang=\"ts\">\n    import { getContainer } from '$components/Context/ContainerContext';\n    import { createForm } from '$components/LoginForm/LoginFormData';\n    import { createOnSubmit } from '$components/LoginForm/LoginFormAction';\n    import Row from '$components/Form/Row.svelte';\n    import SubmitButton from '$components/Form/SubmitButton.svelte';\n    import HtmlForm from '$components/Form/HtmlForm.svelte';\n    import PasswordInput from '$components/Form/PasswordInput.svelte';\n    import FormErrors from '$components/Form/FormErrors.svelte';\n    import Input from '$components/Form/Input.svelte';\n\n    let [form, fields] = createForm('login-form-dropdown', {});\n\n    export let targetPath: string | null = null;\n\n    export let onSubmit = createOnSubmit({ targetPath: () => targetPath });\n\n    const { urlHelper } = getContainer();\n</script>\n\n<div class=\"text-left\">\n    <div class=\"text-center\">\n        <h2>Connexion</h2>\n    </div>\n\n    <HtmlForm class=\"flex flex-col gap-8\" {form} {onSubmit}>\n        <h3 class=\"mb-4 font-bold text-16 text-center\">Déjà inscrit ?</h3>\n\n        <Row {form} field={fields.email} label=\"Email\" let:field>\n            <Input\n                {form}\n                {field}\n                toText={(id) => id}\n                fromText={(id) => id}\n                name=\"email\"\n            />\n        </Row>\n\n        <Row {form} field={fields.password} label=\"Mot de passe\" let:field>\n            <PasswordInput {form} {field} name=\"password\" />\n        </Row>\n\n        <FormErrors {form} />\n\n        <div class=\"flex flex-col gap-4\">\n            <SubmitButton\n                {form}\n                class=\"btn btn-primary btn-lg btn-block self-start\"\n                text=\"Se connecter\"\n                submittingText=\"Connexion en cours...\"\n            />\n\n            <a\n                class=\"flex-auto text-12 text-link underline hover:no-underline py-4\"\n                href={urlHelper().resetPassword()}\n                >Mot de passe oublié ?\n            </a>\n        </div>\n    </HtmlForm>\n</div>\n","<script lang=\"ts\" context=\"module\">\n    import Modal, { createModal } from '$components/Modal.svelte';\n\n    export { createModal };\n</script>\n\n<script lang=\"ts\">\n    import { melt } from '@melt-ui/svelte';\n    import logo from '$assets/logo.png';\n    import RegistrationSection from '$components/SecuredArea/RegistrationSection.svelte';\n    import LoginSection from '$components/SecuredArea/LoginSection.svelte';\n\n    export let modal: ReturnType<typeof createModal>;\n    let {\n        elements: { title, close },\n    } = modal;\n\n    let targetAction = '';\n</script>\n\n<Modal contentClass=\"max-w-[900px]\" {modal}>\n    <div\n        class=\"p-[20px] text-[#c7c7c7] relative\"\n        style=\"background-color: hsla(205, 95%, 16%, 1);  position: unset; bottom: unset; height: unset; width: unset; \"\n    >\n        <div>\n            <div class=\"block\">\n                <img class=\"h-[80px] block m-auto\" src={logo} alt={'Logo goafrica'} />\n            </div>\n            <div use:melt={$title} class=\"text-center text-[30px] mt-[6px]\">\n                Le réseau professionnel N°1 en Afrique\n            </div>\n        </div>\n        <button\n            use:melt={$close}\n            aria-label=\"Close\"\n            class=\"close absolute right-10 top-10 text-white\"\n        >\n            <span aria-hidden=\"true\">&times;</span>\n        </button>\n    </div>\n\n    <div class=\"safe-area-[20px] pb-[65px]\">\n        <div class=\"max-w-[400px] m-auto text-[18px] font-bold\">\n            {targetAction}\n        </div>\n\n        <div class=\"max-w-[400px] m-auto\">\n            <RegistrationSection />\n        </div>\n        <hr />\n        <div class=\"max-w-[400px] m-auto\">\n            <LoginSection />\n        </div>\n    </div>\n</Modal>\n","<script lang=\"ts\">\n    import { writable } from 'svelte/store';\n    import { setSecuredAreaModalOpenState } from '$components/Context/SecuredAreaModalContext';\n    import ModalSecuredArea, {\n        createModal,\n    } from '$components/SecuredArea/ModalSecuredArea.svelte';\n\n    const open = writable<boolean>(false);\n    setSecuredAreaModalOpenState(open);\n\n    let modal = createModal({ open });\n</script>\n\n<slot />\n\n<ModalSecuredArea {modal} />\n","<script lang=\"ts\" generics=\"TProps extends __RecordStringAny\">\n    import WithContainerContext from '$components/Context/WithContainerContext.svelte';\n    import type { ShareableContainer } from '$lib/container/shareableContainer.js';\n    import type { SvelteComponent } from 'svelte';\n    import type { Constructor } from 'type-fest';\n    import WithSecuredAreaModalContext from '$components/Context/WithSecuredAreaModalContext.svelte';\n\n    export let container: ShareableContainer;\n\n    export let component: Constructor<SvelteComponent<TProps>>;\n    export let props: TProps;\n</script>\n\n<WithContainerContext {container}>\n    <WithSecuredAreaModalContext>\n        <svelte:component this={component} {...props} />\n    </WithSecuredAreaModalContext>\n</WithContainerContext>\n"],"names":["container","$$props","setContainer","attr","a","ctx","insert","target","div3","anchor","append","h2","div0","div2","div1","urlHelper","getContainer","h3","div","func","id","func_1","form","fields","createForm","targetPath","onSubmit","createOnSubmit","logo","targetAction","button","span","div7","div4","div5","hr","div6","modal","title","close","open","writable","setSecuredAreaModalOpenState","createModal","component","props"],"mappings":"umDAIe,CAAA,UAAAA,CAAA,EAAAC,EAEX,OAAAC,GAAaF,CAAS;;0FCmB0D,oBAE5E,+EAFSG,EAAAC,EAAA,OAAAC,OAAY,aAAY,CAAA,yDAnBzCC,EAuBKC,EAAAC,EAAAC,CAAA,EAtBDC,EAAuCF,EAAAG,CAAA,SACvCD,EAcKF,EAAAI,CAAA,SACLF,EAKKF,EAAAK,CAAA,EAJDH,EAAwBG,EAAAC,CAAA,SACxBJ,EAEGG,EAAAT,CAAA,0DAxBC,UAAAW,GAAcC,6rBCyBC,MAAAX,KAAO,kIAUP,MAAAA,KAAO,ocAiBjB,uBACL,iIAFUF,EAAAC,EAAA,OAAAC,OAAY,cAAa,CAAA,6CA5BvCC,EAAiEC,EAAAU,EAAAR,CAAA,iEAkBjEH,EAaKC,EAAAW,EAAAT,CAAA,qBALDC,EAIGQ,EAAAd,CAAA,8pBApCfE,EAuCKC,EAAAO,EAAAL,CAAA,EAtCDC,EAEKI,EAAAF,CAAA,wMASgB,MAAAO,GAAAC,GAAOA,EACLC,GAAAD,GAAOA,yBAtBzBE,EAAMC,CAAM,EAAIC,GAAW,sBAAA,CAAA,CAAA,GAErB,WAAAC,EAA4B,IAAA,EAAAxB,EAE5B,CAAA,SAAAyB,EAAWC,IAAiB,WAAkB,IAAAF,CAAA,CAAA,CAAA,EAAAxB,QAEjD,UAAAc,GAAcC,wQCYLX,EAAM,CAAA,kGAKXA,EAAM,CAAA,kMAPkCO,EAAA,UAAA,2CAAAgB,EAAI,+CAEe,wCAE/D,iGAaCC,EAAY,kgBAvBrBvB,EAmBKC,EAAAC,EAAAC,CAAA,EAfDC,EAOKF,EAAAK,CAAA,EANDH,EAEKG,EAAAD,CAAA,SACLF,EAEKG,EAAAC,CAAA,gBAETJ,EAMQF,EAAAsB,CAAA,EADJpB,EAAsCoB,EAAAC,CAAA,kCAI9CzB,EAYKC,EAAAyB,EAAAvB,CAAA,EAXDC,EAEKsB,EAAAC,CAAA,SAELvB,EAEKsB,EAAAE,CAAA,qBACLxB,EAAKsB,EAAAG,CAAA,SACLzB,EAEKsB,EAAAI,CAAA,6FAxBQ/B,EAAM,CAAA,gEAKXA,EAAM,CAAA,8jBAjBdwB,GAAe,8BALR,CAAA,MAAAQ,CAAA,EAAApC,EAEP,CAAA,SAAA,CAAY,MAAAqC,EAAO,MAAAC,CACnB,CAAA,EAAAF,klBCRE,MAAAG,EAAOC,GAAkB,EAAK,EACpCC,GAA6BF,CAAI,EAE7B,IAAAH,EAAQM,GAAc,CAAA,KAAAH,CAAA,CAAA,gKCKiBnC,EAAK,CAAA,CAAA,QAApBA,EAAS,CAAA,yGAAMA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,8HAApBA,EAAS,CAAA,GAAA,4KAAMA,EAAK,CAAA,CAAA,CAAA,CAAA,qtBARrC,GAAA,CAAA,UAAAL,CAAA,EAAAC,EAEA,CAAA,UAAA2C,CAAA,EAAA3C,EACA,CAAA,MAAA4C,CAAA,EAAA5C"}