@appcorp/stellar-solutions-invoice-module 0.1.71 → 0.1.73

package/base-modules/payment/context.js

@@ -201,7 +201,7 @@ var usePaymentState = function () {
                 type: actions_1.PAYMENT_ACTION_TYPES.SET_FORM,
             });
             dispatch({
-                payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
+                payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_VIEW_DRAWER },
                 type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
             });
         }
@@ -239,9 +239,7 @@ var usePaymentState = function () {
         updateCallback: updateCallback,
         updateDeps: [state],
         updateParams: updateParams,
-    }), byIdError = _b.byIdError, 
-    // byIdFetchNow,
-    byIdLoading = _b.byIdLoading, deleteError = _b.deleteError, 
+    }), byIdError = _b.byIdError, byIdFetchNow = _b.byIdFetchNow, byIdLoading = _b.byIdLoading, deleteError = _b.deleteError, 
     // deleteFetchNow,
     deleteLoading = _b.deleteLoading, listError = _b.listError, listFetchNow = _b.listFetchNow, listLoading = _b.listLoading, updateError = _b.updateError, updateFetchNow = _b.updateFetchNow, updateLoading = _b.updateLoading;
     // ---------------------------------------------------------------------------
@@ -253,6 +251,7 @@ var usePaymentState = function () {
     }, [debouncedQuery, state.currentPage, state.pageLimit]);
     (0, react_1.useEffect)(function () {
         var invoiceId = (0, util_functions_1.getStorageValue)("paymentInvoiceId");
+        console.log("_>>>", invoiceId);
         if (invoiceId) {
             var invoice = invoices.filter(function (_a) {
                 var id = _a.id;
@@ -284,7 +283,6 @@ var usePaymentState = function () {
                     payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
                 });
             }
-            (0, util_functions_1.removeStorageValue)("paymentInvoiceId");
         }
     }, [invoices]);
     // ---------------------------------------------------------------------------
@@ -305,14 +303,15 @@ var usePaymentState = function () {
     // ---------------------------------------------------------------------------
     // CRUD OPERATION HANDLERS
     // ---------------------------------------------------------------------------
-    // const handleEdit = useCallback(
-    //   (id: string) => {
-    //     byIdFetchNow(undefined, {
-    //       body: JSON.stringify({ id }),
-    //     });
-    //   },
-    //   [byIdFetchNow]
-    // );
+    var handleView = (0, react_1.useCallback)(function (id) {
+        byIdFetchNow(undefined, {
+            body: JSON.stringify({
+                id: id,
+                includeQuoteInvoice: true,
+                includePaymentMode: true,
+            }),
+        });
+    }, [byIdFetchNow]);
     // const handleDelete = useCallback(
     //   (id: string) => {
     //     deleteFetchNow?.(undefined, {
@@ -341,6 +340,7 @@ var usePaymentState = function () {
                 });
             },
         });
+        (0, util_functions_1.removeStorageValue)("paymentInvoiceId");
     }, [updateFetchNow, updateParams, dispatch]);
     // ---------------------------------------------------------------------------
     // FORM HANDLERS
@@ -421,7 +421,14 @@ var usePaymentState = function () {
     // TABLE ACTIONS
     // ---------------------------------------------------------------------------
     var headerActions = (0, react_1.useMemo)(function () { return []; }, []);
-    var rowActions = (0, react_1.useMemo)(function () { return []; }, []);
+    var rowActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: true,
+            handleAction: handleView,
+            label: t("actionsButtonView"),
+            order: 1,
+        },
+    ]; }, []);
     // ---------------------------------------------------------------------------
     // RETURN STATE
     // ---------------------------------------------------------------------------

package/base-modules/payment/drawer.js

@@ -12,25 +12,30 @@ var context_1 = require("./context");
 var form_1 = require("./form");
 var types_1 = require("./types");
 var next_intl_1 = require("next-intl");
+var view_1 = require("./view");
 var Drawer = function (_a) {
     var isRTL = _a.isRTL;
     var t = (0, next_intl_1.useTranslations)("payment");
     var _b = (0, context_1.usePaymentStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
     var isFormDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER;
-    var drawerTitle = isFormDrawer
-        ? t("drawerTitlePayment")
-        : t("drawerTitleFilter");
+    var isFilterDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_FILTER_DRAWER;
+    var isViewDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_VIEW_DRAWER;
     var drawerWidth = "w-[400px] sm:w-[540px]";
     var drawerDirection = isRTL ? "left" : "right";
     return (react_1.default.createElement(drawer_1.Drawer, { open: !!drawer, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
-        react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
+        react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr", "aria-describedby": "drawer-description", "aria-description": "drawer-description" },
             react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
-                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, drawerTitle),
+                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") },
+                    isFormDrawer && t("drawerTitlePayment"),
+                    isFilterDrawer && t("drawerTitleFilter"),
+                    isViewDrawer && t("drawerTitleView")),
                 react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
                     react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
                         react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
                         react_1.default.createElement("span", { className: "sr-only" }, t("drawerButtonClose"))))),
-            react_1.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 ".concat(isRTL ? "text-right" : "text-left") }, isFormDrawer && react_1.default.createElement(form_1.PaymentForm, { isRTL: isRTL })),
+            react_1.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 ".concat(isRTL ? "text-right" : "text-left") },
+                isFormDrawer && react_1.default.createElement(form_1.PaymentForm, { isRTL: isRTL }),
+                isViewDrawer && react_1.default.createElement(view_1.PaymentView, { isRTL: isRTL })),
             react_1.default.createElement(drawer_1.DrawerFooter, { className: "border-t pt-4" },
                 react_1.default.createElement("div", { className: "flex gap-2 ".concat(isRTL ? "flex-row-reverse" : "") },
                     react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1" }, t("drawerButtonCancel")),

package/base-modules/payment/types.d.ts

@@ -8,7 +8,9 @@ export declare enum PAYMENT_TYPE {
     PARTIAL_AMOUNT = "PARTIAL_AMOUNT"
 }
 export declare enum PAYMENT_DRAWER {
-    PAYMENT_FORM_DRAWER = "PAYMENT_FORM_DRAWER"
+    PAYMENT_FILTER_DRAWER = "PAYMENT_FILTER_DRAWER",
+    PAYMENT_FORM_DRAWER = "PAYMENT_FORM_DRAWER",
+    PAYMENT_VIEW_DRAWER = "PAYMENT_VIEW_DRAWER"
 }
 export declare enum PAYMENT_MODAL {
     DUMMY = "DUMMY"

package/base-modules/payment/types.js

@@ -11,7 +11,9 @@ var PAYMENT_TYPE;
 })(PAYMENT_TYPE || (exports.PAYMENT_TYPE = PAYMENT_TYPE = {}));
 var PAYMENT_DRAWER;
 (function (PAYMENT_DRAWER) {
+    PAYMENT_DRAWER["PAYMENT_FILTER_DRAWER"] = "PAYMENT_FILTER_DRAWER";
     PAYMENT_DRAWER["PAYMENT_FORM_DRAWER"] = "PAYMENT_FORM_DRAWER";
+    PAYMENT_DRAWER["PAYMENT_VIEW_DRAWER"] = "PAYMENT_VIEW_DRAWER";
 })(PAYMENT_DRAWER || (exports.PAYMENT_DRAWER = PAYMENT_DRAWER = {}));
 var PAYMENT_MODAL;
 (function (PAYMENT_MODAL) {

package/base-modules/payment/view.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Props {
+    isRTL: boolean;
+}
+export declare const PaymentView: FC<Props>;
+export {};

package/base-modules/payment/view.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentView = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("./context");
+var card_1 = require("@appcorp/shadcn/components/ui/card");
+var separator_1 = require("@appcorp/shadcn/components/ui/separator");
+var badge_1 = require("@appcorp/shadcn/components/ui/badge");
+var Row = function (_a) {
+    var label = _a.label, value = _a.value;
+    return (react_1.default.createElement("div", { className: "flex w-full items-start justify-between py-2" },
+        react_1.default.createElement("div", { className: "text-sm text-muted-foreground" }, label),
+        react_1.default.createElement("div", { className: "text-sm text-foreground ml-4" }, value !== null && value !== void 0 ? value : "—")));
+};
+var PaymentView = function (_a) {
+    var isRTL = _a.isRTL;
+    var _b = (0, context_1.usePaymentStateContext)(), amount = _b.amount, attachment = _b.attachment, balance = _b.balance, currency = _b.currency, date = _b.date, description = _b.description, id = _b.id, paymentMode = _b.paymentMode, paymentType = _b.paymentType, quoteInvoice = _b.quoteInvoice, ref = _b.ref;
+    return (react_1.default.createElement(card_1.Card, { className: "w-full" },
+        react_1.default.createElement(card_1.CardHeader, { className: "flex ".concat(isRTL ? "flex-row-reverse" : "flex-row", " items-center justify-between") },
+            react_1.default.createElement(card_1.CardTitle, null, "Payment"),
+            react_1.default.createElement("div", { className: "flex items-center gap-2" },
+                react_1.default.createElement(badge_1.Badge, { variant: "secondary" }, paymentType !== null && paymentType !== void 0 ? paymentType : "N/A"))),
+        react_1.default.createElement(card_1.CardContent, null,
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(Row, { label: "ID", value: id }),
+                react_1.default.createElement(separator_1.Separator, null),
+                react_1.default.createElement(Row, { label: "Amount", value: "".concat(amount !== null && amount !== void 0 ? amount : "0.00", " ").concat(currency !== null && currency !== void 0 ? currency : "") }),
+                react_1.default.createElement(Row, { label: "Balance", value: "".concat(balance !== null && balance !== void 0 ? balance : "0.00", " ").concat(currency !== null && currency !== void 0 ? currency : "") }),
+                react_1.default.createElement(separator_1.Separator, null),
+                react_1.default.createElement(Row, { label: "Date", value: date ? new Date(date).toLocaleString() : "-" }),
+                react_1.default.createElement(Row, { label: "Reference", value: ref }),
+                react_1.default.createElement(separator_1.Separator, null),
+                react_1.default.createElement(Row, { label: "Payment Mode", value: (paymentMode === null || paymentMode === void 0 ? void 0 : paymentMode.label) || "-" }),
+                react_1.default.createElement(Row, { label: "Invoice", value: quoteInvoice ? quoteInvoice === null || quoteInvoice === void 0 ? void 0 : quoteInvoice.id : "-" }),
+                react_1.default.createElement(separator_1.Separator, null),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: "text-sm text-muted-foreground" }, "Description"),
+                    react_1.default.createElement("div", { className: "mt-1 text-sm text-foreground" }, description || "—")),
+                attachment && (react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: "text-sm text-muted-foreground" }, "Attachment"),
+                    react_1.default.createElement("a", { className: "text-sm text-primary underline mt-1 block", href: attachment, target: "_blank", rel: "noreferrer" }, "View attachment")))))));
+};
+exports.PaymentView = PaymentView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-invoice-module",
-  "version": "0.1.71",
+  "version": "0.1.73",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
@@ -20,9 +20,9 @@
   },
   "devDependencies": {
     "@appcorp/app-corp-vista": "^0.3.84",
-    "@appcorp/shadcn": "^1.1.13",
-    "@appcorp/stellar-solutions-company-module": "^0.1.44",
-    "@appcorp/stellar-solutions-modules": "^0.1.67",
+    "@appcorp/shadcn": "^1.1.16",
+    "@appcorp/stellar-solutions-company-module": "^0.1.45",
+    "@appcorp/stellar-solutions-modules": "^0.1.68",
     "@appcorp/stellar-solutions-product-module": "^0.2.24",
     "@eslint/eslintrc": "^3",
     "@headlessui/react": "^2",
@@ -36,7 +36,7 @@
     "@radix-ui/react-separator": "^1",
     "@radix-ui/react-slot": "^1",
     "@radix-ui/react-switch": "^1",
-    "@react-pakistan/util-functions": "^1.24.94",
+    "@react-pakistan/util-functions": "^1.24.98",
     "@supabase/supabase-js": "^2",
     "@tailwindcss/forms": "^0",
     "@tailwindcss/postcss": "^4",