{"version":3,"file":"DownloadConnect.23e2133f.js","sources":["../../../../../../src/components/tutorials/DownloadTutorial.svelte","../../../../../../src/components/connect/DownloadConnect.svelte"],"sourcesContent":["<script>\n\texport let source = 'facebook';\n</script>\n\n<!-- <div class=\"logos\">\n  {#each sources?.filter((s) => s != 'spotify') as company}\n    <div style=\"position: relative\">\n      <img\n        id={company}\n        class={'logo ' + (source == company ? 'selected' : '')}\n        src={`/logos/${company}_logo.svg`}\n        alt={company + ' icon'}\n        on:click={() => (source = company)} />\n    </div>\n  {/each}\n</div>\n<div class=\"width-full text-center mb-4\">\n  Click on the logo of the data-source you want to analyse in Magicflow\n</div> -->\n\n<!-- Facebook -->\n{#if source == 'facebook'}\n\t<p class=\"content\">\n\t\tBefore you go to your settings (linked below), here's how to make sure you request the data in\n\t\tthe right format:\n\t</p>\n\t<ol>\n\t\t<li>\n\t\t\t<div>\n\t\t\t\t<p>Select the format: <b>JSON</b></p>\n\t\t\t\t<img src=\"tutorial/selectJSON.webp\" alt=\"select JSON\" />\n\t\t\t</div>\n\t\t</li>\n\t\t<li>\n\t\t\t<div>\n\t\t\t\t<p>Untick <b>Photos and Videos</b> from the list of data</p>\n\t\t\t\t<img src=\"tutorial/untickPhotos.webp\" alt=\"untick photos\" />\n\t\t\t</div>\n\t\t</li>\n\t\t<li>\n\t\t\t<div>\n\t\t\t\t<p>Choose <b>Media quality: Low</b></p>\n\t\t\t\t<img src=\"tutorial/lowQuality.webp\" alt=\"low quality\" />\n\t\t\t</div>\n\t\t</li>\n\t\t<li>\n\t\t\t<p>Click <b>\"Create File\"</b></p>\n\t\t</li>\n\t</ol>\n\t<div class=\"content\">\n\t\t<p><b>Ok. Time to download it. Remember the right format!</b></p>\n\t\t<p>\n\t\t\tGo to\n\t\t\t<a href=\"https://facebook.com/dyi\" target=\"_blank\"> Download Your Information </a>\n\t\t\twithin your Facebook Settings (Log in if you need to).\n\t\t</p>\n\t\t<p>You should see:</p>\n\t\t<div class=\"picture\">\n\t\t\t<a href=\"https://facebook.com/dyi\" target=\"_blank\">\n\t\t\t\t<img src=\"/tutorial/downloadFacebook.webp\" alt=\"Settings\" />\n\t\t\t\t<div class=\"container\">Facebook settings</div>\n\t\t\t</a>\n\t\t</div>\n\t</div>\n\t<p class=\"content\">\n\t\tIt may take a while (between 20mins and 1 hour) for the data to be ready, especially if the file\n\t\tis large. Facebook will notify you when the file is ready.\n\t</p>\n\t<a href=\"https://facebook.com/dyi\" target=\"_blank\">\n\t\t<button>Download Your Data</button>\n\t</a>\n\t<!-- FB done, now Google -->\n\t<!-- Google -->\n{:else if source == 'google'}\n\t<div class=\"content\">\n\t\t<p>\n\t\t\t<b> Make sure you download it in the largest filesize (10GB+) and export every 2 months! </b>\n\t\t\t<br />\n\t\t\tGo to\n\t\t\t<a href=\"https://takeout.google.com/settings/takeout\" target=\"_blank\">\n\t\t\t\tYour Google Data takeout\n\t\t\t</a>\n\t\t\twithin your Google Settings (Log in if you need to).\n\t\t</p>\n\t\t<p>You should see:</p>\n\t\t<div class=\"picture\">\n\t\t\t<a href=\"https://takeout.google.com/settings/takeout\" target=\"_blank\">\n\t\t\t\t<img src=\"/tutorial/downloadGoogle.webp\" alt=\"Settings\" />\n\t\t\t</a>\n\t\t\t<div class=\"container\">\n\t\t\t\t<p>Google Takeout page</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<a href=\"https://takeout.google.com/settings/takeout\" target=\"_blank\">\n\t\t<button>Download Your Data</button>\n\t</a>\n\t<!-- Google done, now Twitter -->\n\t<!-- Twitter -->\n{:else if source == 'twitter'}\n\t<div class=\"content\">\n\t\t<p>\n\t\t\t<b>\n\t\t\t\tYou can request a ZIP file with an archive of your Twitter data. You’ll get an in-app\n\t\t\t\tnotification when the archive of your data is ready to download.\n\t\t\t</b>\n\t\t\t<br />\n\t\t\tGo to\n\t\t\t<a href=\"https://twitter.com/settings/your_twitter_data\" target=\"_blank\">\n\t\t\t\tYour Twitter data\n\t\t\t</a>\n\t\t\twithin your Twitter Settings (Log in if you need to).\n\t\t</p>\n\t\t<p>You should see:</p>\n\t\t<div class=\"picture\">\n\t\t\t<a href=\"https://twitter.com/settings/your_twitter_data\" target=\"_blank\">\n\t\t\t\t<img src=\"/tutorial/downloadTwitter.webp\" alt=\"Settings\" />\n\t\t\t</a>\n\t\t\t<div class=\"container\">\n\t\t\t\t<p>Twitter Takeout page</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<a href=\"https://twitter.com/settings/your_twitter_data\" target=\"_blank\">\n\t\t<button>Download Your Data</button>\n\t</a>\n\t<!-- Twitter done, now LinkedIn -->\n\t<!-- LinkedIn -->\n{:else if source == 'linkedin'}\n\t<div class=\"content\">\n\t\t<p>\n\t\t\t<b>\n\t\t\t\tRequest your full ZIP file with an archive of your LinkedIn data. You’ll get an in-app\n\t\t\t\tnotification and an email when the archive of your data is ready to download.\n\t\t\t</b>\n\t\t\t<br />\n\t\t\tMake sure to choose Download larger archive! Go to\n\t\t\t<a href=\"https://www.linkedin.com/psettings/member-data\" target=\"_blank\">\n\t\t\t\tYour LinkedIn data\n\t\t\t</a>\n\t\t\twithin your LinkedIn Settings (Log in if you need to).\n\t\t</p>\n\t\t<p>You should see:</p>\n\t\t<div class=\"picture\">\n\t\t\t<a href=\"https://www.linkedin.com/psettings/member-data\" target=\"_blank\">\n\t\t\t\t<img src=\"/tutorial/downloadLinkedin.webp\" alt=\"Settings\" />\n\t\t\t</a>\n\t\t\t<div class=\"container\">\n\t\t\t\t<p>LinkedIn Takeout page</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<a href=\"https://twitter.com/settings/your_twitter_data\" target=\"_blank\">\n\t\t<button>Download Your Data</button>\n\t</a>\n\t<!-- LinkedIn done, now Instagram -->\n\t<!-- Instagram -->\n{:else if source == 'instagram'}\n\t<div class=\"content\">\n\t\t<p>\n\t\t\t<b>\n\t\t\t\tRequest your full ZIP file with an archive of your Instagram data. You’ll get an in-app\n\t\t\t\tnotification and an email when the archive of your data is ready to download.\n\t\t\t</b>\n\t\t\tMake sure to choose JSON format! Go to\n\t\t\t<a href=\"https://www.instagram.com/download/request/\" target=\"_blank\">\n\t\t\t\tYour Instagram data\n\t\t\t</a>\n\t\t\twithin your Instagram Settings (Log in if you need to).\n\t\t</p>\n\t\t<p>You should see:</p>\n\t\t<div class=\"picture\">\n\t\t\t<a href=\"https://www.instagram.com/download/request/\" target=\"_blank\">\n\t\t\t\t<img src=\"/tutorial/downloadInstagram.webp\" alt=\"Instagram Settings\" />\n\t\t\t</a>\n\t\t\t<div class=\"container\">\n\t\t\t\t<p>Instagram Takeout page</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t<a href=\"https://twitter.com/settings/your_twitter_data\" target=\"_blank\">\n\t\t<button>Download Your Data</button>\n\t</a>\n{/if}\n\n<style>\n\t/* .logos {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\theight: fit-content;\n\t\tmargin: 3vh auto 2vh;\n\t\twidth: 80%;\n\t}\n\timg.logo {\n\t\tmargin: 0px;\n\t\tpadding: 0px;\n\t\theight: 40px;\n\t\twidth: 40px;\n\t\topacity: 0.4;\n\t\tbox-shadow: 'none';\n\t\tcursor: pointer;\n\t}\n\timg.logo.selected {\n\t\topacity: 1;\n\t\tbox-shadow: '0px 4px 15px 0px #2D303A16';\n\t}\n\t.beta {\n\t\tposition: absolute;\n\t\ttop: -40%;\n\t\tleft: 70%;\n\t\twidth: 100%;\n\t\tcolor: rgb(255, 0, 115);\n\t\topacity: 0.6;\n\t\tfont-family: monospace;\n\t} */\n\tdiv.picture {\n\t\tdisplay: block;\n\t\tmargin: 20px auto 40px;\n\t\tborder-radius: 5px;\n\t\twidth: 70%;\n\t\tbackground-color: white;\n\t\tbox-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n\t}\n\tdiv.picture div {\n\t\tpadding: 1vh;\n\t}\n\tdiv.picture:hover {\n\t\tborder-color: #1e90ff;\n\t}\n\tli div {\n\t\tdisplay: flex;\n\t}\n\timg {\n\t\tmax-width: 100%;\n\t}\n\tli img {\n\t\twidth: 50%;\n\t\tmargin: 2vh;\n\t\tmargin-left: auto;\n\t\theight: 100%;\n\t}\n</style>\n","<script>\n\timport DownloadTutorial from '../tutorials/DownloadTutorial.svelte';\n\timport Modal from '../Modal.svelte';\n\tlet selected;\n\texport let sources = ['facebook', 'google', 'twitter', 'linkedin', 'instagram'];\n\texport let sourceTimes = {\n\t\tfacebook: ['2 minutes', '2-4 hours'],\n\t\tgoogle: ['5 minutes', '6-24 hours'],\n\t\ttwitter: ['2 minutes', '4-8 hours'],\n\t\tlinkedin: ['3 minutes', '4-8 hours'],\n\t\tinstagram: ['3 minutes', '24-48 hours']\n\t};\n</script>\n\n<div\n\tclass=\"grid max-w-xl w-full m-auto gap-6 p-2\"\n\tstyle=\"grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)) !important;\"\n>\n\t{#each sources as source}\n\t\t<card\n\t\t\tclass=\"capitalize bg-black flex flex-col items-center gap-4 font-semibold cursor-pointer\"\n\t\t\ton:click={() => (selected = source)}\n\t\t>\n\t\t\t<img class=\"h-10 w-10\" src=\"/logos/{source}_logo.svg\" alt=\"{source} logo\" />\n\t\t\t<div>\n\t\t\t\t<div class=\"text-xs text-gray-400 text-center uppercase my-1 font-semibold\">\n\t\t\t\t\tTime to request\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex items-center gap-2 font-medium text-sm\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"w-6 h-6\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\td=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136\n                7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t{sourceTimes[source]?.[0]}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div>\n\t\t\t\t<div class=\"text-xs text-gray-400 text-center uppercase my-1 font-semibold\">Wait time</div>\n\t\t\t\t<div class=\"flex items-center gap-2 font-medium text-sm\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"w-6 h-6\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\td=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t{sourceTimes[source][1]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</card>\n\t{/each}\n</div>\n\n{#if selected}\n\t<Modal options={{ topLevel: true }} bind:show={selected}>\n\t\t<DownloadTutorial source={selected} />\n\t</Modal>\n{/if}\n"],"names":["insert_hydration","target","div2","anchor","a2","p0","ol","div5","p8","ctx","create_if_block","create_if_block_1","create_if_block_2","create_if_block_3","create_if_block_4","source","$$props","_a","attr","img","img_src_value","card","append_hydration","div0","div1","svg0","path0","div3","div4","svg1","path1","set_data","t4","t4_value","t9","t9_value","i","div","selected","sources","sourceTimes","click_handler","$$invalidate","value"],"mappings":";;;;qyBA8JCA,EAqBKC,EAAAC,EAAAC,CAAA,WACLH,EAEGC,EAAAG,EAAAD,CAAA;;;;4xBArDHH,EAsBKC,EAAAC,EAAAC,CAAA,WACLH,EAEGC,EAAAG,EAAAD,CAAA;;;;wxBAtDHH,EAsBKC,EAAAC,EAAAC,CAAA,WACLH,EAEGC,EAAAG,EAAAD,CAAA;;;+wBAnDHH,EAmBKC,EAAAC,EAAAC,CAAA,WACLH,EAEGC,EAAAG,EAAAD,CAAA;;;;w2BA1EHH,EAGGC,EAAAI,EAAAF,CAAA,WACHH,EAsBIC,EAAAK,EAAAH,CAAA,WACJH,EAcKC,EAAAM,EAAAJ,CAAA,WACLH,EAGGC,EAAAO,EAAAL,CAAA,WACHH,EAEGC,EAAAG,EAAAD,CAAA,iGAjDC,GAAAM,MAAU,WAAU,OAAAC,GAoDf,GAAAD,MAAU,SAAQ,OAAAE,GA0BlB,GAAAF,MAAU,UAAS,OAAAG,GA6BnB,GAAAH,MAAU,WAAU,OAAAI,GA6BpB,GAAAJ,MAAU,YAAW,OAAAK,yOA5JnB,GAAA,CAAA,OAAAC,EAAS,UAAU,EAAAC,oQC2CzBC,EAAAR,EAAW,CAAA,EAACA,EAAM,CAAA,CAAA,IAAlB,YAAAQ,EAAsB,IAAC,qCAqBvBR,EAAW,CAAA,EAACA,EAAM,CAAA,CAAA,EAAE,CAAC,EAAA,qsCA1CYA,EAAM,CAAA,EAAA,WAAA,GAAAS,EAAAC,EAAA,MAAAC,CAAA,cAAkBX,EAAM,CAAA,EAAA,OAAA;syBAJnET,EAiDMC,EAAAoB,EAAAlB,CAAA,EA7CLmB,EAA2ED,EAAAF,CAAA,SAC3EG,EAsBKD,EAAAnB,CAAA,EArBJoB,EAEKpB,EAAAqB,CAAA,SACLD,EAiBKpB,EAAAsB,CAAA,EAhBJF,EAcKE,EAAAC,CAAA,EAPJH,EAMCG,EAAAC,CAAA,uBAMJJ,EAmBKD,EAAAd,CAAA,EAlBJe,EAA0Ff,EAAAoB,CAAA,SAC1FL,EAgBKf,EAAAqB,CAAA,EAfJN,EAaKM,EAAAC,CAAA,EANJP,EAKCO,EAAAC,CAAA,iGAxCgCrB,EAAM,CAAA,EAAA,WAAA,4BAAkBA,EAAM,CAAA,EAAA,qCAqB/DQ,EAAAR,EAAW,CAAA,EAACA,EAAM,CAAA,CAAA,IAAlB,YAAAQ,EAAsB,IAAC,KAAAc,GAAAC,EAAAC,CAAA,cAqBvBxB,EAAW,CAAA,EAACA,EAAM,CAAA,CAAA,EAAE,CAAC,EAAA,KAAAsB,GAAAG,EAAAC,CAAA,iFAQR,QAAA,CAAA,SAAU,EAAI,iDAAe1B,EAAQ,CAAA,IAAA,gBAARA,EAAQ,CAAA,uMAARA,EAAQ,CAAA,iKAC5BA,EAAQ,CAAA,CAAA,CAAA,CAAA,4GAARA,EAAQ,CAAA,8HAxD5BA,EAAO,CAAA,CAAA,uBAAZ,OAAI2B,GAAA,2BAsDF3B,EAAQ,CAAA,GAAAC,GAAAD,CAAA,yWA1DbT,EAwDKC,EAAAoC,EAAAlC,CAAA,6GApDGM,EAAO,CAAA,CAAA,oBAAZ,OAAI2B,GAAA,EAAA,mHAAJ,OAsDE3B,EAAQ,CAAA,qNArER6B,GACO,QAAAC,EAAO,CAAI,WAAY,SAAU,UAAW,WAAY,WAAW,CAAA,EAAAvB,GACnE,YAAAwB,EAAW,CACrB,SAAQ,CAAG,YAAa,WAAW,EACnC,OAAM,CAAG,YAAa,YAAY,EAClC,QAAO,CAAG,YAAa,WAAW,EAClC,SAAQ,CAAG,YAAa,WAAW,EACnC,UAAS,CAAG,YAAa,aAAa,MAWpB,MAAAC,EAAA1B,GAAA2B,EAAA,EAAAJ,EAAWvB,CAAM,gBAoDWuB,EAAQK"}