@simpoobusiness/sdk 1.0.1 → 1.0.4

package/README.md

@@ -62,4 +62,4 @@ Each component may accept specific props. For example, `InventoryTable`:
 
 ## 📖 Documentation
 
-See the [official docs](https://simpoobusiness.com/docs/sdk) for more details and advanced usage.
+See the [official docs](https://savics407.github.io/simpoo-sdk/) for more details and advanced usage.

package/dist/cjs/index.js

@@ -2627,6 +2627,9 @@ const useSDK = () => {
     return context;
 };
 const SimpooProvider = ({ apiKey, children, }) => {
+    if (typeof window === "undefined") {
+        return null; // SSR-safe
+    }
     return (jsxRuntime.jsx(SDKContext.Provider, { value: { apiKey }, children: jsxRuntime.jsx(Provider_default, { store: store, children: children }) }));
 };
 
@@ -28771,7 +28774,7 @@ function PaginationComponent({ showBulkActions = true, meta, }) {
     }, [meta?.per_page]);
     return (jsxRuntime.jsxs("div", { className: cn("flex items-center justify-between gap-4 flex-wrap", meta && meta?.total > 0 ? null : "hidden"), children: [showBulkActions ? (jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 shrink-0", children: [jsxRuntime.jsxs(DropdownMenu, { children: [jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs("button", { className: "rounded-md h-9  flex items-center justify-between p-3 font-semibold text-xs text-gray-600 outline-none border border-gray-300 gap-2.5 ", children: [perview, jsxRuntime.jsx("span", { className: "rotate-90", children: icons.arrow })] }) }), jsxRuntime.jsx(DropdownMenuContent, { align: "center", className: "flex flex-col gap-2.5 rounded-xl border-gray-200 py-2.5", children: rowsPerPage.map((count, index) => (jsxRuntime.jsx(DropdownMenuItem, { className: `capitalize focus:bg-primary_light rounded-md focus:text-primary font-semibold  text-sm cursor-pointer px-[15px] flex items-center gap-[5px] ${perview === count
                                         ? "bg-primary_light text-primary"
-                                        : "text-gray-700"}  `, onClick: () => dispatch(setPerview(count)), children: count }, index))) })] }), jsxRuntime.jsxs("p", { className: "font-normal text-gray-600 text-[15px]", children: ["Showing ", meta?.from, " - ", meta?.to, " of ", meta?.total] })] })) : null, jsxRuntime.jsx(Pagination, { count: meta?.last_page, page: meta?.current_page, shape: "rounded", color: "primary", onChange: handleChange })] }));
+                                        : "text-gray-700"}  `, onClick: () => dispatch(setPerview(count)), children: count }, index))) })] }), jsxRuntime.jsxs("p", { className: "font-normal text-gray-600 text-[15px]", children: ["Showing ", meta?.from, " - ", meta?.to, " of ", meta?.total] })] })) : null, jsxRuntime.jsx(Pagination, { count: meta?.last_page || 1, page: meta?.current_page ?? 1, shape: "rounded", color: "primary", onChange: handleChange })] }));
 }
 
 function ItemEmpty({ props = {} }) {
@@ -28800,12 +28803,12 @@ accordionData, hasAccordion, bodyRowClass, tableContainerClass, firstCellClass,
                                 .fill(null)
                                 .map((_, index) => (jsxRuntime.jsx(React.Fragment, { children: table.getHeaderGroups().map((headerGroup) => (jsxRuntime.jsx(TableRow, { className: cn("border-gray-300 hover:!bg-gray-100 rounded-xl"), children: headerGroup.headers.map((header) => {
                                         return (jsxRuntime.jsx(TableCell, { children: jsxRuntime.jsx(Skeleton, { className: "w-full h-6 rounded-lg" }) }, header.id));
-                                    }) }, headerGroup.id))) }, index)))) : table?.getRowModel().rows?.length ? (table?.getRowModel().rows.map((row, i) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TableRow, { onClick: () => toggleAccordion(i, row.original), "data-state": row.getIsSelected() && "selected", className: `border-gray-300 hover:!bg-gray-100 data-[state=selected]:bg-gray-100 ${bodyRowClass} `, children: row.getVisibleCells().map((cell, index) => (jsxRuntime.jsx(TableCell, { className: cn("text-gray-500  text-sm font-bold", tbCellClass, index === 0 && firstCellClass, index === row.getVisibleCells().length - 1 &&
+                                    }) }, headerGroup.id))) }, index)))) : table?.getRowModel().rows?.length ? (table?.getRowModel().rows.map((row, i) => (jsxRuntime.jsx(React.Fragment, { children: jsxRuntime.jsx(TableRow, { onClick: () => toggleAccordion(i, row.original), "data-state": row.getIsSelected() && "selected", className: `border-gray-300 hover:!bg-gray-100 data-[state=selected]:bg-gray-100 ${bodyRowClass} `, children: row.getVisibleCells().map((cell, index) => (jsxRuntime.jsx(TableCell, { className: cn("text-gray-500  text-sm font-bold", tbCellClass, index === 0 && firstCellClass, index === row.getVisibleCells().length - 1 &&
                                             lastCellClass), children: jsxRuntime.jsxs("div", { className: "flex", children: [hasAccordion &&
                                                     showAccordionDropdown &&
                                                     index === 0 && (jsxRuntime.jsx("div", { className: "cursor-pointer inline", children: jsxRuntime.jsx("div", { className: `transform transition-transform duration-200 ${openRowIndex === i
                                                             ? "-rotate-90"
-                                                            : "rotate-90"}`, children: icons.arrow }) })), " ", jsxRuntime.jsx("div", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) })] }) }, cell.id))) }, row.id) })))) : (jsxRuntime.jsx(TableRow, { children: jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center hover:bg-gray-100", children: emptyData ? (jsxRuntime.jsx(ItemEmpty, { props: emptyProps })) : ("No results found.") }) })) })] }) }), showPaginate && (jsxRuntime.jsx(PaginationComponent, { showBulkActions: showBulkActions, meta: meta }))] }));
+                                                            : "rotate-90"}`, children: icons.arrow }) })), " ", jsxRuntime.jsx("div", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) })] }) }, cell.id))) }, row.id) }, row.id)))) : (jsxRuntime.jsx(TableRow, { children: jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center hover:bg-gray-100", children: emptyData ? (jsxRuntime.jsx(ItemEmpty, { props: emptyProps })) : ("No results found.") }) })) })] }) }), showPaginate && (jsxRuntime.jsx(PaginationComponent, { showBulkActions: showBulkActions, meta: meta }))] }));
 }
 
 function formatToCurrency(value, currency = "NGN", locale = "en-NG") {
@@ -29380,6 +29383,7 @@ const Title = ({ title, item_uuid, item_type_id, data, }) => {
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("button", { className: cn(`text-primary font-bold text-sm first-letter:uppercase truncate max-w-[265px]`, data.expired ? "text-danger" : ""), title: title, children: title }) }));
 };
 
+const emptyImage = require("../../../assets/images/placeholder-image.svg");
 const InventoryTable = () => {
     const { apiKey } = useSDK();
     const [items, setItems] = React.useState([]);
@@ -29419,7 +29423,7 @@ const InventoryTable = () => {
             if (item.images?.length > 0) {
                 return item.images[0].image;
             }
-            return "./../../../assets/images/placeholder-image.svg";
+            return emptyImage;
         };
         return {
             item_description: item?.name,
@@ -29442,7 +29446,6 @@ const InventoryTable = () => {
             fullData: item,
         };
     });
-    console.log(items, "items");
     return (jsxRuntime.jsx(Table, { loading: loading, columns: itemColumns, data: tableData || [], emptyData: tableData.length === 0, emptyProps: {
             header: "No item yet",
             subText: "Add new item to start managing your inventory.",