@spacemade/ui 0.0.1

package/src/sass/utilities/_variables.scss

@@ -0,0 +1,115 @@
+@use 'sass:map';
+
+/** ======================
+  # Theme Type Settings
+======================= */
+$main-font: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+$heading-font: $main-font;
+$font-size: 1rem;
+$font-size-medium: ($font-size - 0.12rem);
+$navbar-height: 70px;
+
+/* =======================
+# Theme Color pallette
+======================= */
+$theme-colors: (
+	'primary': #006FE5,
+	'secondary': #050330,
+	'success': #5dad2f,
+	'warning': #fbe020,
+	'danger': #f6494d,
+	'background': #f4f4f6,
+	'light': #c1c1c1,
+	'medium-blue': #4877a5,
+	'dark-blue': #234a75,
+	'alice-blue': #eff5fb,
+	'light-blue': #cefaff,
+	'sand': #f3f4f6,
+	'lighter-gray': #eeeeee,
+	'light-gray': #e2e2e4,
+	'medium-gray': #97989e,
+	'gray': #6c757d,
+	'dark-gray-alpha': #5a5a5a,
+	'dark-gray': #333333,
+	'dark': #30313d,
+	'dark-medium': #1a1a21,
+	'dark-900': #111117,
+	'mariner': #2363dc,
+	'gold': #feb92e,
+	'purple': #ae2eca,
+	'pink': #ff0084,
+	'electric-violet': #cb08ff,
+	'medium-purple': #8e48ef,
+	'purple-dark': #8300c8,
+	'white': #ffffff,
+	'black': #000000,
+);
+
+@function theme-color($key: 'primary') {
+	@return map.get($theme-colors, $key);
+}
+
+$border-color: theme-color('light-gray');
+$box-shadow-color: rgba(theme-color('dark'), 0.5);
+$overlay-color: rgba(theme-color('black'), 0.5);
+
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map.merge(
+	(
+		0: 0,
+		1: (
+			$spacer * 0.25,
+		),
+		2: (
+			$spacer * 0.5,
+		),
+		3: $spacer,
+		4: (
+			$spacer * 1.5,
+		),
+		5: (
+			$spacer * 3,
+		),
+		6: (
+			$spacer * 4,
+		),
+		7: (
+			$spacer * 5,
+		),
+		8: (
+			$spacer * 6,
+		),
+		9: (
+			$spacer * 7,
+		),
+		10: (
+			$spacer * 8,
+		),
+		11: (
+			$spacer * 9,
+		),
+		12: (
+			$spacer * 10,
+		),
+		13: (
+			$spacer * 11,
+		),
+		14: (
+			$spacer * 2,
+		),
+	),
+	$spacers
+);
+
+// Bootstrap Flags
+$enable-negative-margins: true;
+
+$container-max-widths: (
+	sm: 540px,
+	md: 720px,
+	lg: 960px,
+	xl: 1080px,
+	xxl: 1580px,
+	xxxl: 1900px,
+);

package/src/store/hooks.ts

@@ -0,0 +1,5 @@
+import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
+import type { RootState, AppDispatch } from '@store/store'
+
+export const useAppDispatch = () => useDispatch<AppDispatch>()
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector

package/src/store/hydrate.ts

@@ -0,0 +1 @@
+export const HYDRATE = '__NEXT_REDUX_WRAPPER_HYDRATE__';

package/src/store/model/activity.model.ts

@@ -0,0 +1,52 @@
+import { User } from './user.model'
+
+export type ActivityBanStatus = {
+  ipBanned?: boolean
+  userAgentBanned?: boolean
+  fingerprintBanned?: boolean
+}
+
+export type ActivityLogRecord = {
+  id: string
+  orgId?: string | null
+  userId?: string | null
+  entityType: string
+  entityId?: string | null
+  action: string
+  httpMethod?: string | null
+  requestPath?: string | null
+  ipAddress?: string | null
+  forwardedFor?: string | null
+  userAgent?: string | null
+  browser?: string | null
+  browserVersion?: string | null
+  os?: string | null
+  osVersion?: string | null
+  deviceType?: string | null
+  language?: string | null
+  acceptLanguage?: string | null
+  referer?: string | null
+  origin?: string | null
+  metadata?: Record<string, any> | null
+  createdAt?: string
+  updatedAt?: string
+  user?: Pick<User, 'id' | 'name' | 'email'>
+  banStatus?: ActivityBanStatus
+}
+
+export type ActivityVisitorBan = {
+  id: string
+  orgId?: string | null
+  visitorId?: string | null
+  targetType: 'ip_address' | 'user_agent' | 'fingerprint'
+  targetValue: string
+  reason?: string | null
+  isActive: boolean
+  createdByUserId?: string | null
+  revokedByUserId?: string | null
+  revokedAt?: string | null
+  expiresAt?: string | null
+  metadata?: Record<string, any> | null
+  createdAt?: string
+  updatedAt?: string
+}

package/src/store/model/address.model.ts

@@ -0,0 +1,9 @@
+export interface Address {
+	id: string,
+	streetAddress: string | null
+	streetAddress2: string | null
+	city: string | null
+	state: string | null
+	postalCode: string | null
+	country: string | null
+}

package/src/store/model/apiToken.model.ts

@@ -0,0 +1,26 @@
+// api-token.model.ts
+
+export interface ApiToken {
+  id: string
+  userId: string
+  orgId?: string | null
+  name: string
+  tokenPrefix: string
+  tokenHash: string
+  status: 'active' | 'inactive'
+  scopes: string[]
+  expiresAt?: string | null
+  lastUsedAt?: string | null
+  revokedAt?: string | null
+  createdAt: string
+  updatedAt: string
+}
+
+export interface ApiTokenPayload {
+  id?: string               
+  name?: string
+  status?: 'active' | 'inactive'
+  scopes?: string[]
+  expiresAt?: string | null
+  revokedAt?: string | null
+}

package/src/store/model/category.model.ts

@@ -0,0 +1,20 @@
+import { OptionType } from '@helpers/types'
+
+export interface Category {
+	id: string
+	slug: string
+	name: string
+	description?: string | null
+	icon?: string | null
+	type?: string
+	createdAt: string
+	updatedAt: string
+}
+
+export interface CategoryPayload {
+	id?: string
+	slug?: string
+	name?: string
+}
+
+export interface CategoryOption extends Category, OptionType {}

package/src/store/model/entityStatus.model.ts

@@ -0,0 +1,25 @@
+export enum EntityStatus {
+	live = 'live',
+	draft = 'draft',
+}
+
+export enum EntityApprovedStatus {
+	notApproved = 'not_approved',
+	awaitingApproval = 'awaiting_approval',
+	approved = 'approved',
+}
+
+export const EntityApprovedStatusLabeled = {
+	not_approved: {
+		label: 'Not Approved',
+		color: 'danger'
+	},
+	awaiting_approval: {
+		label: 'Awaiting for approval',
+		color: 'warning'
+	},
+	approved: {
+		label: 'Approved',
+		color: 'success'
+	}
+}

package/src/store/model/index.ts

@@ -0,0 +1,25 @@
+export * from '@store/model/user.model'
+export * from '@store/model/category.model'
+export * from '@store/model/post.model'
+export * from '@store/model/address.model'
+export * from '@store/model/tag.model'
+export * from '@store/model/entityStatus.model'
+export * from '@store/model/media.model'
+export * from '@store/model/site.model'
+export * from '@store/model/subscription.model'
+export * from '@store/model/product.model'
+export * from '@store/model/product-plan.model'
+export * from '@store/model/product-version.model'
+export * from '@store/model/product-coupon.model'
+export * from '@store/model/invoice.model'
+export * from '@store/model/purchase.model'
+export * from '@store/model/project.model'
+export * from '@store/model/apiToken.model'
+export * from '@store/model/vector-store.model'
+export * from '@store/model/user-permission.model'
+export * from '@store/model/org.model'
+export * from '@store/model/org-group.model'
+export * from '@store/model/org-group-permission.model'
+export * from '@store/model/org-membership.model'
+export * from '@store/model/page.model'
+export * from '@store/model/activity.model'

package/src/store/model/invoice.model.ts

@@ -0,0 +1,37 @@
+import { Purchase, Subscription } from '@store/model'
+
+export interface Invoice {
+	id: string
+	stripeInvoiceId: string
+	stripeInvoiceNumber: string | null
+	stripeBillingReason: InvoiceBillingReason | null
+	pdfUrl: string
+	amount: number
+	status: StripeInvoiceStatus
+	objectId: string
+	objectType: InvoiceObjectTypes
+	object: Subscription | Purchase | null
+	createdAt: string
+	updatedAt: string
+	userId: string
+}
+
+export enum StripeInvoiceStatus {
+	Draft = 'draft',
+	Open = 'open',
+	Void = 'void',
+	Paid = 'paid',
+	Uncollectible = 'uncollectible',
+}
+
+export enum InvoiceObjectTypes {
+	Subscription = 'subscription',
+	Purchase = 'purchase',
+}
+
+export enum InvoiceBillingReason {
+	SubscriptionCreate = 'subscription_create',
+	SubscriptionCycle = 'subscription_cycle',
+	SubscriptionThreshold = 'subscription_threshold',
+	SubscriptionUpdate = 'subscription_update',
+}

package/src/store/model/media.model.ts

@@ -0,0 +1,70 @@
+import {
+	Post,
+	User,
+	Product,
+	Project
+} from '@store/model'
+
+export interface Media {
+	id: string
+	name: string
+	sourceUrl: string
+	slug: string
+	mediaType: MediaType
+	mimeType: File['type']
+	modifiedBy: string
+	modifier?: User
+	ownerId: string | null
+	owner?: User
+	createdAt: string
+	updatedAt: string
+	details?: MediaDetails
+	mediaAttachments?: MediaAttachment[]
+}
+
+export interface MediaPayload {
+	id?: string
+	name?: string
+	slug?: string
+	title?: string | null
+	altText?: string | null
+	caption?: string | null
+}
+
+interface MediaDetails {
+	id: string
+	fileSize: number
+	width: number | null
+	height: number | null
+	title: string | null
+	altText: string | null
+	caption: string | null
+	mediaId: string
+}
+
+export interface MediaAttachment {
+	id: string
+	objectId: string
+	objectType: AttachmentObjectTypes
+	mediaId: string
+	media: Media
+	object?:
+		| Post
+		| User
+		| Product
+		| Project
+}
+
+export enum MediaType {
+	Image = 'image',
+	CSV = 'csv',
+	PDF = 'pdf',
+	Document = 'document',
+}
+
+export enum AttachmentObjectTypes {
+	post = 'post',
+	user = 'user',
+	product = 'product',
+	project = 'project',
+}

package/src/store/model/org-group-permission.model.ts

@@ -0,0 +1,16 @@
+export interface OrgGroupPermissionRow {
+  id: string
+  orgGroupId: string
+  orgId: string
+  appKey: string
+  action: string
+  allowed: boolean
+  role?: string | null
+  createdAt: string
+  updatedAt: string
+}
+
+export type OrgGroupPermissionPayload = Pick<
+  OrgGroupPermissionRow,
+  'appKey' | 'action' | 'allowed' | 'role'
+>

package/src/store/model/org-group.model.ts

@@ -0,0 +1,14 @@
+import { OrgMembership, UserPermissionRow, User } from '@store/model'
+
+export interface OrgGroup {
+  id: string
+  orgId: string
+  name: string
+  description?: string | null
+  createdByUserId?: string | null
+  memberships?: OrgMembership[] | null
+  permissions?: UserPermissionRow[] | null
+  creator?: User | null
+  createdAt: string
+  updatedAt: string
+}

package/src/store/model/org-membership.model.ts

@@ -0,0 +1,23 @@
+import { Org, User } from '@store/model'
+import type { OrgGroup } from '@store/model/org-group.model'
+
+export type OrgMemberRole = 'admin' | 'editor' | 'member' | 'viewer'
+export type OrgMembershipStatus = 'pending' | 'active'
+
+export interface OrgMembership {
+  id: string
+  orgId: string
+  userId: string
+  invitedByUserId?: string | null
+  orgGroupId?: string | null
+  groups?: OrgGroup[] | null
+  role: OrgMemberRole
+  status: OrgMembershipStatus
+  inviteAccepted: boolean
+  org?: Org
+  group?: OrgGroup | null
+  user?: User
+  inviter?: User
+  createdAt: string
+  updatedAt: string
+}

package/src/store/model/org.model.ts

@@ -0,0 +1,13 @@
+import { MediaAttachment } from '@store/model'
+
+export interface Org {
+  id: string
+  name: string
+  slug: string
+  orgType?: 'personal' | 'business' | null
+  profileMedia?: MediaAttachment | null
+  profileImageUrl?: string | null
+  ownerId: string
+  createdAt: string
+  updatedAt: string
+}

package/src/store/model/page.model.ts

@@ -0,0 +1,33 @@
+import { EntityStatus } from '@store/model'
+
+export interface Page {
+  id: string
+  siteId: string
+  parentId: string | null
+  ownerId?: string | null
+  slug: string
+  name: string
+  intro: string | null
+  content: string | null
+  icon: string | null
+  sortOrder: number
+  status: EntityStatus
+  isHomepage: boolean
+  createdAt: string
+  updatedAt: string
+  children?: Page[]
+}
+
+export interface PagePayload {
+  id?: string
+  siteId: string
+  parentId?: string | null
+  slug: string
+  name: string
+  intro?: string | null
+  content?: string | null
+  icon?: string | null
+  sortOrder?: number
+  status?: EntityStatus
+  isHomepage?: boolean
+}

package/src/store/model/post.model.ts

@@ -0,0 +1,60 @@
+import {
+  Category,
+  EntityApprovedStatus,
+  EntityStatus,
+  MediaAttachment,
+  Tag,
+  User,
+  Product,
+} from '@store/model'
+import type { ModelProviderEntity } from '@store/model/provider.model'
+
+export interface Post {
+  id: string
+  slug: string
+  name: string
+  intro: string | null
+  entity: 'post'
+  content: string | null
+  status: EntityStatus
+  isLikedByUser: boolean
+  approvedStatus: EntityApprovedStatus
+  startDatetime: string | null
+  endDatetime: string | null
+  createdAt: string
+  updatedAt: string
+  modifiedBy: string
+  isFeatured: boolean
+  modifier: User
+  ownerId: string
+  owner: User
+  categories?: Category[]
+  tags?: Tag[]
+  minutesToRead: number | null
+  featuredMediaId?: string
+  featuredMedia?: MediaAttachment | null
+  productId?: string | null
+  product?: Product | null
+  providerId?: string | null
+  provider?: ModelProviderEntity | null
+  providerModelId?: string | null
+}
+
+export interface PostPayload {
+  id?: string
+  slug: string
+  name: string
+  intro: string | null
+  content: string | null
+  status?: EntityStatus
+  startDatetime: string | null
+  endDatetime: string | null
+  isFeatured?: boolean
+  categories?: string[]
+  ownerId?: string
+  approvedStatus?: EntityApprovedStatus
+  featuredMediaId?: string
+  productId?: string | null
+  providerId?: string | null
+  providerModelId?: string | null
+}

package/src/store/model/product-coupon.model.ts

@@ -0,0 +1,42 @@
+import { EntityStatus } from '@store/model'
+
+export enum ProductCouponDuration {
+  Once = 'once',
+  Repeating = 'repeating',
+  Forever = 'forever',
+}
+
+export interface ProductCoupon {
+  id: string
+  code: string
+  name: string
+  description: string | null
+  status: EntityStatus
+  stripeCouponId: string | null
+  stripePromotionCodeId: string | null
+  percentOff: number | null
+  amountOff: number | null
+  currency: string
+  duration: ProductCouponDuration
+  durationInMonths: number | null
+  maxRedemptions: number | null
+  redeemBy: string | null
+  timesRedeemed: number
+  createdAt: string
+  updatedAt: string
+}
+
+export interface ProductCouponPayload {
+  id?: string
+  code?: string
+  name?: string
+  description?: string | null
+  status?: EntityStatus
+  percentOff?: number | null
+  amountOff?: number | null
+  currency?: string
+  duration?: ProductCouponDuration
+  durationInMonths?: number | null
+  maxRedemptions?: number | null
+  redeemBy?: string | null
+}

package/src/store/model/product-feature-entitlement.ts

@@ -0,0 +1,40 @@
+// src/store/model/product-feature-entitlement.ts
+
+export interface ProductFeatureEntitlement {
+  id: string
+  productId: string
+  featureId: string
+
+  /** Unique per product; usually `${product.slug}-${feature.key}` or similar */
+  slug: string
+
+  isEnabled: boolean
+  includedUnits: number | null          // BIGINT
+  /** DECIMAL(10,4) as string, e.g. "2.0000" or "0.0100" to avoid FP issues */
+  overageUnitAmount: string | null
+  hardCap: boolean
+
+  /** Stripe artifacts tied to this entitlement’s overage */
+  stripePriceId: string | null
+  stripeMeterId: string | null
+
+  createdAt: string
+  updatedAt: string
+}
+
+export interface ProductFeatureEntitlementPayload {
+  id?: string
+  productId?: string
+  featureId?: string
+
+  slug?: string
+
+  isEnabled?: boolean
+  includedUnits?: number | null
+  /** Send as string with 4 decimals */
+  overageUnitAmount?: string | null
+  hardCap?: boolean
+
+  stripePriceId?: string | null
+  stripeMeterId?: string | null
+}

package/src/store/model/product-feature.ts

@@ -0,0 +1,29 @@
+// src/store/model/product-feature.ts
+
+// ---------- Enums ----------
+export enum FeatureMeasureUnit {
+  None = 'none',
+  Agent = 'agent',
+  Request = 'request',
+  Token = 'token',
+  User = 'user',
+  Second = 'second',
+}
+
+// ---------- Entity ----------
+export interface ProductFeature {
+  id: string
+  name: string
+  description: string | null
+  measureUnit: FeatureMeasureUnit
+  createdAt: string
+  updatedAt: string
+}
+
+// ---------- Payloads ----------
+export interface ProductFeaturePayload {
+  id?: string
+  name?: string
+  description?: string | null
+  measureUnit?: FeatureMeasureUnit
+}