@adobe-commerce/elsie 1.6.0-alpha2 → 1.6.0-alpha24

package/src/icons/index.ts

@@ -1,43 +1,48 @@
 export { default as Add } from './Add.svg';
+export { default as AddressBook } from './AddressBook.svg';
 export { default as Bulk } from './Bulk.svg';
 export { default as Burger } from './Burger.svg';
+export { default as Business } from './Business.svg';
+export { default as Card } from './Card.svg';
 export { default as Cart } from './Cart.svg';
 export { default as Check } from './Check.svg';
+export { default as CheckWithCircle } from './CheckWithCircle.svg';
 export { default as ChevronDown } from './ChevronDown.svg';
-export { default as ChevronUp } from './ChevronUp.svg';
 export { default as ChevronRight } from './ChevronRight.svg';
+export { default as ChevronUp } from './ChevronUp.svg';
 export { default as Close } from './Close.svg';
+export { default as Coupon } from './Coupon.svg';
+export { default as Date } from './Date.svg';
+export { default as Delivery } from './Delivery.svg';
+export { default as Edit } from './Edit.svg';
+export { default as EmptyBox } from './EmptyBox.svg';
+export { default as Eye } from './Eye.svg';
+export { default as EyeClose } from './EyeClose.svg';
+export { default as Gift } from './Gift.svg';
+export { default as GiftCard } from './GiftCard.svg';
 export { default as Heart } from './Heart.svg';
+export { default as HeartFilled } from './HeartFilled.svg';
+export { default as InfoFilled } from './InfoFilled.svg';
+export { default as List } from './List.svg';
+export { default as Locker } from './Locker.svg';
 export { default as Minus } from './Minus.svg';
+export { default as Order } from './Order.svg';
+export { default as OrderError } from './OrderError.svg';
+export { default as OrderSuccess } from './OrderSuccess.svg';
+export { default as PaymentError } from './PaymentError.svg';
 export { default as Placeholder } from './Placeholder.svg';
 export { default as PlaceholderFilled } from './PlaceholderFilled.svg';
+export { default as Quote } from './Quote.svg';
 export { default as Search } from './Search.svg';
 export { default as SearchFilled } from './SearchFilled.svg';
 export { default as Sort } from './Sort.svg';
 export { default as Star } from './Star.svg';
-export { default as View } from './View.svg';
+export { default as Structure } from './Structure.svg';
+export { default as Team } from './Team.svg';
+export { default as Trash } from './Trash.svg';
 export { default as User } from './User.svg';
-export { default as Warning } from './Warning.svg';
-export { default as Locker } from './Locker.svg';
+export { default as View } from './View.svg';
 export { default as Wallet } from './Wallet.svg';
-export { default as Card } from './Card.svg';
-export { default as Order } from './Order.svg';
-export { default as Delivery } from './Delivery.svg';
-export { default as OrderError } from './OrderError.svg';
-export { default as OrderSuccess } from './OrderSuccess.svg';
-export { default as PaymentError } from './PaymentError.svg';
-export { default as CheckWithCircle } from './CheckWithCircle.svg';
-export { default as WarningWithCircle } from './WarningWithCircle.svg';
+export { default as Warning } from './Warning.svg';
 export { default as WarningFilled } from './WarningFilled.svg';
-export { default as InfoFilled } from './InfoFilled.svg';
-export { default as HeartFilled } from './HeartFilled.svg';
-export { default as Trash } from './Trash.svg';
-export { default as Eye } from './Eye.svg';
-export { default as EyeClose } from './EyeClose.svg';
-export { default as Date } from './Date.svg';
-export { default as AddressBook } from './AddressBook.svg';
-export { default as EmptyBox } from './EmptyBox.svg';
-export { default as Coupon } from './Coupon.svg';
-export { default as Gift } from './Gift.svg';
-export { default as GiftCard } from './GiftCard.svg';
-export { default as Edit } from './Edit.svg';
+export { default as WarningWithCircle } from './WarningWithCircle.svg';

package/src/lib/aem/configs.ts

@@ -74,7 +74,7 @@ function getListOfRootPaths(): string[] {
     return [];
   }
 
-  return Object.keys(config.public).filter((root) => root !== 'default');
+  return Object.keys(config.public).filter((root) => root !== 'default' && root.startsWith('/'));
 }
 
 /**

package/src/lib/get-price-formatter.ts

@@ -0,0 +1,69 @@
+/********************************************************************
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
+ *******************************************************************/
+
+import { getGlobalLocale } from '@adobe-commerce/elsie/lib';
+
+export interface PriceFormatterOptions {
+  currency?: string | null;
+  locale?: string;
+  formatOptions?: Intl.NumberFormatOptions;
+}
+
+/**
+ * Determines the effective locale to use for price formatting
+ * Priority: prop locale > global locale > browser locale > default 'en-US'
+ */
+export function getEffectiveLocale(locale?: string): string {
+  if (locale) {
+    return locale;
+  }
+  const globalLocale = getGlobalLocale();
+  if (globalLocale) {
+    return globalLocale;
+  }
+  // Fallback to browser locale or default
+  return process.env.LOCALE && process.env.LOCALE !== 'undefined' ? process.env.LOCALE : 'en-US';
+}
+
+/**
+ * Gets an Intl.NumberFormat instance for price formatting
+ * Uses getEffectiveLocale internally to determine the best locale
+ *
+ * @example
+ * // Single price formatting
+ * const formatter = getPriceFormatter({ currency: 'USD', locale: 'en-US' });
+ * const price = formatter.format(10.99); // "$10.99"
+ *
+ * @example
+ * // Bulk price formatting (more efficient)
+ * const formatter = getPriceFormatter({ currency: 'EUR', locale: 'fr-FR' });
+ * const prices = [10.99, 25.50, 99.99].map(amount => formatter.format(amount));
+ */
+export function getPriceFormatter(
+  options: PriceFormatterOptions = {}
+): Intl.NumberFormat {
+  const { currency, locale, formatOptions = {} } = options;
+  const effectiveLocale = getEffectiveLocale(locale);
+
+  const params: Intl.NumberFormatOptions = {
+    style: 'currency',
+    currency: currency || 'USD',
+    // These options are needed to round to whole numbers if that's what you want.
+    minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)
+    maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)
+    ...formatOptions,
+  };
+
+  try {
+    return new Intl.NumberFormat(effectiveLocale, params);
+  } catch (error) {
+    console.error(`Error creating Intl.NumberFormat instance for locale ${effectiveLocale}. Falling back to en-US.`, error);
+    return new Intl.NumberFormat('en-US', params);
+  }
+}

package/src/lib/index.ts

@@ -2,9 +2,9 @@
  *  Copyright 2024 Adobe
  *  All Rights Reserved.
  *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
+ * NOTICE:  Adobe permits you to use, modify, and distribute this
+ * file in accordance with the terms of the Adobe license agreement
+ * accompanying it.
  *******************************************************************/
 
 export * from '@adobe-commerce/elsie/lib/form-values';
@@ -25,3 +25,4 @@ export * from '@adobe-commerce/elsie/lib/is-number';
 export * from '@adobe-commerce/elsie/lib/deviceUtils';
 export * from '@adobe-commerce/elsie/lib/get-path-value';
 export * from '@adobe-commerce/elsie/lib/get-cookie';
+export * from '@adobe-commerce/elsie/lib/get-price-formatter';