@bikiran/utils 2.3.2 → 2.3.4

package/dist/index.d.ts

@@ -27,7 +27,16 @@ export { showCurrencySign, showInt } from "./lib/utils/show";
 export { addOption, addOption2 } from "./lib/utils/option";
 export { getBikiranUrl, getAccountUrl, getApiUrl, getApi2Url, getApi3Url, getBaseDomain, getSupportUrl, generateAnyUrl, getAdManageUrl, getAppoceanUrl, getDBConnectionString, getDocsUrl, getDomainUrl, getHostingUrl, getSiteUrl, SUB_DOMAIN_NAMES, isDev, getMode, } from "./lib/utils/Env";
 export type { TInputChangeEvent, TTextAreaChangeEvent, TMouseEvent, TFormEvent, TKeyboardEvent, TFocusEvent, TDragEvent, TState, } from "./lib/types/GlobalType";
+export type { TDomainProperty, TDomainDuration, TDomainInfo, } from "./lib/types/domain";
+export type { TApp } from "./lib/types/app";
+export type { TInputChangeEvent as TInputChangeEventAlt, TTextAreaChangeEvent as TTextAreaChangeEventAlt, TMouseEvent as TMouseEventAlt, TFormEvent as TFormEventAlt, TKeyboardEvent as TKeyboardEventAlt, TFocusEvent as TFocusEventAlt, TDragEvent as TDragEventAlt, TState as TStateAlt, } from "./lib/types/event";
+export type { TUser } from "./lib/types/user";
+export type { TApiResponse, TPagination } from "./lib/types/response";
+export type { TInvoiceInfo, TAddressBilling, TAddressShipping, } from "./lib/types/invoice";
 export { default as countries } from "./lib/utils/country.json";
 export { win, doc, storage } from "./lib/utils/dom";
 export { setLocalStorage, getLocalStorage } from "./lib/utils/storage";
 export { mkQueryString, mkToken, mkStrongPassword, } from "./lib/utils/StringOperation";
+export { default as StatusColor } from "./lib/utils/statusColor";
+export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/index.js

@@ -30,3 +30,8 @@ export { default as countries } from "./lib/utils/country.json";
 export { win, doc, storage } from "./lib/utils/dom";
 export { setLocalStorage, getLocalStorage } from "./lib/utils/storage";
 export { mkQueryString, mkToken, mkStrongPassword, } from "./lib/utils/StringOperation";
+// UI utilities
+export { default as StatusColor } from "./lib/utils/statusColor";
+// React hooks
+export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/index.ts

@@ -61,6 +61,41 @@ export type {
   TDragEvent,
   TState,
 } from "./lib/types/GlobalType";
+
+// Domain types
+export type {
+  TDomainProperty,
+  TDomainDuration,
+  TDomainInfo,
+} from "./lib/types/domain";
+
+// App types
+export type { TApp } from "./lib/types/app";
+
+// Event types (alternative to GlobalType)
+export type {
+  TInputChangeEvent as TInputChangeEventAlt,
+  TTextAreaChangeEvent as TTextAreaChangeEventAlt,
+  TMouseEvent as TMouseEventAlt,
+  TFormEvent as TFormEventAlt,
+  TKeyboardEvent as TKeyboardEventAlt,
+  TFocusEvent as TFocusEventAlt,
+  TDragEvent as TDragEventAlt,
+  TState as TStateAlt,
+} from "./lib/types/event";
+
+// User types
+export type { TUser } from "./lib/types/user";
+
+// Response types
+export type { TApiResponse, TPagination } from "./lib/types/response";
+
+// Invoice types
+export type {
+  TInvoiceInfo,
+  TAddressBilling,
+  TAddressShipping,
+} from "./lib/types/invoice";
 export { default as countries } from "./lib/utils/country.json";
 export { win, doc, storage } from "./lib/utils/dom";
 export { setLocalStorage, getLocalStorage } from "./lib/utils/storage";
@@ -69,3 +104,10 @@ export {
   mkToken,
   mkStrongPassword,
 } from "./lib/utils/StringOperation";
+
+// UI utilities
+export { default as StatusColor } from "./lib/utils/statusColor";
+
+// React hooks
+export { useOutsideClick } from "./lib/utils/OutsideClick";
+export { showSize } from "./lib/utils/showSize";

package/dist/lib/types/app.d.ts

@@ -0,0 +1,9 @@
+export type TApp = {
+    id: number;
+    name: string;
+    appKey: string;
+    description: string;
+    website: string;
+    logo: string;
+    status: string;
+};

package/dist/lib/types/app.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/app.ts

@@ -0,0 +1,9 @@
+export type TApp = {
+  id: number;
+  name: string;
+  appKey: string;
+  description: string;
+  website: string;
+  logo: string;
+  status: string;
+};

package/dist/lib/types/domain.d.ts

@@ -0,0 +1,26 @@
+export type TDomainProperty = {
+    domainName: string;
+    tld: string;
+    isAvailable: boolean;
+};
+export type TDomainDuration = {
+    quantity: number;
+    price: number;
+    offerPrice: number;
+    save: number;
+};
+export type TDomainInfo = {
+    packageId: number;
+    assetKey: string;
+    cartItemId: number;
+    title: string;
+    minQuantity: number;
+    selectedQuantity: number;
+    price: number;
+    priceRenew: number;
+    durations: TDomainDuration[];
+    unitName: string;
+    domainName: string;
+    domainProperty: TDomainProperty;
+    hostingProperty: any;
+};

package/dist/lib/types/domain.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/domain.ts

@@ -0,0 +1,28 @@
+export type TDomainProperty = {
+  domainName: string;
+  tld: string;
+  isAvailable: boolean;
+};
+
+export type TDomainDuration = {
+  quantity: number;
+  price: number;
+  offerPrice: number;
+  save: number;
+};
+
+export type TDomainInfo = {
+  packageId: number;
+  assetKey: string;
+  cartItemId: number;
+  title: string;
+  minQuantity: number;
+  selectedQuantity: number;
+  price: number;
+  priceRenew: number;
+  durations: TDomainDuration[];
+  unitName: string;
+  domainName: string;
+  domainProperty: TDomainProperty;
+  hostingProperty: any;
+};

package/dist/lib/types/event.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type TInputChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export type TTextAreaChangeEvent = React.ChangeEvent<HTMLTextAreaElement>;
+export type TMouseEvent = React.MouseEvent<HTMLButtonElement>;
+export type TFormEvent = React.FormEvent<HTMLFormElement>;
+export type TKeyboardEvent = React.KeyboardEvent<HTMLInputElement>;
+export type TFocusEvent = React.FocusEvent<HTMLInputElement>;
+export type TDragEvent = React.DragEvent<HTMLDivElement>;
+export type TState<T> = React.Dispatch<React.SetStateAction<T>>;

package/dist/lib/types/event.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/event.ts

@@ -0,0 +1,17 @@
+import React from "react";
+
+export type TInputChangeEvent = React.ChangeEvent<HTMLInputElement>;
+
+export type TTextAreaChangeEvent = React.ChangeEvent<HTMLTextAreaElement>;
+
+export type TMouseEvent = React.MouseEvent<HTMLButtonElement>;
+
+export type TFormEvent = React.FormEvent<HTMLFormElement>;
+
+export type TKeyboardEvent = React.KeyboardEvent<HTMLInputElement>;
+
+export type TFocusEvent = React.FocusEvent<HTMLInputElement>;
+
+export type TDragEvent = React.DragEvent<HTMLDivElement>;
+
+export type TState<T> = React.Dispatch<React.SetStateAction<T>>;

package/dist/lib/types/invoice.d.ts

@@ -0,0 +1,111 @@
+export type TInvoiceInfo = {
+    id: number;
+    customId: string;
+    userId: number;
+    projectId: number;
+    billingId: number;
+    invoiceTitle: string;
+    localCurrency: string;
+    convertRatio: number;
+    paymentStatus: string;
+    paymentTime: number;
+    timeIssue: number;
+    timeDue: number;
+    totalItem: number;
+    totalPrice: number;
+    totalOfferPrice: number;
+    totalVat: number;
+    totalSaving: number;
+    totalPaid: number;
+    totalDue: number;
+    noteTitle: string;
+    noteDescription: string;
+    status: string;
+    gatewayId: number;
+};
+export type TAddressBilling = {
+    name: string;
+    organization: string;
+    email: string;
+    mobile: string;
+    telephone: string;
+    fax: string;
+    line1: string;
+    line2: string;
+    line3: string;
+    country: string;
+    state: string;
+    city: string;
+    zipCode: string;
+};
+export type TAddressShipping = {
+    name: string;
+    organization: string;
+    email: string;
+    mobile: string;
+    telephone: string;
+    fax: string;
+    line1: string;
+    line2: string;
+    line3: string;
+    country: string;
+    state: string;
+    city: string;
+    zipCode: string;
+};
+export type TInvoiceProduct = {
+    id: number;
+    type: string;
+    title: string;
+    quantity: number;
+    unitName: string;
+    domain: string;
+    price: number;
+    priceOffer: number;
+    vat: number;
+    totalPrice: number;
+    duration: string;
+};
+export type TPaymentOption = {
+    id: number;
+    provider: string;
+    title: string;
+    subTitle: string;
+    buttonText: string;
+    isDefault: number;
+    icon: string;
+    priority: number;
+    status: string;
+};
+export type TPaymentIssue = {
+    key: string;
+    message: string;
+};
+export type TAddressPayload = {
+    type: string;
+    name: string;
+    organization: string;
+    email: string;
+    mobile: string;
+    telephone: string;
+    fax: string;
+    line1: string;
+    line2: string;
+    line3: string;
+    country: string;
+    state: string;
+    city: string;
+    zipCode: string;
+};
+export type TInvoiceData = {
+    invoice: TInvoiceInfo;
+    items: TInvoiceProduct[];
+    addressBilling: TAddressBilling;
+    addressShipping: TAddressShipping;
+    paymentGateways?: TPaymentOption[];
+    paymentIssues?: TPaymentIssue[];
+    linkDownload: string;
+    linkPrint: string;
+    transactions?: [];
+    notFound?: boolean;
+};

package/dist/lib/types/invoice.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/invoice.ts

@@ -0,0 +1,118 @@
+export type TInvoiceInfo = {
+  id: number;
+  customId: string;
+  userId: number;
+  projectId: number;
+  billingId: number;
+  invoiceTitle: string;
+  localCurrency: string;
+  convertRatio: number;
+  paymentStatus: string;
+  paymentTime: number;
+  timeIssue: number;
+  timeDue: number;
+  totalItem: number;
+  totalPrice: number;
+  totalOfferPrice: number;
+  totalVat: number;
+  totalSaving: number;
+  totalPaid: number;
+  totalDue: number;
+  noteTitle: string;
+  noteDescription: string;
+  status: string;
+  gatewayId: number;
+};
+
+export type TAddressBilling = {
+  name: string;
+  organization: string;
+  email: string;
+  mobile: string;
+  telephone: string;
+  fax: string;
+  line1: string;
+  line2: string;
+  line3: string;
+  country: string;
+  state: string;
+  city: string;
+  zipCode: string;
+};
+
+export type TAddressShipping = {
+  name: string;
+  organization: string;
+  email: string;
+  mobile: string;
+  telephone: string;
+  fax: string;
+  line1: string;
+  line2: string;
+  line3: string;
+  country: string;
+  state: string;
+  city: string;
+  zipCode: string;
+};
+
+export type TInvoiceProduct = {
+  id: number;
+  type: string;
+  title: string;
+  quantity: number;
+  unitName: string;
+  domain: string;
+  price: number;
+  priceOffer: number;
+  vat: number;
+  totalPrice: number;
+  duration: string;
+};
+
+export type TPaymentOption = {
+  id: number;
+  provider: string;
+  title: string;
+  subTitle: string;
+  buttonText: string;
+  isDefault: number;
+  icon: string;
+  priority: number;
+  status: string;
+};
+
+export type TPaymentIssue = {
+  key: string;
+  message: string;
+};
+
+export type TAddressPayload = {
+  type: string;
+  name: string;
+  organization: string;
+  email: string;
+  mobile: string;
+  telephone: string;
+  fax: string;
+  line1: string;
+  line2: string;
+  line3: string;
+  country: string;
+  state: string;
+  city: string;
+  zipCode: string;
+};
+
+export type TInvoiceData = {
+  invoice: TInvoiceInfo;
+  items: TInvoiceProduct[];
+  addressBilling: TAddressBilling;
+  addressShipping: TAddressShipping;
+  paymentGateways?: TPaymentOption[];
+  paymentIssues?: TPaymentIssue[];
+  linkDownload: string;
+  linkPrint: string;
+  transactions?: [];
+  notFound?: boolean;
+};

package/dist/lib/types/response.d.ts

@@ -0,0 +1,11 @@
+export type TApiResponse<T> = {
+    error: number | boolean;
+    message?: string;
+    data?: T;
+    referenceName?: string;
+};
+export type TPagination = {
+    cpp: number;
+    offset: number;
+    page: number;
+};

package/dist/lib/types/response.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/response.ts

@@ -0,0 +1,12 @@
+export type TApiResponse<T> = {
+  error: number | boolean;
+  message?: string;
+  data?: T;
+  referenceName?: string;
+};
+
+export type TPagination = {
+  cpp: number;
+  offset: number;
+  page: number;
+};

package/dist/lib/types/user.d.ts

@@ -0,0 +1,4 @@
+export type TUser = {
+    userUid?: string;
+    refreshToken?: string;
+};

package/dist/lib/types/user.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/types/user.ts

@@ -0,0 +1,4 @@
+export type TUser = {
+  userUid?: string;
+  refreshToken?: string;
+};

package/dist/lib/utils/OutsideClick.d.ts

@@ -0,0 +1 @@
+export declare function useOutsideClick(ref: React.RefObject<HTMLElement>, callback: () => void, ignoreClassNames?: string[]): void;

package/dist/lib/utils/OutsideClick.js

@@ -0,0 +1,35 @@
+import { useEffect } from "react";
+export function useOutsideClick(ref, callback, ignoreClassNames) {
+    useEffect(() => {
+        function handleClickOutside(event) {
+            const target = event.target;
+            // Check if the click is outside the referenced element
+            if (ref.current && !ref.current.contains(target)) {
+                // If ignoreClassNames is provided, check if the clicked element has any of those classes
+                if (ignoreClassNames && ignoreClassNames.length > 0) {
+                    const hasIgnoredClass = ignoreClassNames.some((className) => {
+                        var _a;
+                        // Check if the clicked element or any of its parents has the ignored class
+                        let element = target;
+                        while (element) {
+                            if ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains(className)) {
+                                return true;
+                            }
+                            element = element.parentElement;
+                        }
+                        return false;
+                    });
+                    // Don't trigger callback if clicked element has an ignored class
+                    if (hasIgnoredClass) {
+                        return;
+                    }
+                }
+                callback();
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [ref, callback, ignoreClassNames]);
+}

package/dist/lib/utils/OutsideClick.ts

@@ -0,0 +1,43 @@
+import { useEffect } from "react";
+
+export function useOutsideClick(
+  ref: React.RefObject<HTMLElement>,
+  callback: () => void,
+  ignoreClassNames?: string[]
+) {
+  useEffect(() => {
+    function handleClickOutside(event: MouseEvent) {
+      const target = event.target as HTMLElement;
+
+      // Check if the click is outside the referenced element
+      if (ref.current && !ref.current.contains(target)) {
+        // If ignoreClassNames is provided, check if the clicked element has any of those classes
+        if (ignoreClassNames && ignoreClassNames.length > 0) {
+          const hasIgnoredClass = ignoreClassNames.some((className) => {
+            // Check if the clicked element or any of its parents has the ignored class
+            let element: HTMLElement | null = target;
+            while (element) {
+              if (element.classList?.contains(className)) {
+                return true;
+              }
+              element = element.parentElement;
+            }
+            return false;
+          });
+
+          // Don't trigger callback if clicked element has an ignored class
+          if (hasIgnoredClass) {
+            return;
+          }
+        }
+
+        callback();
+      }
+    }
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref, callback, ignoreClassNames]);
+}

package/dist/lib/utils/showSize.d.ts

@@ -0,0 +1 @@
+export declare function showSize(value: number, fromUnit?: string): string;

package/dist/lib/utils/showSize.js

@@ -0,0 +1,18 @@
+export function showSize(value, fromUnit = "bytes") {
+    const units = ["bytes", "KB", "MB", "GB", "TB"];
+    const normalizedUnit = fromUnit.toLowerCase();
+    // Convert units array to lowercase for comparison
+    const unitIndex = units.map((u) => u.toLowerCase()).indexOf(normalizedUnit);
+    if (unitIndex === -1) {
+        console.error(`Invalid unit: ${fromUnit}. Using 'bytes' as default.`);
+        return showSize(value, "bytes"); // Recursively call with default unit
+    }
+    // Convert the input value to bytes first
+    const bytes = value * Math.pow(1024, unitIndex);
+    // Then convert bytes to the most appropriate unit
+    if (bytes === 0)
+        return "0 bytes";
+    const k = 1024;
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + units[i];
+}

package/dist/lib/utils/showSize.ts

@@ -0,0 +1,23 @@
+export function showSize(value: number, fromUnit: string = "bytes"): string {
+  const units = ["bytes", "KB", "MB", "GB", "TB"];
+  const normalizedUnit = fromUnit.toLowerCase();
+
+  // Convert units array to lowercase for comparison
+  const unitIndex = units.map((u) => u.toLowerCase()).indexOf(normalizedUnit);
+
+  if (unitIndex === -1) {
+    console.error(`Invalid unit: ${fromUnit}. Using 'bytes' as default.`);
+    return showSize(value, "bytes"); // Recursively call with default unit
+  }
+
+  // Convert the input value to bytes first
+  const bytes = value * Math.pow(1024, unitIndex);
+
+  // Then convert bytes to the most appropriate unit
+  if (bytes === 0) return "0 bytes";
+
+  const k = 1024;
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + units[i];
+}

package/dist/lib/utils/statusColor.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type StatusColorProps = {
+    status: string;
+    className?: string;
+};
+declare const StatusColor: FC<StatusColorProps>;
+export default StatusColor;

package/dist/lib/utils/statusColor.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn";
+const StatusColor = ({ status, className }) => {
+    const getColor = (status) => {
+        switch (status.toLowerCase()) {
+            case "active":
+                return "text-success";
+            case "success":
+                return "text-success";
+            case "inactive":
+                return "text-error";
+            case "suspended":
+                return "text-error";
+            case "pending":
+                return "text-yellow-500";
+            case "progressing":
+                return "text-green-500";
+            case "closed":
+                return "text-success";
+            case "open":
+                return "text-secondary";
+            case "completed":
+                return "text-secondary";
+            case "not-configured":
+                return "red-500";
+            case "failed":
+                return "red-500";
+            default:
+                return "text-black "; // Default color
+        }
+    };
+    const capitalizeFirstLetter = (text) => text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
+    return (_jsx("span", { className: cn(getColor(status), className), children: capitalizeFirstLetter(status) || "---" }));
+};
+export default StatusColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bikiran/utils",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [