feat: dashboard billing (#193)

* feat: move plans into sharable json

* remove unused code

* update pnpm lock

* update plans.json

* implement early adopter pricing

* docs: update meta title and description

* Finished the UI for upgrading plans

* Updated the pricing plans

* Updated the cards ui

* use relative import

* improve styling of upgrade plan card

* styling improvements, lemonsqueezy setup

* trigger lemonsqueezy payment and add webhook

* update pnpm lock

* add logout route

* feat: complete billing functionality

* generate lock file

* make crypto false on browser

* feat: adding upgrade prompts to org

* chore: add upgrade icon to upload video

* feat: add upgrade prompt to certificate and settings

* feat: implement onboarding setup page (#229)

* working on the onboarding setup

* working on the onboarding page

* Almost done with the onboarding UI

* finished the UI of the onBoarding setup

* finished the UI of the onBoarding setup

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* Implementing the functions to carryout the logic of updating the UI onmount if a user has carried out a certain step or not

* making some chnages

* finished the onBoarding task

* updated some logic

* Removed the uneeded svg from the static folder

* fixed isCoursePublished not returning a boolean

* improved the setup link protection

* chore: make menuItems reactive

* improve formatting

* format supabase queries

---------

Co-authored-by: Rotimi Best <[email protected]>

* revamp setup

* improve the upgrade experience

* migration

* feat: add lemonsqueezy customer portal

---------

Co-authored-by: emmanuel <[email protected]>

apps/dashboard/src/lib/components/Org/Settings/TeamMembers.svelte

@@ -18,6 +18,7 @@
     triggerSendEmail,
     NOTIFICATION_NAME
   } from '$lib/utils/services/notification/notification';
+  import { isFreePlan } from '$lib/utils/store/org';
   import type { OrgTeamMember } from '$lib/utils/types/org';
 
   let emailsStr = '';
@@ -132,7 +133,7 @@
   $: fetchTeam($currentOrg.id);
 </script>
 
-<Grid class="border rounded border-gray-200 w-full mt-5">
+<Grid class="border rounded border-gray-200 dark:border-neutral-600 w-full mt-5 relative">
   <Row class="py-7 border-bottom-c">
     <Column sm={2} md={2} lg={4} class="text-lg"><SectionTitle>Add</SectionTitle></Column>
     <Column sm={2} md={6} lg={8}>
@@ -146,10 +147,11 @@
           placeholder="email comma separated"
           bind:value={emailsStr}
           className="mb-3"
+          isDisabled={$isFreePlan}
           {errorMessage}
         />
 
-        <Select labelText="Role" bind:selected={role} class="mb-5 w-40">
+        <Select labelText="Role" bind:selected={role} class="mb-5 w-40" disabled={$isFreePlan}>
           <!-- <SelectItem value={ROLE.ADMIN} text={ROLE_LABEL[ROLE.ADMIN]} /> -->
           <SelectItem value={ROLE.TUTOR} text={ROLE_LABEL[ROLE.TUTOR]} />
         </Select>
@@ -158,7 +160,7 @@
           label="Send Invite"
           onClick={onSendInvite}
           {isLoading}
-          isDisabled={isLoading}
+          isDisabled={isLoading || $isFreePlan}
         />
       </div>
     </Column>