{"version":3,"file":"LightPlanAccessDeniedModal-CzG_nD3w.js","sources":["../../../app/javascript/shared/components/cards/ProPlanCardWithPerks.vue","../../../app/javascript/shared/components/modals/LightPlanAccessDeniedModal.vue"],"sourcesContent":["<template>\n  <div\n    class=\"tw-w-full tw-overflow-hidden tw-rounded-xl tw-border-2 tw-border-secondary-500 tw-bg-gradient-to-b tw-from-white tw-via-white tw-to-secondary-50 tw-shadow-xl\"\n  >\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-space-x-2 tw-p-4\">\n      <div class=\"tw-flex tw-items-center tw-space-x-4\">\n        <SubscriptionPlanBadge\n          class=\"tw-size-10 tw-drop-shadow-md\"\n          group=\"pro\"\n        />\n        <h2 class=\"tw-heading-1 tw-capitalize\">Pro</h2>\n      </div>\n    </div>\n    <hr class=\"tw-border tw-border-secondary-500\" />\n    <div class=\"tw-space-y-2 tw-p-6 tw-font-medium\">\n      <div\n        v-for=\"perk in perks\"\n        :key=\"perk.text\"\n        class=\"tw-flex tw-items-center\"\n      >\n        <component :is=\"perk.icon\" class=\"tw-mr-4 tw-h-4 tw-w-4\" />\n        {{ perk.text }}\n        <InfoTooltip\n          v-if=\"perk.tooltip\"\n          :title=\"perk.text\"\n          :tooltip=\"perk.tooltip\"\n          placement=\"right\"\n          class=\"tw-ml-1\"\n        />\n      </div>\n    </div>\n    <InertiaLink\n      class=\"tw-block tw-w-full tw-bg-secondary-500 tw-py-2 tw-text-center tw-text-white\"\n      href=\"/subscription/plans\"\n    >\n      Upgrade to Pro\n    </InertiaLink>\n  </div>\n</template>\n\n<script setup>\nimport { getPlanPerksWithIcons } from '@/shared/data/planPerks.js'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport InfoTooltip from '@/shared/components/InfoTooltip.vue'\nimport SubscriptionPlanBadge from '@/shared/components/SubscriptionPlanBadge.vue'\n\nconst page = usePage()\n\nconst perks = computed(() => {\n  return getPlanPerksWithIcons(page.props.planPerks.pro)\n})\n</script>\n","<template>\n  <BaseModal\n    :name=\"name\"\n    width-class=\"tw-max-w-[550px]\"\n    @show=\"sendSegmentEvent\"\n  >\n    <div>\n      <div\n        class=\"tw-flex tw-justify-center tw-rounded-t-xl tw-bg-error-500 tw-p-3\"\n      >\n        <WarningIcon class=\"tw-h-6 tw-w-6 tw-text-white\" />\n      </div>\n      <div class=\"tw-p-5 tw-text-center\">\n        <h2 class=\"tw-heading-2\">\n          <slot name=\"header\" />\n        </h2>\n\n        <div class=\"tw-mt-3 tw-text-neutral-500\">\n          <slot name=\"description\" />\n        </div>\n      </div>\n\n      <div\n        class=\"tw-mx-auto tw-mb-8 tw-flex tw-w-80 tw-flex-col tw-items-center tw-space-y-4\"\n      >\n        <ProPlanCardWithPerks />\n\n        <BaseButton color=\"outline-gray\" @click=\"closeModal(name)\">\n          Close\n        </BaseButton>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<script setup>\nimport WarningIcon from '@/assets/images/icons/warning.svg'\nimport BaseButton from '@/shared/components/BaseButton.vue'\nimport ProPlanCardWithPerks from '@/shared/components/cards/ProPlanCardWithPerks.vue'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport BaseModal from '@/shared/components/BaseModal.vue'\n\nconst VALID_SEGMENT_TYPES = [\n  'help_requests',\n  'community',\n  'monthly_session_limit',\n]\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  segmentPromptType: {\n    type: String,\n    required: true,\n  },\n})\n\nconst { closeModal } = useModals()\n\nconst sendSegmentEvent = () => {\n  if (!VALID_SEGMENT_TYPES.includes(props.segmentPromptType)) {\n    console.error('Invalid segmentPromptType', props.segmentPromptType)\n    return\n  }\n  window.segmentAnalytics.track('Membership upgrade modal', {\n    modal_prompt: props.segmentPromptType,\n  })\n}\n</script>\n"],"names":["page","usePage","perks","computed","getPlanPerksWithIcons","VALID_SEGMENT_TYPES","props","__props","closeModal","useModals","sendSegmentEvent"],"mappings":"y2BA+CA,MAAMA,EAAOC,EAAS,EAEhBC,EAAQC,EAAS,IACdC,EAAsBJ,EAAK,MAAM,UAAU,GAAG,CACtD,mgCCTD,MAAMK,EAAsB,CAC1B,gBACA,YACA,uBACF,EAEMC,EAAQC,EAWR,CAAE,WAAAC,CAAY,EAAGC,EAAW,EAE5BC,EAAmB,IAAM,CAC7B,GAAI,CAACL,EAAoB,SAASC,EAAM,iBAAiB,EAAG,CAC1D,QAAQ,MAAM,4BAA6BA,EAAM,iBAAiB,EAClE,MACD,CACD,OAAO,iBAAiB,MAAM,2BAA4B,CACxD,aAAcA,EAAM,iBACxB,CAAG,CACH"}