@justins-home/web-domain 0.1.0

package/.turbo/turbo-build.log

@@ -0,0 +1,14 @@
+ WARN  Issue while reading "/home/runner/work/justins-home-platform-ui/justins-home-platform-ui/.npmrc". Failed to replace env in config: ${NODE_AUTH_TOKEN}
+
+> @justins-home/web-domain@0.1.0 build /home/runner/work/justins-home-platform-ui/justins-home-platform-ui/packages/web-domain
+> tsup src/index.ts --format esm,cjs
+
+CLI Building entry: src/index.ts
+CLI tsup v8.5.1
+CLI Target: node16
+ESM Build start
+CJS Build start
+CJS dist/index.js 2.03 KB
+CJS ⚡️ Build success in 29ms
+ESM dist/index.mjs 1.01 KB
+ESM ⚡️ Build success in 30ms

package/CHANGELOG.md

@@ -0,0 +1,24 @@
+# @justins-home/web-domain
+
+## 0.1.0
+
+### Minor Changes
+
+- aced108: added minor pumb
+
+### Patch Changes
+
+- Updated dependencies [aced108]
+- Updated dependencies [26690e2]
+  - @justins-home/factories@0.1.0
+  - @justins-home/web-ui@1.0.0
+  - @justins-home/enums@0.1.0
+  - @justins-home/types@1.0.0
+
+## 0.0.1
+
+### Patch Changes
+
+- Updated dependencies [3f39ece]
+  - @justins-home/types@0.0.2
+  - @justins-home/factories@0.0.1

package/dist/index.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PropertyCard: () => PropertyCard
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/property/property-card.tsx
+var import_web_ui = require("@justins-home/web-ui");
+function PropertyCard({ listing }) {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ React.createElement(import_web_ui.Card, { className: "p-4 space-y-3 bg-red-400" }, /* @__PURE__ */ React.createElement(
+    "img",
+    {
+      src: (_a = listing.media) == null ? void 0 : _a.cover,
+      className: "h-48 w-full rounded-md object-cover"
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-lg" }, (_b = listing.summary) == null ? void 0 : _b.property_type), /* @__PURE__ */ React.createElement(import_web_ui.Badge, null, listing.state)), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, (_c = listing.summary) == null ? void 0 : _c.city), /* @__PURE__ */ React.createElement("div", { className: "text-lg font-bold" }, "\xA3", (_d = listing.price) == null ? void 0 : _d.amount));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PropertyCard
+});

package/dist/index.mjs

@@ -0,0 +1,15 @@
+// src/property/property-card.tsx
+import { Card, Badge } from "@justins-home/web-ui";
+function PropertyCard({ listing }) {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ React.createElement(Card, { className: "p-4 space-y-3 bg-red-400" }, /* @__PURE__ */ React.createElement(
+    "img",
+    {
+      src: (_a = listing.media) == null ? void 0 : _a.cover,
+      className: "h-48 w-full rounded-md object-cover"
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-lg" }, (_b = listing.summary) == null ? void 0 : _b.property_type), /* @__PURE__ */ React.createElement(Badge, null, listing.state)), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-muted-foreground" }, (_c = listing.summary) == null ? void 0 : _c.city), /* @__PURE__ */ React.createElement("div", { className: "text-lg font-bold" }, "\xA3", (_d = listing.price) == null ? void 0 : _d.amount));
+}
+export {
+  PropertyCard
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@justins-home/web-domain",
+  "version": "0.1.0",
+  "private": false,
+  "main": "src/index.ts",
+  "dependencies": {
+    "@justins-home/web-ui": "1.0.0",
+    "@justins-home/types": "1.0.0",
+    "@justins-home/enums": "0.1.0",
+    "@justins-home/factories": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "lint": "eslint src",
+    "check-types": "tsc --noEmit -p ../../tsconfig.base.json",
+    "build": "tsup src/index.ts --format esm,cjs",
+    "test": "vitest"
+  }
+}

package/src/index.ts

@@ -0,0 +1,38 @@
+export * from './property/property-card';
+// export * from './property/property-gallery';
+// export * from './property/property-summary-card';
+// export * from './property/property-features-list';
+// export * from './property/property-overview-panel';
+// export * from './property/property-map-view';
+
+// export * from './tenancy/tenancy-summary-card';
+// export * from './tenancy/tenancy-timeline';
+// export * from './tenancy/tenancy-lifecycle-stepper';
+// export * from './tenancy/tenancy-health-indicator';
+
+// export * from './inspection/inspection-summary-card';
+// export * from './inspection/inspection-timeline';
+// export * from './inspection/inspection-status-badge';
+// export * from './inspection/inspection-checklist';
+
+// export * from './maintenance/maintenance-request-card';
+// export * from './maintenance/repair-timeline';
+// export * from './maintenance/repair-progress-tracker';
+// export * from './maintenance/maintenance-attachment-viewer';
+
+// export * from './payments/rent-ledger-table';
+// export * from './payments/payment-summary-card';
+// export * from './payments/payment-status-badge';
+
+// export * from './notifications/notification-bell';
+// export * from './notifications/notification-list';
+// export * from './notifications/notification-item';
+// export * from './notifications/notification-center-panel';
+
+// export * from './users/user-avatar';
+// export * from './users/user-badge';
+// export * from './users/user-profile-card';
+
+// export * from './compliance/compliance-status-badge';
+// export * from './compliance/compliance-overview-card';
+// export * from './compliance/compliance-timeline';

package/src/inspection/inspection-status-badge.tsx

@@ -0,0 +1,18 @@
+import { Badge } from '@justins-home/web-ui';
+import { InspectionStatus } from '@justins-home/enums';
+
+interface Props {
+  status: InspectionStatus;
+}
+
+const STATUS_COLORS: Record<InspectionStatus, string> = {
+  scheduled: 'bg-blue-100 text-blue-700',
+  completed: 'bg-green-100 text-green-700',
+  cancelled: 'bg-gray-200 text-gray-700',
+  overdue: 'bg-red-100 text-red-700',
+  rescheduled: 'bg-yellow-100 text-yellow-700',
+};
+
+export function InspectionStatusBadge({ status }: Props) {
+  return <Badge className={STATUS_COLORS[status]}>{status}</Badge>;
+}

package/src/notifications/notification-bell.tsx

@@ -0,0 +1,18 @@
+import { Bell } from 'lucide-react';
+import { Badge } from '@justins-home/web-ui';
+
+interface Props {
+  unread: number;
+}
+
+export function NotificationBell({ unread }: Props) {
+  return (
+    <div className="relative">
+      <Bell className="h-5 w-5" />
+
+      {unread > 0 && (
+        <Badge className="absolute -top-2 -right-2">{unread}</Badge>
+      )}
+    </div>
+  );
+}

package/src/property/property-card.tsx

@@ -0,0 +1,30 @@
+import { Card, Badge } from '@justins-home/web-ui';
+import type { PropertyListingResource } from '@justins-home/types';
+
+interface PropertyCardProps {
+  listing: PropertyListingResource;
+}
+
+export function PropertyCard({ listing }: PropertyCardProps) {
+  return (
+    <Card className="p-4 space-y-3 bg-red-400">
+      <img
+        src={listing.media?.cover as string}
+        className="h-48 w-full rounded-md object-cover"
+      />
+
+      <div className="flex items-center justify-between">
+        <h3 className="font-semibold text-lg">
+          {listing.summary?.property_type}
+        </h3>
+        <Badge>{listing.state}</Badge>
+      </div>
+
+      <div className="text-sm text-muted-foreground">
+        {listing.summary?.city}
+      </div>
+
+      <div className="text-lg font-bold">£{listing.price?.amount}</div>
+    </Card>
+  );
+}