@lmnto/h-mall-shared 1.0.15 → 1.0.17

package/package.json

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

package/shared/components/AddressFormComponent.tsx

@@ -17,12 +17,14 @@ export type AddressFormComponentProps = {
   isLoading: boolean;
   proceedSubmit: FormEventHandler<HTMLButtonElement>;
   onCancel?: () => void;
+  enforceCheckoutEnabled?: boolean;
 };
 
 export default function AddressFormComponent({
   formId,
   isLoading,
   proceedSubmit,
+  enforceCheckoutEnabled = false,
 }: AddressFormComponentProps) {
   //
   const scopeT = _useScopedI18n("sharedComponents.addressFormComponent");
@@ -126,6 +128,7 @@ export default function AddressFormComponent({
               name="countryId"
               formId={formId}
               onCountrySelected={handleGetState}
+              enforceCheckoutEnabled={enforceCheckoutEnabled}
             />
           </div>
           <div className="col-span-12 md:col-span-6 relative">

package/shared/components/AddressShippingFormComponent.tsx

@@ -18,12 +18,14 @@ export type AddressShippingFormComponentProps = {
   isLoading: boolean;
   proceedSubmit: FormEventHandler<HTMLButtonElement>;
   onCancel?: () => void;
+  enforceCheckoutEnabled?: boolean;
 };
 
 export default function AddressShippingFormComponent({
   formId,
   isLoading,
   proceedSubmit,
+  enforceCheckoutEnabled = false,
 }: AddressShippingFormComponentProps) {
   //
   const scopeT = _useScopedI18n("sharedComponents.addressFormComponent");
@@ -134,6 +136,7 @@ export default function AddressShippingFormComponent({
               formId={formId}
               onCountrySelected={handleGetState}
               forShipping={true}
+              enforceCheckoutEnabled={enforceCheckoutEnabled}
             />
           </div>
           <div className="col-span-12 md:col-span-6 relative">

package/shared/components/SelectCountries.tsx

@@ -18,6 +18,8 @@ export interface InputFieldProps {
   formId: string;
   forShipping?: boolean;
   forPickUp?: boolean;
+  /** When true, only countries with isCheckoutEnabled are shown (checkout flows). */
+  enforceCheckoutEnabled?: boolean;
   onCountrySelected?: (value: string | number) => void;
 }
 
@@ -29,10 +31,12 @@ export function SelectCountries({
   formId,
   forShipping = true,
   forPickUp = false,
+  enforceCheckoutEnabled = false,
   onCountrySelected,
 }: InputFieldProps) {
   const {
     countries,
+    shippingCountries,
     setStates,
     setShippingStates,
     setCities,
@@ -50,8 +54,14 @@ export function SelectCountries({
   const [error, setError] = useState<any>(null);
   const [search, setSearch] = useState<string>("");
 
-  const countriesType = countries;
-  const filteredCountries = countriesType?.filter((country) =>
+  const baseCountries =
+    forShipping && shippingCountries?.length
+      ? shippingCountries
+      : countries;
+  const checkoutFiltered = enforceCheckoutEnabled
+    ? baseCountries?.filter((country) => country.isCheckoutEnabled !== false)
+    : baseCountries;
+  const filteredCountries = checkoutFiltered?.filter((country) =>
     country.name.toLowerCase().includes(search.toLowerCase()),
   );
 
@@ -73,7 +83,7 @@ export function SelectCountries({
   // Handle change logic for country selection
   const handleOnChange = (value: any) => {
     const countryId = +value.id; // Ensure it's a number
-    const selectedCountry = countries.find((c) => c.id === countryId);
+    const selectedCountry = checkoutFiltered?.find((c) => c.id === countryId);
 
     if (!selectedCountry) return; // Handle invalid selection safely
 
@@ -138,7 +148,7 @@ export function SelectCountries({
                     focus:bg-offWhite
                     shadow-none ${className}
                 `}
-        items={filteredCountries}
+        items={filteredCountries ?? []}
         searchKey="name"
         placeholder={placeholder}
         renderOption={(_item, country) => {

package/shared/constants/app.ts

@@ -34,6 +34,7 @@ export const QUANTITY_ACTIONS: { add: string; minus: string } = {
 
 export const METHOD_TO_PAY = {
   card: "card",
+  card_v2: "card_v2",
   wallet: "wallet",
   aleta: "aleta",
   nowpayments: "nowpayments",

package/shared/types/addressForm.ts

@@ -24,4 +24,6 @@ export interface ICountries {
   zipCodeExists: boolean;
   zipCodeRegex: string;
   zipCodeExample: string;
+  /** Partner Hub checkout eligibility; used to filter checkout country pickers only. */
+  isCheckoutEnabled?: boolean;
 }