feat: subscription page content

packages/webapp/src/components/PricingPlan/PricingPlan.module.scss

@@ -4,6 +4,7 @@
   position: relative;
   border: 1px solid #D8DEE4;
   padding-top: 45px;
+  flex: 1;
 
   &.isFeatured {
     background-color: #F5F6F8;

packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansSection.tsx

@@ -4,6 +4,7 @@ import { T } from '@/components';
 import { SubscriptionPlans } from './SubscriptionPlan';
 import withPlans from '../../Subscriptions/withPlans';
 import { compose } from '@/utils';
+import { Callout, Intent } from '@blueprintjs/core';
 
 /**
  * Billing plans.
@@ -11,10 +12,14 @@ import { compose } from '@/utils';
 function SubscriptionPlansSectionRoot({ plans }) {
   return (
     <section>
-      <p className="paragraph" style={{ marginBottom: '1.2rem' }}>
+      <Callout
-        <T id={'setup.plans.select_plan.description'} />
+        style={{ marginBottom: '1.5rem' }}
-      </p>
+        icon={null}
-
+        title={'Early Adaptors Plan'}
+      >
+        We're looking for 200 early adaptors, when you subscribe you'll get
+        the full features and unlimited users for a year regardless of the subscribed plan.
+      </Callout>
       <SubscriptionPlans plans={plans} />
     </section>
   );

packages/webapp/src/lang/ar/index.json

@@ -1279,27 +1279,6 @@
   "setup.initializing.please_refresh_the_page": "يرجى تحديث الصفحة",
   "setup.organization.title": "دعنا نبدأ",
   "setup.organization.description": "أخبر النظام قليلاً عن مؤسستك.",
-  "plan.essential.title": "الاساسية",
-  "plan.plus.title": "الاضافية",
-  "plan.professional.title": "الاحترافية",
-  "plan.feature.sale_purchase_invoice": "فواتير البيع والشراء.",
-  "plan.feature.receivable_payable_accounts": "حسابات العملاء والموردين.",
-  "plan.feature.expenses_tracking": "تتبع المصروفات",
-  "plan.feature.manual_journal": "القيود اليدوية",
-  "plan.feature.financial_reports": "القوائم المالية",
-  "plan.feature.one_user_with_accountant": "لمستخدم واحد والمحاسب",
-  "plan.feature.all_capital_essential": "جميع مميزات الباقة الاساسية",
-  "plan.feature.multi_currency": "تعدد العملات",
-  "plan.feature.purchase_sell_orders": "أوامر الشراء والبيع.",
-  "plan.feature.multi_inventory_managment": "تعدد المخازن.",
-  "plan.feature.three_users": "ثلاثة مستخدمين مع المحاسب",
-  "plan.feature.advanced_financial_reports": "تقارير المالية المتقدمة",
-  "plan.feature.tracking_multi_locations": "تتبع الفروع والمواقع",
-  "plan.feture.all_capital_professional_features": "جميع مميزات الباقة الاحترافية",
-  "plan.feature.projects_accounting": "محاسبة المشاريع والجداول الزمنية",
-  "plan.feature.accounting_dimensions": "محاسبة ثلاثية الابعاد",
-  "plan.monthly": "شهريا",
-  "plan.yearly": "سنوياً",
   "payment_via_voucher.success_message": "تم الدفع وتجديد واشتراكك بنجاح.",
   "payment_via_voucher.license_code_not_valid": "رقم الرخصة غير صالح ، يرجي المحاولة مرة أخرى",
   "payment_via_voucher.dialog.description": "الرجاء إدخال رقم الرخصة التي استلمتها عند تجديد او طلب الاشتراك .",

packages/webapp/src/lang/en/index.json

@@ -1265,54 +1265,6 @@
   "setup.initializing.please_refresh_the_page": "Please refresh the page",
   "setup.organization.title": "Let’s Get Started",
   "setup.organization.description": "Tell the system a little bit about your organization.",
-  "plan.capital_basic.title": "Capital Basic",
-  "plan.feature.sales_invoices": "Sales Invoices.",
-  "plan.feature.sales_estimates": "Sales Estimates.",
-  "plan.feature.customers": "Customers.",
-  "plan.feature.credit_notes": "Credit notes.",
-  "plan.feature.manual_journals": "Manual Journals.",
-  "plan.feature.expenses_tracking": "Expenses Tracking",
-  "plan.feature.basic_financial_reports": "Basic Financial Reports.",
-  "plan.capital_plus.title": "Capital Plus",
-  "plan.feature.all_capital_basic": "All Capital Basic features.",
-  "plan.feature.predefined_user_roles": "Predefined User Roles.",
-  "plan.feature.custom_tables_views": "Custom Tables Views.",
-  "plan.feature.transactions_locking": "Transactions Locking.",
-  "plan.feature.plus_financial_reports": "Plus Financial Reports.",
-  "plan.feature.custom_fields_resources": "Custom Fields & Resources.",
-  "plan.essential.title": "Capital Essential",
-  "plan.feature.all_capital_plus": "All Capital Basic features.",
-  "plan.feature.sales_purchases_order": "Sales & Purchases Order.",
-  "plan.feature.purchase_invoices": "Purchase Invoices.",
-  "plan.feature.inventory_tracking": "Inventory Tracking.",
-  "plan.feature.custom_roles": "Custom Roles.",
-  "plan.feature.multiply_currency_transcations": "Multiply Currency Transcations.",
-  "plan.feature.inventory_reports": "Inventory Reports.",
-  "plan.feature.landed_cost": "Landed cost.",
-  "plan.capital_enterprise.title": "Capital Enterprise",
-  "plan.feature.all_capital_essential": "All Capital Essential features.",
-  "plan.feature.multiply_branches": "Multiply Branches.",
-  "plan.feature.multiply_warehouses": "Multiply Warehouses.",
-  "plan.feature.accounting_dimensions": "Accounting Dimensions.",
-  "plan.feature.warehouses_reports": "Warehouses Reports.",
-  "plan.feature.branches_reports": "Branches Reports.",
-  "plan.professional.title": "Pro",
-  "plan.plus.title": "Plus+",
-  "plan.feature.sale_purchase_invoice": "Sale and purchase invoices.",
-  "plan.feature.receivable_payable_accounts": "Customers/vendors accounts.",
-  "plan.feature.manual_journal": "Manual journals.",
-  "plan.feature.financial_reports": "Financial reports.",
-  "plan.feature.one_user_with_accountant": "For one user and accountant",
-  "plan.feture.all_capital_professional_features": "All Capital Pro features.",
-  "plan.feature.multi_currency": "Multi-currency.",
-  "plan.feature.purchase_sell_orders": "Purchase and sell orders.",
-  "plan.feature.multi_inventory_managment": "Mutli-inventory managment.",
-  "plan.feature.three_users": "Three users with your accountant",
-  "plan.feature.advanced_financial_reports": "Advanced financial reports",
-  "plan.feature.tracking_multi_locations": "Track multi-branches and locations",
-  "plan.feature.projects_accounting": "Projects accounting and timesheets",
-  "plan.monthly": "Monthly",
-  "plan.yearly": "Yearly",
   "payment_via_voucher.success_message": "Payment has been done successfully.",
   "payment_via_voucher.license_code_not_valid": "The license code is not valid, please try agin.",
   "payment_via_voucher.dialog.description": "Pleasse enter your voucher number that you received from reseller.",

packages/webapp/src/store/plans/plans.reducer.tsx

@@ -1,87 +1,56 @@
 // @ts-nocheck
 import { createReducer } from '@reduxjs/toolkit';
-import intl from 'react-intl-universal';
 import t from '@/store/types';
 
 const getSubscriptionPlans = () => [
   {
-    name: intl.get('plan.capital_basic.title'),
+    name: 'Capital Basic',
     slug: 'capital_basic',
-    description:
+    description: 'Good for service businesses that just started.',
-      'Manage recurring and one-time billing, including subscriptions and invoices.',
     features: [
-      intl.get('plan.feature.sales_invoices'),
+      'Sale Invoices and Estimates',
-      intl.get('plan.feature.sales_estimates'),
+      'Tracking Expenses',
-      intl.get('plan.feature.customers'),
+      'Customize Invoice',
-      intl.get('plan.feature.credit_notes'),
+      'Manual Journals',
-      intl.get('plan.feature.manual_journals'),
+      'Bank Reconciliation',
-      intl.get('plan.feature.expenses_tracking'),
+      'Chart of Accounts',
-      intl.get('plan.feature.basic_financial_reports'),
+      'Taxes',
+      'Basic Financial Reports & Insights',
     ],
     price: '$29',
     pricePeriod: 'Per Year',
   },
   {
-    name: intl.get('plan.capital_plus.title'),
+    name: 'Capital Plus',
     slug: 'capital_plus',
     description:
-      'Manage recurring and one-time billing, including subscriptions and invoices.',
+      'Good for businesses have inventory and want more financial reports.',
     features: [
-      intl.get('plan.feature.all_capital_basic'),
+      'All Capital Basic features',
-      intl.get('plan.feature.predefined_user_roles'),
+      'Manage Bills',
-      intl.get('plan.feature.custom_tables_views'),
+      'Inventory Tracking',
-      intl.get('plan.feature.transactions_locking'),
+      'Multi Currencies',
-      intl.get('plan.feature.plus_financial_reports'),
+      'Predefined user roles.',
-      intl.get('plan.feature.custom_fields_resources'),
+      'Transactions locking.',
+      'Smart Financial Reports.',
     ],
     price: '$29',
     pricePeriod: 'Per Year',
     featured: true,
   },
   {
-    name: intl.get('plan.essential.title'),
+    name: 'Capital Big',
     slug: 'essentials',
-    description:
+    description: 'Good for businesses have multiple inventory or branches.',
-      'Manage recurring and one-time billing, including subscriptions and invoices.',
     features: [
-      intl.get('plan.feature.all_capital_plus'),
+      'All Capital Plus features',
-      intl.get('plan.feature.sales_purchases_order'),
+      'Multiple Warehouses',
-      intl.get('plan.feature.purchase_invoices'),
+      'Multiple Branches',
-      intl.get('plan.feature.inventory_tracking'),
+      'Invite >= 15 Users',
-      intl.get('plan.feature.custom_roles'),
-      intl.get('plan.feature.multiply_currency_transcations'),
-      intl.get('plan.feature.inventory_reports'),
-      intl.get('plan.feature.landed_cost'),
     ],
     price: '$29',
     pricePeriod: 'Per Year',
   },
-  // {
-  //   name: intl.get('plan.capital_enterprise.title'),
-  //   slug: 'enterprise',
-  //   description: [
-  //     intl.get('plan.feature.all_capital_essential'),
-  //     intl.get('plan.feature.multiply_branches'),
-  //     intl.get('plan.feature.multiply_warehouses'),
-  //     intl.get('plan.feature.accounting_dimensions'),
-  //     intl.get('plan.feature.warehouses_reports'),
-  //     intl.get('plan.feature.branches_reports'),
-  //   ],
-  //   price: '120',
-  //   currencyCode: 'LYD',
-  //   periods: [
-  //     {
-  //       slug: 'month',
-  //       label: intl.get('plan.monthly'),
-  //       price: '120',
-  //     },
-  //     {
-  //       slug: 'year',
-  //       label: intl.get('plan.yearly'),
-  //       price: '1,195',
-  //     },
-  //   ],
-  // },
 ];
 
 const initialState = {

packages/webapp/src/style/App.scss

@@ -286,4 +286,10 @@ html[lang^='ar'] {
 
 span.table-tooltip-overview-target {
   display: inline;
+}
+
+.bp4-callout .bp4-heading:first-child {
+  font-size: 14px;
+  margin-bottom: 5px;
+  font-weight: 600;
 }