@appcorp/stellar-solutions-modules 0.1.11 → 0.1.12

package/global-modules/branch/actions.d.ts

@@ -0,0 +1,83 @@
+import { BranchTypeBE, BRANCH_DRAWER } from './types';
+export declare enum BRANCH_ACTION_TYPES {
+    CLEAR_ERRORS = "CLEAR_ERRORS",
+    RESET_FORM = "RESET_FORM",
+    SET_BRANCHES = "SET_BRANCHES",
+    SET_COUNT = "SET_COUNT",
+    SET_CURRENT_PAGE = "SET_CURRENT_PAGE",
+    SET_DISABLE_SAVE_BUTTON = "SET_DISABLE_SAVE_BUTTON",
+    SET_DRAWER = "SET_DRAWER",
+    SET_ERRORS = "SET_ERRORS",
+    SET_FORM = "SET_FORM",
+    SET_INPUT_FIELD = "SET_INPUT_FIELD",
+    SET_PAGE_LIMIT = "SET_PAGE_LIMIT",
+    SET_SEARCH_QUERY = "SET_SEARCH_QUERY"
+}
+export type BranchSetErrorsAction = {
+    type: BRANCH_ACTION_TYPES.SET_ERRORS;
+    payload: {
+        errors: Record<string, string>;
+    };
+};
+export type BranchSetSearchQueryAction = {
+    type: BRANCH_ACTION_TYPES.SET_SEARCH_QUERY;
+    payload: {
+        searchQuery: string;
+    };
+};
+export type BranchResetFormAction = {
+    type: BRANCH_ACTION_TYPES.RESET_FORM;
+};
+export type BranchSetCountAction = {
+    type: BRANCH_ACTION_TYPES.SET_COUNT;
+    payload: {
+        count: number;
+    };
+};
+export type BranchSetBranchesAction = {
+    type: BRANCH_ACTION_TYPES.SET_BRANCHES;
+    payload: {
+        branches: BranchTypeBE[];
+    };
+};
+export type BranchSetFormAction = {
+    type: BRANCH_ACTION_TYPES.SET_FORM;
+    payload: {
+        form: BranchTypeBE;
+    };
+};
+export type BranchSetDrawerAction = {
+    type: BRANCH_ACTION_TYPES.SET_DRAWER;
+    payload: {
+        drawer: null | BRANCH_DRAWER;
+    };
+};
+export type BranchSetInputFieldAction = {
+    type: BRANCH_ACTION_TYPES.SET_INPUT_FIELD;
+    payload: {
+        key: keyof BranchTypeBE;
+        value: string | string[] | boolean | number | number[];
+    };
+};
+export type BranchSetDisableSaveButtonAction = {
+    type: BRANCH_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON;
+    payload: {
+        disableSaveButton: boolean;
+    };
+};
+export type BranchClearErrorsAction = {
+    type: BRANCH_ACTION_TYPES.CLEAR_ERRORS;
+};
+export type BranchSetCurrentPageAction = {
+    type: BRANCH_ACTION_TYPES.SET_CURRENT_PAGE;
+    payload: {
+        currentPage: number;
+    };
+};
+export type BranchSetPageLimitAction = {
+    type: BRANCH_ACTION_TYPES.SET_PAGE_LIMIT;
+    payload: {
+        pageLimit: number;
+    };
+};
+export type BranchActions = BranchSetErrorsAction | BranchSetCountAction | BranchSetBranchesAction | BranchSetFormAction | BranchSetDrawerAction | BranchSetInputFieldAction | BranchSetDisableSaveButtonAction | BranchClearErrorsAction | BranchSetCurrentPageAction | BranchSetPageLimitAction | BranchResetFormAction | BranchSetSearchQueryAction;

package/global-modules/branch/actions.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BRANCH_ACTION_TYPES = void 0;
+var BRANCH_ACTION_TYPES;
+(function (BRANCH_ACTION_TYPES) {
+    BRANCH_ACTION_TYPES["CLEAR_ERRORS"] = "CLEAR_ERRORS";
+    BRANCH_ACTION_TYPES["RESET_FORM"] = "RESET_FORM";
+    BRANCH_ACTION_TYPES["SET_BRANCHES"] = "SET_BRANCHES";
+    BRANCH_ACTION_TYPES["SET_COUNT"] = "SET_COUNT";
+    BRANCH_ACTION_TYPES["SET_CURRENT_PAGE"] = "SET_CURRENT_PAGE";
+    BRANCH_ACTION_TYPES["SET_DISABLE_SAVE_BUTTON"] = "SET_DISABLE_SAVE_BUTTON";
+    BRANCH_ACTION_TYPES["SET_DRAWER"] = "SET_DRAWER";
+    BRANCH_ACTION_TYPES["SET_ERRORS"] = "SET_ERRORS";
+    BRANCH_ACTION_TYPES["SET_FORM"] = "SET_FORM";
+    BRANCH_ACTION_TYPES["SET_INPUT_FIELD"] = "SET_INPUT_FIELD";
+    BRANCH_ACTION_TYPES["SET_PAGE_LIMIT"] = "SET_PAGE_LIMIT";
+    BRANCH_ACTION_TYPES["SET_SEARCH_QUERY"] = "SET_SEARCH_QUERY";
+})(BRANCH_ACTION_TYPES || (exports.BRANCH_ACTION_TYPES = BRANCH_ACTION_TYPES = {}));

package/global-modules/branch/branch.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Branch: () => React.JSX.Element;

package/global-modules/branch/branch.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Branch = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_table_v1_1 = require("@appcorp/app-corp-vista/organisms/vista-table-v1/vista-table-v1");
+var drawer_1 = require("./drawer");
+var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+var next_intl_1 = require("next-intl");
+var context_1 = require("./context");
+var util_functions_1 = require("@react-pakistan/util-functions");
+var constants_1 = require("./constants");
+var Branch = function () {
+    var _a = (0, context_1.useBranchStateContext)(), branches = _a.branches, count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
+    var t = (0, next_intl_1.useTranslations)('branchPage');
+    var translationMap = {
+        formLabelBranchName: t('formLabelBranchName'),
+        formLabelBranchAddress: t('formLabelBranchAddress'),
+        formLabelPersonName: t('formLabelPersonName'),
+        formLabelPersonPhone: t('formLabelPersonPhone'),
+        formLabelPersonEmail: t('formLabelPersonEmail'),
+    };
+    var tableHeadItems = [
+        {
+            label: t('tableColumnHeaderId'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderBranchName'),
+            width: '15%',
+        },
+        {
+            label: t('tableColumnHeaderBranchAddress'),
+            width: '20%',
+        },
+        {
+            label: t('tableColumnHeaderPersonName'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderEmailPhone'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderEnabled'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderIsDefault'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderActivity'),
+            width: '15%',
+        },
+        {
+            label: t('tableColumnHeaderActions'),
+            width: '5%',
+        },
+    ];
+    var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(vista_table_v1_1.VistaTableV1, { currentPage: currentPage, handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "branch-search", searchPlaceholder: t('tableHeaderSearchPlaceholder'), searchValue: searchQuery, selectKey1: "option", selectedItem: { option: String(pageLimit) }, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: branches, tableDescription: t('tableDescription'), tableHeadItems: tableHeadItems, tableHeading: t('tableTitle'), totalPages: totalPages }),
+        react_1.default.createElement(drawer_1.BranchDrawer, { translationMap: translationMap }),
+        react_1.default.createElement(generate_toast_1.VistaToaster, null)));
+};
+exports.Branch = Branch;

package/global-modules/branch/constants.d.ts

@@ -0,0 +1,35 @@
+import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
+import { VISTA_TABLE_CELL_TYPE } from '@appcorp/app-corp-vista/type/vista-table-type';
+export declare const pageLimit: number;
+export declare const staticFormElements: VistaFormElements;
+export declare const tableBodyCols: ({
+    componentType: VISTA_TABLE_CELL_TYPE;
+    key: string;
+} | {
+    componentType: VISTA_TABLE_CELL_TYPE;
+    key: string[];
+} | {
+    componentType: VISTA_TABLE_CELL_TYPE;
+    key?: undefined;
+})[];
+export declare const BRANCH_API_ROUTES: {
+    BRANCH: string;
+    BRANCHES: string;
+    BRANCH_BY_ID: string;
+};
+export declare const toastErrors: {
+    fetchInvoiceError: string;
+    formSubmittedSuccess: string;
+    genericError: string;
+    networkError: string;
+    submitFormError: string;
+    validationError: string;
+};
+export declare const validationError: {
+    branchAddress: string;
+    branchName: string;
+    personName: string;
+    personEmail: string;
+    personPhone: string;
+    preferenceId: string;
+};

package/global-modules/branch/constants.js

@@ -0,0 +1,155 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validationError = exports.toastErrors = exports.BRANCH_API_ROUTES = exports.tableBodyCols = exports.staticFormElements = exports.pageLimit = void 0;
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var vista_table_type_1 = require("@appcorp/app-corp-vista/type/vista-table-type");
+exports.pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT);
+exports.staticFormElements = (_a = {},
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1] = [
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'branchName',
+            label: 'formLabelBranchName',
+            order: 1,
+            placeholder: 'Branch Name...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'branchAddress',
+            label: 'formLabelBranchAddress',
+            order: 2,
+            placeholder: 'Branch Address...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'personName',
+            label: 'formLabelPersonName',
+            order: 3,
+            placeholder: 'Person Name...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'personPhone',
+            label: 'formLabelPersonPhone',
+            order: 4,
+            placeholder: 'Person Phone...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+        {
+            enabled: true,
+            error: '',
+            handleOnChange: function () { return void 0; },
+            id: 'personEmail',
+            label: 'formLabelPersonEmail',
+            order: 5,
+            placeholder: 'Person Email...',
+            required: true,
+            type: 'text',
+            value: '',
+        },
+    ],
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.TOGGLE_V1] = [
+        {
+            id: 'enabled',
+            enabled: true,
+            value: false,
+            order: 6,
+            handleOnChange: function () { return void 0; },
+            label: 'Enabled',
+            required: true,
+        },
+        {
+            id: 'isDefault',
+            enabled: true,
+            value: false,
+            order: 7,
+            handleOnChange: function () { return void 0; },
+            label: 'IsDefault',
+            required: true,
+        },
+    ],
+    _a);
+exports.tableBodyCols = [
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ID,
+        key: 'id',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOLD_TEXT,
+        key: 'branchName',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
+        key: 'branchAddress',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
+        key: 'personName',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.MULTIPLE_TEXT_LINES,
+        key: ['personPhone', 'personEmail'],
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN,
+        key: 'enabled',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN,
+        key: 'isDefault',
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT,
+    },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS,
+    },
+];
+exports.BRANCH_API_ROUTES = {
+    BRANCH: '/api/branch',
+    BRANCHES: '/api/branches',
+    BRANCH_BY_ID: '/api/branch/branch-by-id',
+};
+exports.toastErrors = {
+    fetchInvoiceError: 'Error Fetching Invoice',
+    formSubmittedSuccess: 'Form Submitted Successfully',
+    genericError: 'Something Went Wrong',
+    networkError: 'Network Error Occurred',
+    submitFormError: 'Error Submitting Form',
+    validationError: 'Validation Failed',
+};
+// export const dashboardTabsMap: { [key: string]: ReactNode } = {
+//   'Currency': <Currency />,
+//   'Payment Mode': <PaymentMode />,
+//   'Branch': <Branch />,
+//   'Tax': <Tax />,
+//   'Bank': <Bank />,
+// };
+exports.validationError = {
+    branchAddress: 'Branch Address is required',
+    branchName: 'Branch Name is required',
+    personName: 'Person Name is required',
+    personEmail: 'Person Email is required',
+    personPhone: 'Person Phone is required',
+    preferenceId: 'Preference Id is also required',
+};

package/global-modules/branch/context.d.ts

@@ -0,0 +1,10 @@
+import React, { FC, ReactNode } from 'react';
+import { BranchContextType, BranchState } from './types';
+type State = BranchContextType & BranchState;
+interface StateProviderProps {
+    children: ReactNode;
+}
+export declare const BranchStateContext: React.Context<State>;
+export declare const BranchStateContextProvider: FC<StateProviderProps>;
+export declare const useBranchStateContext: () => State;
+export {};