{"version":3,"file":"Stats.13e35f84.js","sources":["../../../../../../../../libs/fe/center-kit/src/components/common/StoreButton.svelte","../../../../../../../../libs/fe/center-kit/src/components/site/home/CallAction.svelte","../../../../../../../../libs/fe/center-kit/src/components/site/home/Features.svelte","../../../../../../../../libs/fe/center-kit/src/components/site/home/Stats.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { addDataAttrs } from '@centerhealth/fe/heap';\n\n  export let type: 'app-store' | 'google-play' = 'app-store';\n\n  const link =\n    type === 'app-store'\n      ? 'https://itunes.apple.com/app/center-the-diabetes-app/id1231963619?utm_source=site_cta'\n      : 'https://play.google.com/store/apps/details?id=com.distillr.app&utm_source=site_cta';\n</script>\n\n<a\n  use:addDataAttrs={{ action: 'cta', subAction: 'app-store', value: type }}\n  href={link}\n  target=\"_blank\"\n>\n  <div class=\"store-btn inline-block bg-no-repeat\tstore-btn--{type}\" />\n</a>\n\n<style>\n  .store-btn {\n    border-radius: 10px;\n    height: 50px;\n    width: 160px;\n    background-size: 100% auto;\n  }\n  .store-btn--app-store {\n    background-image: var(--store-sprite);\n  }\n  .store-btn--google-play {\n    background-image: var(--store-sprite);\n    background-position: left -50px;\n  }\n</style>\n","<script lang=\"ts\">\n  import { StoreButton, Button } from '@centerhealth/fe/center-kit';\n  import type { CtaModel } from '@centerhealth/fe/center-kit';\n  import { SubActions } from '@centerhealth/fe/heap';\n\n  export let title: string,\n    subtitle = '',\n    cta: CtaModel = {};\n\n  // Sanitize link from \"/\" and queryParams\n  const heapValue = cta?.link?.replace('/', '')?.split('?')[0] as SubActions;\n</script>\n\n<section class=\"mt-7\">\n  <div class=\"container gap-4 mx-auto text-center\">\n    <h2 class=\"text-center mb-4\">\n      {title}\n    </h2>\n    {#if subtitle}\n      <p class=\"text-lg text-gray xl:text-xl\">{subtitle}</p>\n    {/if}\n    <div class=\"my-6 xxl:my-6\">\n      <Button\n        mobileBlock\n        heapAttr={{ action: 'cta', subAction: heapValue }}\n        size=\"xlarge\"\n        href={cta.link}>{cta.label}</Button\n      >\n    </div>\n    <p class=\"text-gray mb-5 xl:text-lg\">Get the app</p>\n    <ul class=\"sm:inline-flex\">\n      <li class=\"mx-1\">\n        <StoreButton type=\"app-store\" />\n      </li>\n      <li class=\"mx-1\">\n        <StoreButton type=\"google-play\" />\n      </li>\n    </ul>\n  </div>\n</section>\n","<script lang=\"ts\">\n  import { Card } from '../../common';\n  import { emojiVariant } from '@centerhealth/fe/stores';\n\n  export let flipComponent = false;\n</script>\n\n<section class=\"mt-7\">\n  <div class=\"container mx-auto grid grid-cols-12 gap-4 md:grid-rows-1\">\n    <div class={flipComponent ? 'cards-wrapper-reversed' : 'cards-wrapper'}>\n      <div class=\"grid grid-cols-12\">\n        <Card customClass=\"mb-2 col-start-1 col-end-11 order-first\" variant=\"secondary\">\n          <p class=\"text-base font-semibold xl:text-lg\">⚠️💧 Hypo warning</p>\n          <p class=\"text-gray xl:text-lg\">\n            Uh-oh! Based on your past history, your stated injection of 5 units for this meal might\n            lead to a hypo – keep an eye out!\n          </p>\n        </Card>\n        <Card customClass=\"mb-2 col-start-3 col-end-13\" variant=\"secondary\">\n          <p class=\"text-base font-semibold xl:text-lg\">📈💧 Blood sugar trend</p>\n          <p class=\"text-gray xl:text-lg\">\n            Your blood sugar appears to consistently spike around 6pm on Wednesdays. Maybe you\n            should take a look?\n          </p>\n        </Card>\n        <Card customClass=\"mb-2 col-start-2 col-end-12\" variant=\"secondary\">\n          <p class=\"text-base font-semibold xl:text-lg\">⏰💉 Basal insulin reminder</p>\n          <p class=\"text-gray text-base xl:text-lg\">\n            Hey! It's 11pm, here's your reminder to take your 10 units of basal insulin.\n          </p>\n        </Card>\n      </div>\n    </div>\n    <div class=\"aria-common {flipComponent ? 'aria-wrapper-reversed' : 'aria-wrapper'}\">\n      <h2 class=\"text-center mb-2 md:text-left\">\n        {$emojiVariant === 'control' ? '🔮' : ''} Introducing your new assistant,\n        <span class=\"font-semibold\">Aria</span>\n      </h2>\n      <p class=\"text-gray text-base text-center md:text-left xl:text-lg\">\n        Aria automatically points out trends in your data, helping you better understand, predict,\n        and treat your diabetes.\n      </p>\n    </div>\n  </div>\n</section>\n\n<style lang=\"postcss\">\n  /* col-end number is exclusive  */\n  .cards-wrapper {\n    @apply col-span-12 md:col-start-7 md:col-end-13 xl:col-start-8 xl:col-end-13;\n  }\n  .cards-wrapper-reversed {\n    @apply col-span-12 md:col-start-1 md:col-end-7 xl:col-start-2 xl:col-end-7;\n  }\n\n  /* Common style for aria element both reversed and normal */\n  .aria-common {\n    @apply col-span-12 mt-5;\n    /* md Override */\n    @apply md:row-start-1 md:mt-0 md:flex md:flex-col md:justify-center;\n  }\n\n  .aria-wrapper {\n    @apply md:col-start-1 md:col-end-6;\n    /* xl Override */\n    @apply xl:col-start-2 xl:col-end-7 xl:pr-4;\n  }\n  .aria-wrapper-reversed {\n    @apply md:col-start-8 md:col-end-13;\n    /* xl Override */\n    @apply xl:col-start-8 xl:col-end-13 xl:pr-4;\n  }\n</style>\n","<script lang=\"ts\">\n  import { emojiVariant } from '@centerhealth/fe/stores';\n  import { CenterImage } from '@centerhealth/fe/center-kit';\n  import { createSourceSet, createSource, ISrcSetData } from '@centerhealth/fe/images';\n\n  //Stats image\n  const imageObject: ISrcSetData = {\n    sourceUrl: '/assets/images/stats-bg.webp',\n    sizes: [\n      { width: 800, widthScreen: 0 },\n      { width: 600, widthScreen: 390 },\n      { width: 600, widthScreen: 575 },\n      { width: 1000, widthScreen: 768 },\n      { width: 1400, widthScreen: 1000 },\n    ],\n  };\n</script>\n\n<section class=\"mt-7 md:mt-6 xxl:mt-7 xl:mb-[400px]\">\n  <div\n    class=\"container mx-auto grid grid-cols-12 gap-4 grid-flow-row grid-rows-2 md:grid-rows-3 xl:grid-rows-1\"\n  >\n    <div class=\"row-start-1 row-end-2 col-span-12 lg:col-start-1 lg:col-end-6\">\n      <CenterImage>\n        <img\n          width=\"968\"\n          height=\"900\"\n          class=\"-left-28 object-contain absolute transform scale-150 img-mq-overrides\"\n          srcset={createSourceSet(imageObject)}\n          src={createSource(imageObject.sourceUrl)}\n          alt=\"stats\"\n          loading=\"lazy\"\n        />\n      </CenterImage>\n    </div>\n    <div class=\"pt-1/4 text-center col-span-12 row-start-2 info-mq-overrides\">\n      <div>\n        <h2>\n          {$emojiVariant === 'control' ? '📈' : ''} See how your daily life affects your blood sugar\n        </h2>\n        <p class=\"text-base xl:text-lg\">\n          Search carbs, see your A1C, sync fitness trackers, sleep apps & more to see your blood\n          sugar in context\n        </p>\n      </div>\n    </div>\n  </div>\n</section>\n\n<style lang=\"postcss\">\n  img {\n    width: 90%;\n    max-height: 240px;\n    overflow: auto;\n  }\n\n  p {\n    color: #656b73;\n    line-height: 1.3;\n    margin-top: 10px;\n  }\n\n  @screen md {\n    img {\n      height: 540px;\n      width: 645px;\n      max-height: none;\n      @apply -left-96 scale-125;\n    }\n    .info-mq-overrides {\n      @apply pt-0 text-left col-start-7;\n    }\n  }\n\n  @screen lg {\n    img {\n      @apply -left-80;\n    }\n    .info-mq-overrides {\n      @apply row-start-2;\n    }\n  }\n\n  @screen xl {\n    img {\n      height: 600px;\n      @apply -left-60;\n    }\n    .info-mq-overrides {\n      @apply col-end-12 row-start-1 mt-[200px];\n    }\n  }\n  @screen xxl {\n    img {\n      height: 600px;\n      @apply -left-36 scale-150;\n    }\n    .info-mq-overrides {\n      @apply col-start-8 col-end-13;\n    }\n  }\n</style>\n"],"names":["ctx","insert_hydration","target","a","anchor","append_hydration","div","p","t_value","dirty","set_data","t","create_if_block","section","div1","h2","div0","ul","li0","li1","button_changes","_a","_b","p0","p1","t3_value","div3","div2","span","current","t3","attr","img","createSourceSet","createSource","img_src_value","t1_value","t1"],"mappings":"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"}