@rpg-engine/long-bow 0.8.216 → 0.8.218

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.216",
+  "version": "0.8.218",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Store/Store.tsx

@@ -51,7 +51,7 @@ export interface IStoreProps {
   fullScreen?: boolean;
   /** Override the DraggableContainer width (e.g. "90vw"). Defaults to "1000px". */
   containerWidth?: string;
-  /** Override the DraggableContainer height (e.g. "80vh"). Defaults to "auto". */
+  /** Override the DraggableContainer height (e.g. "80vh"). Defaults to "80vh" so the inner scroll area is bounded. */
   containerHeight?: string;
   packsBadge?: string;
   featuredItems?: IFeaturedItem[];
@@ -412,7 +412,7 @@ export const Store: React.FC<IStoreProps> = ({
       onCloseButton={onClose}
       width={containerWidth ?? "1000px"}
       minWidth="700px"
-      height={containerHeight ?? "auto"}
+      height={containerHeight ?? "80vh"}
       type={RPGUIContainerTypes.Framed}
       cancelDrag="[class*='Store__Container'], [class*='CartView'], [class*='StoreItemDetails'], .close-button"
       isFullScreen={fullScreen}
@@ -528,19 +528,9 @@ export const Store: React.FC<IStoreProps> = ({
           </MainContent>
           {cartItems.length > 0 && (
             <Footer>
-              <CartSummary>
-                <CartInfo>
-                  <span>Items in cart:</span>
-                  <span>{getTotalItems()}</span>
-                </CartInfo>
-                <CartInfo>
-                  <span>Total:</span>
-                  <span>{currencySymbol}{getTotalPrice().toFixed(2)}</span>
-                </CartInfo>
-              </CartSummary>
               <CTAButton
                 icon={<FaShoppingCart />}
-                label={`Proceed to Checkout (${currencySymbol}${getTotalPrice().toFixed(2)})`}
+                label={`Checkout · ${getTotalItems()} item${getTotalItems() !== 1 ? 's' : ''} (${currencySymbol}${getTotalPrice().toFixed(2)})`}
                 onClick={handleOpenCart}
                 fullWidth
               />
@@ -614,34 +604,12 @@ const TabContent = styled.div`
 `;
 
 const Footer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  padding: 1rem;
+  padding: 0.5rem;
   border-top: 2px solid #f59e0b;
   background: rgba(0, 0, 0, 0.2);
   flex-shrink: 0;
 `;
 
-const CartSummary = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-`;
-
-const CartInfo = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  font-family: 'Press Start 2P', cursive;
-  font-size: 0.75rem;
-  color: #ffffff;
-
-  span:last-child {
-    color: #fef08a;
-  }
-`;
-
 const TabLabelWithBadge = styled.span`
   display: inline-flex;
   align-items: center;