@lmnto/h-mall-shared 1.0.1 → 1.0.3

package/bitbucket-pipelines.yml

@@ -1,223 +1,61 @@
-steps:
-  - step: &build
-      name: "CI (Build & Validate)"
-      image: node:18-alpine3.18
-      script:
-        - npm cache clean --force
-        - rm -rf node_modules
-        - MONGOMS_DISABLE_POSTINSTALL=true npm install --force --loglevel verbose
-        - echo "✓ Dependencies validated successfully"
-
-  - step: &copy_shared_library
-      name: "Copy Shared Library to CI Server"
-      runs-on:
-        - self.hosted
-        - linux.shell
-        - common.ci
-      script:
-        - |
-          # Copy to common CI server for h-mall-web builds
-          # This location is used by h-mall-web Dockerfile during build (COPY h-mall-shared)
-          SHARED_LIB_PATH_CI="${HOME}/with-zone/h-mall-shared"
-
-          # Ensure directory exists
-          mkdir -p ${SHARED_LIB_PATH_CI}
-
-          # Deploy shared library to CI server
-          set +e
-          rm -rf ${SHARED_LIB_PATH_CI}
-          set -e
-          mkdir -p ${SHARED_LIB_PATH_CI}
-          cp -r ./ ${SHARED_LIB_PATH_CI}/
-          rm -rf ${SHARED_LIB_PATH_CI}/node_modules ${SHARED_LIB_PATH_CI}/.git
-          rm -f ${SHARED_LIB_PATH_CI}/.env*
-
-          echo "✓ Shared library copied to CI server: ${SHARED_LIB_PATH_CI}"
-          echo "  This path is used by h-mall-web Dockerfile during build"
-
-  - step: &preview_deploy
-      name: "CD (Deploy Shared Library to Preview)"
-      runs-on:
-        - self.hosted
-        - linux.shell
-        - preview.runner
-      script:
-        - |
-          # Standard deployment location - user-writable directory
-          # Note: This path must match docker-compose.yml volume mount in h-mall-web
-          SHARED_LIB_PATH="${HOME}/with-zone/h-mall-shared"
-
-          # Ensure directory exists (user home directory is always writable)
-          mkdir -p ${SHARED_LIB_PATH}
-
-          # Deploy shared library
-          set +e
-          rm -rf ${SHARED_LIB_PATH}
-          set -e
-          mkdir -p ${SHARED_LIB_PATH}
-          cp -r ./ ${SHARED_LIB_PATH}/
-          rm -rf ${SHARED_LIB_PATH}/node_modules ${SHARED_LIB_PATH}/.git
-          rm -f ${SHARED_LIB_PATH}/.env*
-
-          echo "✓ Shared library deployed to: ${SHARED_LIB_PATH}"
-          echo "  This path is mounted in h-mall-web docker-compose.yml"
-
-  - step: &dev_deploy
-      name: "CD (Deploy Shared Library to Dev)"
-      runs-on:
-        - self.hosted
-        - linux.shell
-        - dev.runner
-      script:
-        - |
-          # Standard deployment location - user-writable directory
-          # Note: This path must match docker-compose.yml volume mount in h-mall-web
-          SHARED_LIB_PATH="${HOME}/with-zone/h-mall-shared"
-
-          # Ensure directory exists (user home directory is always writable)
-          mkdir -p ${SHARED_LIB_PATH}
-
-          # Deploy shared library
-          set +e
-          rm -rf ${SHARED_LIB_PATH}
-          set -e
-          mkdir -p ${SHARED_LIB_PATH}
-          cp -r ./ ${SHARED_LIB_PATH}/
-          rm -rf ${SHARED_LIB_PATH}/node_modules ${SHARED_LIB_PATH}/.git
-          rm -f ${SHARED_LIB_PATH}/.env*
-
-          echo "✓ Shared library deployed to: ${SHARED_LIB_PATH}"
-          echo "  This path is mounted in h-mall-web docker-compose.yml"
-
-  - step: &uat_deploy
-      name: "CD (Deploy Shared Library to UAT)"
-      runs-on:
-        - self.hosted
-        - linux.shell
-        - uat.runner
-      script:
-        - |
-          # Standard deployment location - user-writable directory
-          # Note: This path must match docker-compose.yml volume mount in h-mall-web
-          SHARED_LIB_PATH="${HOME}/with-zone/h-mall-shared"
-
-          # Ensure directory exists (user home directory is always writable)
-          mkdir -p ${SHARED_LIB_PATH}
-
-          # Deploy shared library
-          set +e
-          rm -rf ${SHARED_LIB_PATH}
-          set -e
-          mkdir -p ${SHARED_LIB_PATH}
-          cp -r ./ ${SHARED_LIB_PATH}/
-          rm -rf ${SHARED_LIB_PATH}/node_modules ${SHARED_LIB_PATH}/.git
-          rm -f ${SHARED_LIB_PATH}/.env*
-
-          echo "✓ Shared library deployed to: ${SHARED_LIB_PATH}"
-          echo "  This path is mounted in h-mall-web docker-compose.yml"
-
-  - step: &prod_deploy
-      name: "CD (Deploy Shared Library to Prod)"
-      runs-on:
-        - self.hosted
-        - linux.shell
-        - prod.runner
-      script:
-        - |
-          # Standard deployment location - user-writable directory
-          # Note: This path must match docker-compose.yml volume mount in h-mall-web
-          SHARED_LIB_PATH="${HOME}/with-zone/h-mall-shared"
-
-          # Ensure directory exists (user home directory is always writable)
-          mkdir -p ${SHARED_LIB_PATH}
-
-          # Deploy shared library
-          set +e
-          rm -rf ${SHARED_LIB_PATH}
-          set -e
-          mkdir -p ${SHARED_LIB_PATH}
-          cp -r ./ ${SHARED_LIB_PATH}/
-          rm -rf ${SHARED_LIB_PATH}/node_modules ${SHARED_LIB_PATH}/.git
-          rm -f ${SHARED_LIB_PATH}/.env*
-
-          echo "✓ Shared library deployed to: ${SHARED_LIB_PATH}"
-          echo "  This path is mounted in h-mall-web docker-compose.yml"
+# =============================================================================
+# h-mall-shared — Bitbucket Pipelines
+# =============================================================================
+# Auth: Repository variables → NPM_TOKEN (secured). Granular token: publish +
+#       bypass 2FA for @lmnto.
+#
+# main: each push runs CI automatically; open that pipeline run and press
+#       Deploy (or Continue) on the manual "Publish to npm" stage to publish.
+# Optional: Pipelines → Run pipeline → custom "publish-to-npm" (any branch).
+#
+# Previous self-hosted pipeline: bitbucket-pipelines.yml.backup
+# =============================================================================
+
+image: node:22
 
 definitions:
-  services:
-    docker:
-      memory: 3072
+  steps:
+    - step: &ci-install
+        name: CI — install dependencies
+        caches:
+          - node
+        script:
+          - node -v
+          - npm install
+          - echo "✓ Dependencies install OK"
+
+    - step: &publish-npm
+        name: Publish @lmnto/h-mall-shared to npm
+        caches:
+          - node
+        script:
+          - |
+            if [ -z "${NPM_TOKEN}" ]; then
+              echo "ERROR: Set secured repository variable NPM_TOKEN (Repository settings → Repository variables)."
+              exit 1
+            fi
+          - echo "registry=https://registry.npmjs.org/" > .npmrc
+          - echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" >> .npmrc
+          - npm install
+          - npm whoami
+          - npm publish --access public
 
 pipelines:
   default:
-    - step: *build
-    - step: *copy_shared_library
+    - step: *ci-install
 
   branches:
-    feature/*:
-      - stage:
-          name: CI
-          steps:
-            - step: *build
-            - step: *copy_shared_library
-      - stage:
-          name: CD
-          trigger: manual
-          steps:
-            - step: *preview_deploy
-
-    pull-requests:
-      - stage:
-          name: CI
-          steps:
-            - step: *build
-            - step: *copy_shared_library
-      - stage:
-          name: CD
-          condition:
-            or:
-              - equals:
-                  - ${BITBUCKET_PR_DESTINATION_BRANCH}
-                  - dev
-              - equals:
-                  - ${BITBUCKET_PR_DESTINATION_BRANCH}
-                  - develop
-
-          steps:
-            - step: *preview_deploy
-
-    develop:
-      - stage:
-          name: CI
-          steps:
-            - step: *build
-            - step: *copy_shared_library
-      - stage:
-          name: CD
-          trigger: manual
-          steps:
-            - step: *dev_deploy
-
-    release/*:
-      - stage:
-          name: CI
-          steps:
-            - step: *build
-            - step: *copy_shared_library
-      - stage:
-          name: CD
-          trigger: manual
-          steps:
-            - step: *uat_deploy
-
     main:
       - stage:
           name: CI
           steps:
-            - step: *build
-            - step: *copy_shared_library
+            - step: *ci-install
       - stage:
-          name: CD
+          name: Publish to npm
           trigger: manual
           steps:
-            - step: *prod_deploy
+            - step: *publish-npm
+
+  custom:
+    publish-to-npm:
+      - step: *publish-npm

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmnto/h-mall-shared",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "private": false,
   "sideEffects": false,
   "scripts": {

package/shared/components/ListItemComponent.tsx

@@ -33,7 +33,7 @@ export default function ListItemComponent({
 
   return (
     <ListItem
-      className={`p-3 lg:p-2.5 xl:p-3 text-slate-600 rounded-lg
+      className={`relative p-3 lg:p-2.5 xl:p-3 text-slate-600 rounded-lg
         hover:text-purple-500 hover:bg-purple-100 
         focus:text-purple-500 focus:bg-purple-200
         active:text-purple-500 active:bg-purple-50 

package/shared/components/payments/DisclaimerAlertDialog.tsx

@@ -1,7 +1,3 @@
-import alertIcon from "@hms/packages/public/img/alert-Icon.png";
-import ButtonCustom from "@hms/packages/shared/components/Button";
-import CustomNextImage from "@hms/packages/shared/components/CustomNextImage";
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
 import {
   Checkbox,
   Dialog,
@@ -13,7 +9,11 @@ import {
 } from "@material-tailwind/react";
 import React, { useEffect, useState } from "react";
 
+import alertIcon from "../../../public/img/alert-Icon.png";
+import ButtonCustom from "../../components/Button";
+import CustomNextImage from "../../components/CustomNextImage";
 import { ROUTES } from "../../constants/routes";
+import { _useScopedI18n } from "../../i18n/client";
 
 type DisclaimerAlertDialogProps = {
   open: boolean;

package/shared/components/payments/EmptyAssets.tsx

@@ -1,6 +1,7 @@
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
 import { Typography } from "@material-tailwind/react";
 
+import { _useScopedI18n } from "../../i18n/client";
+
 export default function EmptyAssets() {
   const scopeT = _useScopedI18n("sharedComponents.emptyAssets");
 

package/shared/components/payments/PaybyWalletItemComponent.tsx

@@ -1,14 +1,10 @@
-import CustomNextImage from "@hms/packages/shared/components/CustomNextImage";
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
-import {
-  Asset,
-  Option,
-  PaymentsMethod,
-} from "@hms/packages/shared/types/payments";
-import { displayExactWalletBalance } from "@hms/packages/shared/utils/app.util";
 import { Tooltip, Typography } from "@material-tailwind/react";
 
 import walletIcon from "../../../public/img/wallet-icon.png";
+import { _useScopedI18n } from "../../i18n/client";
+import { Asset, Option, PaymentsMethod } from "../../types/payments";
+import { displayExactWalletBalance } from "../../utils/app.util";
+import CustomNextImage from "../CustomNextImage";
 
 export type PaybyWalletItemComponentProps = {
   paymentMethodData: PaymentsMethod;

package/shared/components/payments/PaymentAssetItemComponent.tsx

@@ -1,12 +1,8 @@
-import CustomNextImage from "@hms/packages/shared/components/CustomNextImage";
-import {
-  Asset,
-  Option,
-  PaymentsMethod,
-} from "@hms/packages/shared/types/payments";
 import { Tooltip, Typography } from "@material-tailwind/react";
 
 import cardIcon from "../../../public/img/card-icon.png";
+import { Asset, Option, PaymentsMethod } from "../../types/payments";
+import CustomNextImage from "../CustomNextImage";
 
 export type PaymentAssetItemComponentProps = {
   paymentMethodData: PaymentsMethod;

package/shared/components/payments/RequestProcessingDialog.tsx

@@ -1,6 +1,4 @@
-// import AppLoadingComponent from "@hms/packages/shared/components/AppLoadingComponent";
-import ButtonCustom from "@hms/packages/shared/components/Button";
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
+// import AppLoadingComponent from "../AppLoadingComponent";
 import {
   Dialog,
   DialogBody,
@@ -11,6 +9,8 @@ import {
 import React from "react";
 import { IoRefresh } from "react-icons/io5";
 
+import { _useScopedI18n } from "../../i18n/client";
+import ButtonCustom from "../Button";
 import LoadingIconComponent from "../LoadingIconComponent";
 
 type RequestProcessingDialogProps = {

package/shared/components/payments/WalletSectionManager.tsx

@@ -1,13 +1,10 @@
-import WalletTermsAndConditionComponent from "@hms/packages/shared/components/payments/WalletTermsAndConditionComponent";
-import { usePayments } from "@hms/packages/shared/hooks/usePayments";
-import { useUserStore } from "@hms/packages/shared/stores/userStore";
-import {
-  PaymentsMethod,
-  PaymentType,
-} from "@hms/packages/shared/types/payments";
 import React, { useCallback, useEffect, useState } from "react";
 
 import { PAYMENTS_TYPE } from "../../constants/app";
+import { usePayments } from "../../hooks/usePayments";
+import { useUserStore } from "../../stores/userStore";
+import { PaymentsMethod, PaymentType } from "../../types/payments";
+import WalletTermsAndConditionComponent from "./WalletTermsAndConditionComponent";
 
 type WalletSectionManagerProps = {
   paymentMethodData: PaymentsMethod;

package/shared/components/payments/WalletSliderComponent.tsx

@@ -1,9 +1,3 @@
-import ButtonCustom from "@hms/packages/shared/components/Button";
-import CustomNextLink from "@hms/packages/shared/components/CustomNextLink";
-import { ROUTES } from "@hms/packages/shared/constants/routes";
-import { useGlobalDebounce } from "@hms/packages/shared/hooks/useDebounce";
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
-import { Asset, Commission, Option } from "@hms/packages/shared/types/payments";
 import {
   Button,
   Menu,
@@ -17,6 +11,13 @@ import React, { Dispatch, useEffect, useMemo, useState } from "react";
 import { GoChevronDown } from "react-icons/go";
 import { HiOutlineArrowSmLeft } from "react-icons/hi";
 
+import { ROUTES } from "../../constants/routes";
+import { useGlobalDebounce } from "../../hooks/useDebounce";
+import { _useScopedI18n } from "../../i18n/client";
+import { Asset, Commission, Option } from "../../types/payments";
+import ButtonCustom from "../Button";
+import CustomNextLink from "../CustomNextLink";
+
 // Payment method update function type
 type PaymentUpdateFunction = (params: any) => Promise<void> | void;
 

package/shared/components/payments/WalletTermsAndConditionComponent.tsx

@@ -1,10 +1,11 @@
-import ButtonCustom from "@hms/packages/shared/components/Button";
-import { usePayments } from "@hms/packages/shared/hooks/usePayments";
-import { _useScopedI18n } from "@hms/packages/shared/i18n/client";
-import { notification } from "@hms/packages/shared/utils/notifications.util";
 import { Checkbox, Typography } from "@material-tailwind/react";
 import React, { useState } from "react";
 
+import { usePayments } from "../../hooks/usePayments";
+import { _useScopedI18n } from "../../i18n/client";
+import { notification } from "../../utils/notifications.util";
+import ButtonCustom from "../Button";
+
 type WalletTermsAndConditionComponentProps = {
   onConsentAccepted: () => void; // Prop to accept the consent
 };

package/shared/hooks/usePayments.ts

@@ -1,9 +1,9 @@
-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 { QueryKeys } from "../constants/query-keys";
+import { UsersService } from "../services/api";
 import {
   proceedGetPaymentMethodAssetsAsync,
   proceedGetPaymentMethodsAsync,

package/shared/types/payments.ts

@@ -1,4 +1,4 @@
-import { PAYMENTS_TYPE } from "@hms/packages/shared/constants/app";
+import { PAYMENTS_TYPE } from "../constants/app";
 
 export type PaymentsMethod = {
   code: string;

package/tailwind.config.ts

@@ -1,8 +1,11 @@
+import path from "node:path";
+
 import withMT from "@material-tailwind/react/utils/withMT";
 import type { Config } from "tailwindcss";
 
 export const sharedConfig: Config = {
-  content: ["../h-mall-shared/shared/**/*.{js,ts,jsx,tsx,mdx}"],
+  // Absolute glob so when web-app imports this config, paths are not resolved from web-app/.
+  content: [path.join(__dirname, "shared/**/*.{js,ts,jsx,tsx,mdx}")],
   safelist: [
     "bg-yellow-50",
     "bg-red-100",