@lmnto/h-mall-shared 1.0.1

package/shared/hooks/usePayments.ts

@@ -0,0 +1,101 @@
+import { QueryKeys } from "@hms/packages/shared/constants/query-keys";
+import { UsersService } from "@hms/packages/shared/services/api";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+
+import { PAYMENTS_TYPE } from "../constants/app";
+import {
+  proceedGetPaymentMethodAssetsAsync,
+  proceedGetPaymentMethodsAsync,
+} from "../services/payment-method.service";
+import { PaymentType } from "../types/payments";
+import { withTimeout } from "../utils/app.util";
+
+export function usePayments({ type }: { type?: PaymentType }) {
+  const [assets, setAssets] = useState<any[]>();
+  const [isMigrationPaymentsAPILoading, setIsMigrationPaymentsAPILoading] =
+    useState<boolean>(true);
+
+  const [migrationPayments, setMigrationPayments] = useState<any[]>();
+
+  const paymentData = useMemo(
+    () => ({
+      shipping: type === PAYMENTS_TYPE.SHIPPING ? true : undefined,
+    }),
+    [type],
+  );
+
+  const {
+    data: payments,
+    // refetch: getPayments,
+    isLoading: paymentsMethodLoading,
+  } = useQuery({
+    queryKey: [QueryKeys.payments.GET_PAYMENTS, type],
+    queryFn: () => proceedGetPaymentMethodsAsync(paymentData),
+    enabled: !!type,
+  });
+
+  const {
+    mutate: getMigrationPaymentsAPI,
+    // isPending: isMigrationPaymentsAPILoading,
+  } = useMutation({
+    mutationKey: [QueryKeys.payments.GET_MIGRATION_PAYMENTS],
+    retry: 5,
+    retryDelay: 1000,
+    mutationFn: async () => {
+      console.log("calling proceedGetPaymentMethodsAsync...");
+      setIsMigrationPaymentsAPILoading(true);
+
+      return await withTimeout(
+        proceedGetPaymentMethodsAsync({ shipping: false }),
+
+        3000, // 3 seconds timeout
+      );
+    },
+    onSuccess: (data) => {
+      setIsMigrationPaymentsAPILoading(false);
+      console.log("🚀 ~ usePayments ~ data:", data);
+      if (data) setMigrationPayments(data);
+    },
+    onError: (error) => {
+      setIsMigrationPaymentsAPILoading(false);
+      console.log("🚀 ~ usePayments ~ error:", error);
+    },
+  });
+
+  const { mutate: getAssetsAPI, isPending: isLoadingAsset } = useMutation({
+    mutationKey: [QueryKeys.payments.GET_ASSETS],
+    mutationFn: ({ methodId }: { methodId: number }) => {
+      return proceedGetPaymentMethodAssetsAsync({
+        methodId,
+      });
+    },
+    onSuccess: (data) => {
+      if (data) setAssets(data);
+    },
+    onError: (error) => {
+      console.log("🚀 ~ usePayments ~ error:", error);
+    },
+  });
+
+  const acceptWalletConsent = useMutation({
+    mutationKey: [QueryKeys.payments.ACCEPT_WALLET_CONSENT],
+    mutationFn: UsersService.usersControllerSaveConsent,
+    onError: (error) => {
+      console.log("🚀 ~ usePayments ~ error:", error);
+    },
+  });
+
+  return {
+    acceptWalletConsent,
+    payments: payments ?? undefined,
+    paymentsMethodLoading,
+    getAssetsAPI,
+    assets,
+    isLoadingAsset,
+
+    migrationPayments,
+    getMigrationPaymentsAPI,
+    isMigrationPaymentsAPILoading,
+  };
+}

package/shared/hooks/useShippingAddressForm.ts

@@ -0,0 +1,70 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useEffect } from "react";
+
+import { ADDRESS_TYPES } from "../constants/app";
+import { QueryKeys } from "../constants/query-keys";
+import { AddressesService, ShippingCartService } from "../services/api";
+import { useCartStore } from "../stores/cartStore";
+import { countriesStore } from "../stores/countriesStore";
+
+export function useShippingAddressForm() {
+  //
+  const { userShippingAddress, setUserShippingAddress } = useCartStore();
+  //
+  const { setStates, setCities, setShippingCountries } = countriesStore();
+
+  const {
+    data: userShippingAddressData,
+    isLoading: isLoadingShippingAddresses,
+    refetch: getShippingAddress,
+  } = useQuery({
+    queryKey: [QueryKeys.users.GET_SHIPPING_ADDRESSES],
+    queryFn: () =>
+      AddressesService.userAddressesControllerGetAllActiveUserAddresses(
+        ADDRESS_TYPES.shipping.value,
+      ),
+    enabled: !userShippingAddress,
+  });
+
+  useEffect(() => {
+    setUserShippingAddress(userShippingAddressData);
+  }, [userShippingAddressData, setUserShippingAddress]);
+
+  const getCountriesByShippingMethodId = useMutation({
+    mutationKey: [QueryKeys.users.GET_COUNTRIES_BY_SHIPPING_METHOD],
+    mutationFn: ({
+      shippingCartId,
+      shippingMethodId,
+    }: {
+      shippingCartId: number;
+      shippingMethodId: number;
+    }) =>
+      ShippingCartService.shippingCartControllerGetALlowedShippingOrPickupCountries(
+        shippingCartId,
+        shippingMethodId,
+      ),
+    onSuccess: (data) => {
+      setShippingCountries(data);
+    },
+    onError: () => {},
+  });
+
+  const addNewShippingAddress = useMutation({
+    mutationKey: [QueryKeys.users.ADD_NEW_ADDRESS],
+    mutationFn: AddressesService.userAddressesControllerAddNewAddress,
+    onSuccess: () => {
+      setStates([]);
+      setCities([]);
+      getShippingAddress();
+    },
+    onError: () => {},
+  });
+
+  return {
+    shippingAddress: userShippingAddress,
+    getCountriesByShippingMethodId,
+    isLoadingShippingAddresses,
+    getShippingAddress,
+    addNewShippingAddress,
+  };
+}

package/shared/hooks/useShippingAddresses.ts

@@ -0,0 +1,33 @@
+import { useRef } from "react";
+
+import { AddressShippingSchema } from "../constants/address-shipping.schema";
+import useAppForm from "../hooks/useAppForm";
+
+export default function useShippingAddresses() {
+  const formId = useRef("shippingAddress");
+
+  const { handleSubmit, reset, setValue } = useAppForm({
+    schema: AddressShippingSchema(),
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      address: "",
+      type: "",
+      countryId: null,
+      state: "",
+      city: "",
+      postalCode: "",
+      phone: "",
+      zipCodeRegex: "",
+      zipCodeExample: [],
+      minPhoneLength: "5",
+    },
+    id: formId.current,
+  });
+  return {
+    shippingFormId: formId,
+    shippingHandleSubmit: handleSubmit,
+    shippingResetForm: reset,
+    setFormValue: setValue,
+  };
+}

package/shared/hooks/useStores.ts

@@ -0,0 +1,29 @@
+import * as yup from "yup";
+
+import useAppForm from "../hooks/useAppForm";
+
+const storeSchema = () => {
+  return yup.object({
+    countryId: yup.number(),
+    state: yup.string(),
+  });
+};
+
+const STORE_FORM_ID = "stores";
+
+export default function useStores() {
+  const { handleSubmit, reset, setValue } = useAppForm({
+    schema: storeSchema(),
+    defaultValues: {
+      countryId: null,
+      store: "",
+    },
+    id: STORE_FORM_ID,
+  });
+  return {
+    storeFormId: STORE_FORM_ID,
+    handleSubmit,
+    resetStoreForm: reset,
+    setFormValue: setValue,
+  };
+}

package/shared/hooks/useUserActivity.ts

@@ -0,0 +1,43 @@
+import { useEffect, useRef, useState } from "react";
+
+const useUserActivity = () => {
+  //
+  const events = useRef([
+    "click",
+    "mouseup",
+    "keydown",
+    "scroll",
+    "mousemove",
+    "touchstart",
+    "touchmove",
+    "touchend",
+    "orientationchange",
+    "online",
+  ]);
+
+  const [isActiveUser, setIsActiveUser] = useState<boolean>(true);
+
+  const activityResetTime = useRef<NodeJS.Timeout | undefined>(undefined);
+
+  useEffect(() => {
+    events.current.forEach(function (e) {
+      document.addEventListener(e, function () {
+        setIsActiveUser(true);
+
+        if (activityResetTime.current) clearTimeout(activityResetTime.current);
+        activityResetTime.current = setTimeout(
+          () => {
+            setIsActiveUser(false);
+          },
+          3 * 60 * 1000, //3 minutes
+        );
+      });
+    });
+  }, [events, setIsActiveUser]);
+
+  return {
+    isUserActiveOnBrowser: isActiveUser,
+  };
+};
+
+export default useUserActivity;

package/shared/i18n/client.ts

@@ -0,0 +1,27 @@
+// locales/client.ts
+"use client";
+
+import { createI18nClient } from "next-international/client";
+
+const {
+  useI18n,
+  useScopedI18n,
+  I18nProviderClient,
+  useChangeLocale,
+  useCurrentLocale,
+} = createI18nClient({
+  en: () => import("./locales/en"),
+  it: () => import("./locales/it"),
+});
+
+const _useScopedI18n = useScopedI18n as <Scope extends any>(
+  scope: Scope,
+) => ReturnType<typeof useScopedI18n> | any;
+
+export {
+  _useScopedI18n,
+  I18nProviderClient,
+  useChangeLocale,
+  useCurrentLocale,
+  useI18n,
+};

package/shared/i18n/locales/en.ts

@@ -0,0 +1,383 @@
+export default {
+  signIn: {
+    title: "Sign in with SSO/SAML",
+    subTitle:
+      "This workspace allows you to sign in with your Nodelink account.Sign in with Nodelink",
+    signInBtn: "Sign in with Nodelink",
+    errorMsg: "An error occurred. Please retry later",
+    loadingMsg: "Please Wait...",
+  },
+  paymentConfimation: {
+    title: "An Error Occurred during order placement",
+    subTitle: "PLease close this tab and go back to the payment",
+    redirectBtn: "Go to orders page",
+  },
+  profile: {
+    title: "My Profile",
+    email: "Email Address",
+    userName: "Username",
+    phone: "Phone Number",
+    memberShipStatus: "Membership Status",
+    expirationDate: "Expiration Date",
+    userType: "User Type",
+    subscriptionType: "Subscription Type",
+    active: "Active",
+    inactive: "Inactive",
+    profileInformationHeader: "Profile Information",
+    memberShipInformationHeader: "Membership Information",
+    allAddressesHeader: "All Addresses",
+    billingAddresses: "Billing Addresses",
+    shippingAddresses: "Shipping Addresses",
+    authentication: "Authentication",
+    profileRedirectBtn: "Go back to Nodelink",
+  },
+  sideBarMenu: {
+    products: "Products",
+    myCart: "My Cart",
+    orderHistory: "Order History",
+    shippingOrderHistory: "Shipping History",
+    legacyOrderHistory: "Legacy Orders History",
+    profile: "Profile",
+    wiki: "Wiki",
+    support: "Support",
+    navigation: "Navigation",
+    logout: "Logout",
+    AletaPay: "Aleta Pay",
+  },
+  products: {
+    purchaseLimitComponent: {
+      maxPurchaseLimit: "Maximum Purchase Limit",
+      alreadyPurchased: "Quantity Previously Purchased",
+      qtyInCart: "Quantity Already In Cart",
+    },
+    subscriptionBanner: {
+      welcome: "Welcome!",
+      welcomeBack: "Welcome Back!",
+      activeSubscription: `Your subscription is active, and you're all set to continue enjoying exclusive content. Dive in and explore new features and updates now!`,
+      inactiveSubscription:
+        "Unlock Exclusive Benefits by Renewing Your Subscription Today",
+      buySubscriptionBtn: "Buy Subscription",
+      subscriptionActivationPending:
+        "Subscription activation still in progress. Please check back later or contact support.",
+    },
+    quantityComponent: {
+      quantity: "Quantity",
+    },
+    productSummaryComponent: {
+      addToCartError: "Failed to add product to cart",
+      category: "Category",
+      addToCartBtn: "Add To Cart",
+      addedToCartBtn: "Added To Cart",
+      buyNowBtn: "Buy Now",
+
+      originalPrice: "Original price",
+      remaining80: "Remaining 80% payment of computer device",
+      deductedFuture: "Deducted from future daily rewards",
+      smartPlanBreakdown: "SmartPay plan breakdown",
+      cost20: "Computer device cost (20%):",
+      cost20Tooltip:
+        "Pay this upfront cost to get instant LYK airdrop equivalent to Utility token value once the order is completed..",
+      utilityToken: "Utility token:",
+      estimatedDeliveryFee: "Estimated Delivery fee:",
+      estimatedDeliveryFeeTooltip:
+        "This is subject to change based on the selection of Delivery mode during the checkout",
+      totalDueToday: "Total due today:",
+    },
+    productCategoriesComponent: {
+      title: "Product Category",
+      allProducts: "All Products",
+      notFound: "No categories found",
+    },
+    productBenefitsComponent: {
+      benefitsTitle: "Benefits",
+      descriptionTitle: "Description",
+      keyFeaturesTitle: "Key Features",
+      specificationsTitle: "Specifications",
+      function: "Function",
+      name: "Name",
+      specificationDescription: "Specification Description",
+      mark: "Mark",
+    },
+    breadcrumbsComponent: {
+      shop: "Shop",
+      allProducts: "All Products",
+    },
+  },
+  orders: {
+    title: "My Orders",
+    choseProductToProceed: "Choose the products to proceed",
+    followingProductMigrated: "Following Gen2 devices will be migrated to Gen3",
+    buyGen3Extensions: "Buy Gen3 Extensions",
+    followingProductMigratedNote:
+      "Note: All Eligible Gen2 devices in this order need to be migrated together.",
+    alreadyHaveShippingOrder:
+      "Oops! Your first shipping order is still in pending status! Kindly wait until it is moved to completed to place another shipping order.",
+    upgradeYourMachine: "UPGRADE YOUR SOFTWARE!",
+    selectEligibleItem: "Select the Eligible items",
+  },
+  order: {
+    orders: "Orders",
+    orderConfirmMsg: "Your Order Confirmed",
+    orderUpgradeConfirmMsg: "Upgrade product Order placed successfully",
+    phoneShippingOrderConfirmMsg: "Phone Shipping Order placed successfully",
+    orderDetails: "Order Details",
+    shippingOrder: "Shipping Orders",
+    shippingOrderDetails: "Shipping Order Details",
+    shippingOrderConfirmMsg: "Shipping Order placed successfully",
+    orderId: "Order Id",
+    placedOn: "Placed On",
+    itemsTitle: "Items Ordered",
+    boostedMintingSuccess: "You got the Boosted minting power of",
+    subTotal: "Subtotal",
+    shippingTotal: "Shipping Fee",
+    oneCare: "One Care",
+    items: "items",
+    grandTotal: "Grand Total",
+    goToLegacyOrder: "Go to legacy order",
+    goToMainOrder: "Go to Main order",
+    billingAddressComponent: {
+      contactInfo: "Contact Info",
+      mobileNumber: "Mobile Number",
+      emailInfo: "Email Info",
+      email: "Email",
+      paymentInfo: "Payment Info",
+      paymentType: "Payment Type",
+      billingAddressTitle: "Billing Address",
+      shippingAddressTitle: "Shipping Address",
+      pickupAddress: "Pickup Address",
+    },
+  },
+  cart: {
+    backBtn: "Back",
+    loading: "Loading cart..",
+    title: "Cart",
+    checkoutNowBtn: "Checkout Now",
+    removeBtn: "Remove",
+    clearCart: "Clear cart",
+    discountApplied: "Discount Applied",
+    proceed: "Proceed",
+
+    cartInactive: "Cart Inactive",
+    cartInactiveSummery:
+      "Your cart has been updated to reflect the latest product availability and pricing. Please review your cart before proceeding to checkout.",
+    cartInactiveAction: "Refresh Cart",
+
+    cartShippingInactive: "Shipping Cart Inactive",
+    cartShippingInactiveSummery:
+      "Your shipping cart has been updated to reflect the latest product availability and pricing. Please review your shipping cart before proceeding to checkout.",
+    cartShippingInactiveAction: "Refresh Shipping Cart",
+
+    tableItemsComponent: {
+      category: "Category",
+      maxPurchaseLimit: "Maximum Purchase Limit",
+      alreadyPurchased: "Quantity Previously Purchased",
+    },
+    orderSummaryComponent: {
+      title: "Order Summary",
+      editBtn: "Edit",
+      category: "Category",
+      subTotal: "Subtotal",
+      shippingTotal: "Shipping Fee",
+      loading: "Loading...",
+      grandTotal: "Grand Total",
+      continueShoppingBtn: "Continue Shopping",
+    },
+    shippingOrderSummaryComponent: {
+      title: "Shipping Summary",
+    },
+    phoneShippingOrderSummaryComponent: {
+      title: "Summary",
+    },
+    upgradeOrderSummaryComponent: {
+      title: "Upgrade Summary",
+    },
+    migrationOrderSummaryComponent: {
+      title: "Migration Summary",
+      titleExtensions: "Extensions Summary",
+    },
+    initiateDelivery: {
+      shippingMethod: {
+        billingAddress: "Billing address",
+        addNewBillingAddress: "Add New Billing Address",
+        shippingAddress: "Shipping address",
+        sameAsBillingAddress: "Same as billing address",
+        addNewShippingAddress: "Add New Shipping Address",
+      },
+    },
+  },
+  sharedComponents: {
+    addressFormComponent: {
+      firstName: "First Name",
+      lastName: "Last Name",
+      address: "Address",
+      flatHouseBuilding: "Flat, House no, Building (Optional)",
+      selectCountry: "Select Country",
+      state: "State / Region",
+      city: "City",
+      zipCode: "Zip Code",
+      submitBtn: "Add Address",
+      updateBtn: "Update",
+    },
+    buySubscriptionComponent: {
+      header: "First Purchase Subscription",
+      description: `Please note that subscription is mandatory to purchase any computer device product. This item cannot be deleted from the cart.`,
+      descriptionSummery: `Please note that subscription is mandatory to continue.`,
+      redirectBtn: "Buy Subscription",
+    },
+    cartDrawerComponent: {
+      category: "Category",
+      maxPurchaseLimit: "Maximum Purchase Limit",
+      alreadyPurchased: "Quantity Previously Purchased",
+      title: "My Cart",
+      grandTotal: "Grand Total",
+      subTotal: "Subtotal",
+      checkoutNowBtn: "Checkout Now",
+    },
+    emptyCartMessageComponent: {
+      title: "You Have Not Added Anything Yet!",
+    },
+    emptyCartMessageForCartPage: {
+      title: "Your Cart is Currently Empty",
+      subTitle: "You Have Not Added Anything Yet!",
+      message: "Add items to your cart to start shopping!",
+      redirectBtn: "Start Shopping",
+    },
+    emptyAssets: {
+      title: "No Assets",
+      message: "There are no assets for this method",
+    },
+    emptyOrderMessageForOrdersPage: {
+      title: "Your Order history is Currently Empty",
+      subTitle: `Kindly visit this link to get more details.`,
+      message: "Add items to your cart to start shopping!",
+      redirectBtn: "Start Shopping",
+    },
+    emptyLegacyOrderMessageForOrdersPage: {
+      title: "Your Legacy Order History is currently empty",
+      subTitle: `Kindly visit`,
+      linkText: ` this link `,
+      message: "to get more details.",
+      redirectBtn: "Start Shopping",
+    },
+    emptyOrderMessageForShippingOrdersPage: {
+      title: "Your Shipping Orders history is Currently Empty",
+      subTitle: `You haven't start any order shipping.`,
+      message: "start an order shipment!",
+      redirectBtn: "Orders history",
+    },
+    footerComponent: {
+      termsAndC: "Terms & Condition",
+      privacy: "Privacy & Cookies Policy",
+      risk: "Risk Disclosure",
+    },
+    headerComponent: {
+      title: "Welcome back",
+    },
+    orderNotFoundComponent: {
+      title: "The Requested Order Is Not Found",
+      message: "Go back to the order history!",
+      redirectBtn: "View All Orders",
+    },
+    phoneNumberComponent: {
+      title: "Mobile Number",
+    },
+    productNotFoundComponent: {
+      title: "The Requested Product Is Not Found",
+      message: "Go back to the products history!",
+      redirectBtn: "View All Products",
+    },
+    profileMenuComponent: {
+      nodeLinkRedirectionLink: "Go to Node Link",
+      logout: "Logout",
+    },
+    serverTime: {
+      title: "Server Time",
+    },
+    sessionDialogComponent: {
+      header: "Oops, Your Session Has Expired!",
+      message: `It looks like you've been away for a while. To keep your account secure, we've logged you out. Click below to sign back in.`,
+      redirectBtn: "Login again",
+    },
+    cartStepperComponent: {
+      first: "Shopping cart",
+      second: "Checkout",
+      third: "Payment",
+      productPayment: "Product Payment",
+      four: "Order confirmation",
+
+      review: "Review",
+      deliveryPayment: "Delivery Payment",
+    },
+    commissionNonEligibleComponent: {
+      message: "Product is not applicable for CV and VP points",
+    },
+  },
+  payment: {
+    loading: "Loading cart",
+    paymentMethod: "Payment Method",
+    payByCard: "Pay by card",
+    payByHomnifi: "Pay by Nodelink wallet",
+    proceedBtn: "Proceed to payment",
+    walletTermsAndConditionComponent: {
+      consentAcceptedMsg: "Consent successfully accepted!",
+      consentErrorMsg: "An error occurred. Please try again later.",
+      consentClickMsg: "By Clicking this, I accept the",
+      termsAndC: "Terms and Conditions",
+      and: "and",
+      privacyP: "Privacy policy",
+      importBtn: "Import Nodelink Wallet",
+    },
+    walletSliderComponent: {
+      backBtn: "Back",
+      amount: "Amount",
+      avlBalance: "Avl Balance",
+      grandTotal: "Grand Total",
+      insufficientBalance: "Insufficient Balance for",
+      depositBtn: "Deposit Now",
+    },
+    requestProcessingDialog: {
+      title: "Processing Your Request",
+      subTitle: "Hang tight! while we process your order.",
+      message:
+        "Just a moment! Please do not refresh while we complete your order.",
+      orderId: "Order ID",
+      errorMsg: "An error occurred during the process",
+      retryBtn: "Click here to retry",
+    },
+    paybyWalletItemComponent: {
+      insufficientBalanceMsg: "Insufficient wallet balance. Please recharge.",
+      avlBalance: "Avl Balance",
+    },
+    disclaimerAlertDialog: {
+      header: "Disclaimer Alert",
+      acceptCheckboxPrivacy: "I have read and accept membership",
+      privacyP: "Privacy Policy",
+      acceptCheckboxTerms: "I have read and accepted HMall",
+      termsAndC: "Terms & Conditions",
+      acceptCheckboxRickDisclosure:
+        "I confirm that I have read and agree to the HMall",
+
+      shippingAcknowledgment:
+        "I acknowledge that payment for this purchase is processed by our Third-Party Partner, HORYS TECHNOLOGIES. Any additional costs not contemplated by the standard shipping procedure that may arise during delivery are not included. Shipping costs cover delivery to the destination and handling but do not include additional customs fees. I confirm that I have read and agree to the",
+      riskDisclosureLink: "risk disclosure policy",
+      riskDisclosure: "Risk Disclosure Policy",
+      confirmBtn: "Confirm all",
+      legalTermsAccept: "I have read and agree to the Horystech",
+      legalOtherTermsAccept: "and other Legal Documents",
+      here: "here",
+    },
+  },
+  invoice: {
+    requestProcessingDialog: {
+      title: "Processing Your Request",
+      subTitle: "Hang tight! While we process your invoice.",
+      message:
+        "Just a moment! Please do not refresh while we complete downloading your invoice.",
+      orderId: "Order ID",
+      errorMsg: "An error occurred during the process",
+      retryBtn: "Click here to retry",
+      failedTitle: "Unable to Generate Invoice.",
+      failedMessage: `We couldn't generate your invoice at this time. Please try again later.`,
+    },
+  },
+} as const;