{"version":3,"file":"RequestCallButton-DhH9fZgq.js","sources":["../../../app/javascript/shared/components/modals/TrialExpiredModal.vue","../../../app/javascript/shared/components/modals/FreeMonthlySessionsLimitModal.vue","../../../app/javascript/shared/components/RequestCallButton.vue"],"sourcesContent":["<template>\n  <div>\n    <BaseModal :name=\"name\" width-class=\"tw-max-w-[550px]\">\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            {{\n              isSubscriptionTrialInterval(SUBSCRIPTION_TRIAL_INTERVAL.ONCE)\n                ? 'Trial Expired'\n                : 'Sessions limit reached'\n            }}\n          </h2>\n\n          <p class=\"tw-mt-3 tw-text-neutral-500\">\n            You will need to upgrade your membership in order to book any more\n            calls.\n          </p>\n\n          <div\n            class=\"tw-mt-4 tw-rounded-md tw-border tw-border-success-100 tw-bg-gradient-to-r tw-from-success-50 tw-via-white tw-to-white tw-p-6\"\n          >\n            <div\n              class=\"tw-text-xs tw-font-semibold tw-uppercase tw-text-success-500\"\n            >\n              Membership upgrade\n            </div>\n            <div class=\"tw-mt-3 tw-text-lg\">Upgrade your Membership</div>\n            <p class=\"tw-text-sm tw-text-neutral-500\">\n              You may book paid calls or upgrade your plan to get 3 free calls\n              in the queue at once.\n            </p>\n            <BaseButton\n              color=\"outline-green\"\n              class=\"tw-mt-3 tw-uppercase\"\n              href=\"/upgrade_plan/new\"\n              is-inertia-link\n            >\n              Upgrade your plan\n              <ExternalLinkIcon class=\"tw-ml-2 tw-h-4 tw-w-4\" />\n            </BaseButton>\n          </div>\n\n          <BaseButton\n            color=\"outline-gray\"\n            @click=\"closeModal(name)\"\n            class=\"tw-mt-6\"\n          >\n            Close\n          </BaseButton>\n        </div>\n      </div>\n    </BaseModal>\n  </div>\n</template>\n\n<script setup>\nimport BaseButton from '../BaseButton.vue'\nimport WarningIcon from '@/assets/images/icons/warning.svg'\nimport ExternalLinkIcon from '@/assets/images/icons/external-link.svg'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport BaseModal from '@/shared/components/BaseModal.vue'\nimport { usePermissionSystem } from '@/shared/composables/usePermissionSystem.js'\nimport { SUBSCRIPTION_TRIAL_INTERVAL } from '../../data/permissionSystem.js'\n\ndefineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n})\n\nconst { closeModal } = useModals()\n\nconst { isSubscriptionTrialInterval } = usePermissionSystem()\n</script>\n","<template>\n  <LightPlanAccessDeniedModal\n    v-if=\"isSubscriptionGroup(SUBSCRIPTION_GROUP.LIGHT) || isSubscriptionGroup(SUBSCRIPTION_GROUP.HIBERNATION)\"\n    segment-prompt-type=\"monthly_session_limit\"\n    :name=\"name\"\n  >\n    <template #header>Monthly free sessions limit reached</template>\n    <template #description>\n      With the Pro plan you can book unlimited calls with mentors. Upgrade your\n      plan to book more calls.\n    </template>\n  </LightPlanAccessDeniedModal>\n  <BaseModal v-else :name=\"name\" width-class=\"tw-max-w-[550px]\">\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\">Monthly free sessions limit reached</h2>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<script setup>\nimport { SUBSCRIPTION_GROUP } from '@/shared/data/permissionSystem.js'\nimport WarningIcon from '@/assets/images/icons/warning.svg'\nimport LightPlanAccessDeniedModal from '@/shared/components/modals/LightPlanAccessDeniedModal.vue'\nimport { usePermissionSystem } from '@/shared/composables/usePermissionSystem.js'\nimport BaseModal from '@/shared/components/BaseModal.vue'\n\ndefineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n})\n\nconst { isSubscriptionGroup } = usePermissionSystem()\n</script>\n","<template>\n  <div class=\"tw-inline-block\">\n    <BaseButton\n      v-if=\"isAvailable\"\n      :color=\"buttonColor\"\n      :size=\"buttonSize\"\n      is-block\n      @click=\"handleButtonClick\"\n      @mousedown.middle=\"handleButtonClick({ middleClick: true })\"\n    >\n      <slot>Request a Call</slot>\n    </BaseButton>\n    <BaseButton v-else color=\"primary\" :size=\"buttonSize\" is-block is-disabled>\n      Currently Unavailable\n    </BaseButton>\n\n    <FreePaybackSessionsLimitModal\n      v-if=\"accessControl.subscription.privileges.freePaybackCalls.limitHit\"\n      :name=\"freePaybackSessionsLimitModalName\"\n    />\n    <FreeSessionsLimitModal\n      v-if=\"accessControl.subscription.privileges.freeCalls.limitHit\"\n      :name=\"freeSessionsLimitModalName\"\n    />\n    <FreeMonthlySessionsLimitModal\n      v-if=\"accessControl.subscription.privileges.freeCallsPerMonth.limitHit\"\n      :name=\"freeMonthlySessionsLimitModalName\"\n    />\n    <TrialExpiredModal\n      v-if=\"isSubscriptionTier(SUBSCRIPTION_TIER.TRIAL)\"\n      :name=\"trialExpiredModalName\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport BaseButton from './BaseButton.vue'\nimport FreeSessionsLimitModal from './modals/FreeSessionsLimitModal.vue'\nimport { getUniqueId } from '@/shared/utils/uniqueId.js'\nimport TrialExpiredModal from '@/shared/components/modals/TrialExpiredModal.vue'\nimport {\n  ACCESS_TYPE,\n  ROLE,\n  SUBSCRIPTION_TIER,\n} from '@/shared/data/permissionSystem.js'\nimport FreeMonthlySessionsLimitModal from '@/shared/components/modals/FreeMonthlySessionsLimitModal.vue'\nimport FreePaybackSessionsLimitModal from '@/shared/components/modals/FreePaybackSessionsLimitModal.vue'\nimport { router } from '@inertiajs/vue3'\nimport { usePermissionSystem } from '@/shared/composables/usePermissionSystem.js'\nimport { useModals } from '@/shared/composables/useModals.js'\nimport { useCurrentUser } from '@/shared/composables/useCurrentUser.js'\n\nconst props = defineProps({\n  isAvailable: {\n    type: Boolean,\n    required: true,\n  },\n  isMentorChargeable: {\n    type: Boolean,\n    required: true,\n  },\n  mentorSlug: {\n    type: String,\n    required: true,\n  },\n  buttonColor: {\n    type: String,\n    default: 'primary',\n  },\n  buttonSize: {\n    type: String,\n    default: 'regular',\n  },\n})\n\nconst freePaybackSessionsLimitModalName = `growthmentor-free-payback-sessions-limit-${getUniqueId()}`\nconst freeSessionsLimitModalName = `growthmentor-free-sessions-limit-${getUniqueId()}`\nconst freeMonthlySessionsLimitModalName = `growthmentor-free-monthly-sessions-limit-${getUniqueId()}`\nconst trialExpiredModalName = `growthmentor-trial-expired-${getUniqueId()}`\n\nconst { openModal } = useModals()\nconst { hasRole, hasAccess, isSubscriptionTier, accessControl } =\n  usePermissionSystem()\nconst { currentUser } = useCurrentUser()\n\nconst handleButtonClick = ({ middleClick }) => {\n  const openPage = (url) => {\n    middleClick ? window.open(url, '_blank') : router.visit(url)\n  }\n\n  if (hasRole(ROLE.GUEST)) {\n    return openPage(`/mentors/${props.mentorSlug}/sessions/new`)\n  }\n  if (hasAccess(ACCESS_TYPE.NONE)) {\n    return openPage(`/mentors/${props.mentorSlug}/sessions/new`)\n  }\n  if (\n    accessControl.value.subscription.privileges.freeCalls.limitHit &&\n    isSubscriptionTier(SUBSCRIPTION_TIER.TRIAL)\n  ) {\n    return openModal(trialExpiredModalName)\n  }\n  if (!props.isMentorChargeable) {\n    const {\n      slug,\n      email,\n      name,\n      firstName,\n      lastName,\n      role,\n      subscriptionPlanName,\n    } = currentUser.value\n\n    // Payback limit\n    if (accessControl.value.subscription.privileges.freePaybackCalls.limitHit) {\n      window.segmentAnalytics.track('Tit for Tat Limit Hit', {\n        user_id: slug,\n        user: {\n          email,\n          name,\n          first_name: firstName,\n          last_name: lastName,\n          role,\n        },\n      })\n      return openModal(freePaybackSessionsLimitModalName)\n    }\n\n    // Monthly limit\n    if (\n      accessControl.value.subscription.privileges.freeCallsPerMonth.limitHit\n    ) {\n      window.segmentAnalytics.track('Monthly Session Limit Hit', {\n        user_id: slug,\n        user: {\n          email,\n          name,\n          first_name: firstName,\n          last_name: lastName,\n          role,\n        },\n      })\n      return openModal(freeMonthlySessionsLimitModalName)\n    }\n\n    // Queue limit\n    if (accessControl.value.subscription.privileges.freeCalls.limitHit) {\n      window.segmentAnalytics.track('Session Limit Hit', {\n        user_id: slug,\n        user: {\n          email,\n          name,\n          first_name: firstName,\n          last_name: lastName,\n          role,\n          membership_plan: subscriptionPlanName,\n        },\n      })\n      return openModal(freeSessionsLimitModalName)\n    }\n  }\n\n  return openPage(`/mentors/${props.mentorSlug}/sessions/new`)\n}\n</script>\n"],"names":["closeModal","useModals","isSubscriptionTrialInterval","usePermissionSystem","isSubscriptionGroup","props","__props","freePaybackSessionsLimitModalName","getUniqueId","freeSessionsLimitModalName","freeMonthlySessionsLimitModalName","trialExpiredModalName","openModal","hasRole","hasAccess","isSubscriptionTier","accessControl","currentUser","useCurrentUser","handleButtonClick","middleClick","openPage","url","router","ROLE","ACCESS_TYPE","SUBSCRIPTION_TIER","slug","email","name","firstName","lastName","role","subscriptionPlanName"],"mappings":"ysCA4EA,KAAM,CAAE,WAAAA,CAAY,EAAGC,EAAW,EAE5B,CAAE,4BAAAC,CAA6B,EAAGC,EAAqB,04BCtC7D,KAAM,CAAE,oBAAAC,CAAqB,EAAGD,EAAqB,mkDCYrD,MAAME,EAAQC,EAuBRC,EAAoC,4CAA4CC,EAAW,CAAE,GAC7FC,EAA6B,oCAAoCD,EAAW,CAAE,GAC9EE,EAAoC,4CAA4CF,EAAW,CAAE,GAC7FG,EAAwB,8BAA8BH,EAAW,CAAE,GAEnE,CAAE,UAAAI,CAAW,EAAGX,EAAW,EAC3B,CAAE,QAAAY,EAAS,UAAAC,EAAW,mBAAAC,EAAoB,cAAAC,CAAe,EAC7Db,EAAqB,EACjB,CAAE,YAAAc,CAAa,EAAGC,EAAgB,EAElCC,EAAoB,CAAC,CAAE,YAAAC,KAAkB,CAC7C,MAAMC,EAAYC,GAAQ,CACxBF,EAAc,OAAO,KAAKE,EAAK,QAAQ,EAAIC,EAAO,MAAMD,CAAG,CAC5D,EAED,GAAIT,EAAQW,EAAK,KAAK,EACpB,OAAOH,EAAS,YAAYhB,EAAM,UAAU,eAAe,EAE7D,GAAIS,EAAUW,EAAY,IAAI,EAC5B,OAAOJ,EAAS,YAAYhB,EAAM,UAAU,eAAe,EAE7D,GACEW,EAAc,MAAM,aAAa,WAAW,UAAU,UACtDD,EAAmBW,EAAkB,KAAK,EAE1C,OAAOd,EAAUD,CAAqB,EAExC,GAAI,CAACN,EAAM,mBAAoB,CAC7B,KAAM,CACJ,KAAAsB,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,qBAAAC,CACD,EAAGhB,EAAY,MAGhB,GAAID,EAAc,MAAM,aAAa,WAAW,iBAAiB,SAC/D,cAAO,iBAAiB,MAAM,wBAAyB,CACrD,QAASW,EACT,KAAM,CACJ,MAAAC,EACA,KAAAC,EACA,WAAYC,EACZ,UAAWC,EACX,KAAAC,CACD,CACT,CAAO,EACMpB,EAAUL,CAAiC,EAIpD,GACES,EAAc,MAAM,aAAa,WAAW,kBAAkB,SAE9D,cAAO,iBAAiB,MAAM,4BAA6B,CACzD,QAASW,EACT,KAAM,CACJ,MAAAC,EACA,KAAAC,EACA,WAAYC,EACZ,UAAWC,EACX,KAAAC,CACD,CACT,CAAO,EACMpB,EAAUF,CAAiC,EAIpD,GAAIM,EAAc,MAAM,aAAa,WAAW,UAAU,SACxD,cAAO,iBAAiB,MAAM,oBAAqB,CACjD,QAASW,EACT,KAAM,CACJ,MAAAC,EACA,KAAAC,EACA,WAAYC,EACZ,UAAWC,EACX,KAAAC,EACA,gBAAiBC,CAClB,CACT,CAAO,EACMrB,EAAUH,CAA0B,CAE9C,CAED,OAAOY,EAAS,YAAYhB,EAAM,UAAU,eAAe,CAC7D"}