@haus-storefront-react/discounts 0.0.49 → 0.0.52-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-storefront-react/discounts",
-  "version": "0.0.49",
+  "version": "0.0.52-1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -11,10 +11,10 @@
     }
   },
   "dependencies": {
-    "@haus-storefront-react/common-ui": "0.0.49",
-    "@haus-storefront-react/common-utils": "0.0.49",
-    "@haus-storefront-react/core": "0.0.49",
-    "@haus-storefront-react/hooks": "0.0.49",
-    "@haus-storefront-react/shared-types": "0.0.49"
+    "@haus-storefront-react/common-ui": "0.0.52-1",
+    "@haus-storefront-react/common-utils": "0.0.52-1",
+    "@haus-storefront-react/core": "0.0.52-1",
+    "@haus-storefront-react/hooks": "0.0.52-1",
+    "@haus-storefront-react/shared-types": "0.0.52-1"
   }
 }

package/README.md

@@ -1,247 +0,0 @@
-# Discounts Components
-
-A collection of headless, flexible discount components for e-commerce storefronts. Include coupon code management and active discounts display. Built with TypeScript, accessibility-first design, and works on both web and React Native.
-
-## Components
-
-### CouponCode Component
-
-A headless, flexible coupon code component for e-commerce storefronts. Supports applying and removing coupon codes, error handling, and platform-agnostic architecture.
-
-## Installation
-
-```bash
-npm install @haus-storefront-react/discounts
-# or
-yarn add @haus-storefront-react/discounts
-```
-
-## Requirements
-
-This package requires **@haus-storefront-react/core version 15.0.0 or higher** to function properly. Make sure you have the correct version installed:
-
-## Components
-
-### CouponCode component
-
-Supports applying and removing coupon codes, error handling, and platform-agnostic architecture.
-
-#### Usage Example
-
-```tsx
-import { CouponCode } from '@haus-storefront-react/discounts'
-;<CouponCode.Root>
-  {(couponCodeContext) => (
-    <div>
-          <CouponCode.Input placeholder="Enter coupon code" />
-          <CouponCode.ApplyButton>Apply</CouponCode.ApplyButton>
-          <CouponCode.Error>
-            <div>Invalid coupon code</div>
-          </CouponCode.Error>
-        </div>
-      )
-    </div>
-  )}
-</CouponCode.Root>
-```
-
-## API Reference
-
-### CouponCode.Root
-
-The main container component that provides the coupon code context.
-
-**Props:**
-
-- `children`: Render function that receives the coupon code context
-
-### CouponCode.Input
-
-Text input for entering coupon codes.
-
-**Props:**
-
-- `asChild`: Use a custom component instead of the default input
-- `placeholder`: Placeholder text
-- `disabled`: Disable the input
-- All standard HTML input attributes
-
-**Features:**
-
-- Enter key applies the coupon code
-- Escape key closes the input
-- Auto-focus when opened
-
-### CouponCode.ApplyButton
-
-Button to apply the entered coupon code.
-
-**Props:**
-
-- `asChild`: Use a custom component instead of the default button
-- `disabled`: Disable the button (auto-disabled when no code entered)
-- All standard HTML button attributes
-
-### CouponCode.RemoveButton
-
-Button to remove an applied coupon code.
-
-**Props:**
-
-- `couponCode`: The coupon code to remove
-- `asChild`: Use a custom component instead of the default button
-- All standard HTML button attributes
-
-## ActiveDiscounts Component
-
-A headless component for displaying and managing active discounts on an order. Shows applied discounts with their descriptions and amounts, and provides functionality to remove coupon codes.
-
-### Usage Example
-
-```tsx
-import { ActiveDiscounts } from '@haus-storefront-react/discounts'
-import { Price } from '@haus-storefront-react/common-ui'
-;<ActiveDiscounts.Root>
-  {(activeDiscountsContext) => (
-    <ActiveDiscounts.List>
-      {({ discounts }) => (
-        <div>
-          {discounts?.map((discount, index) => (
-            <ActiveDiscounts.Item key={index} discount={discount}>
-              {({ discount }) => (
-                <div>
-                  <div>
-                    <span>{discount.description}</span>
-                    {discount.promotion?.couponCode && (
-                      <span>({discount.promotion.couponCode})</span>
-                    )}
-                  </div>
-
-                  <ActiveDiscounts.RemoveButton discount={discount}>
-                    Remove discount code
-                  </ActiveDiscounts.RemoveButton>
-
-                  <Price.Root
-                    price={discount.amount}
-                    priceWithTax={discount.amountWithTax}
-                    currencyCode={discount.currencyCode}
-                    asChild
-                  >
-                    <div>
-                      <Price.Amount withCurrency />
-                    </div>
-                  </Price.Root>
-                </div>
-              )}
-            </ActiveDiscounts.Item>
-          ))}
-        </div>
-      )}
-    </ActiveDiscounts.List>
-  )}
-</ActiveDiscounts.Root>
-```
-
-### API Reference
-
-#### ActiveDiscounts.Root
-
-The main container component that provides the active discounts context.
-
-**Props:**
-
-- `children`: Render function that receives the active discounts context
-
-#### ActiveDiscounts.List
-
-Container for the list of active discounts.
-
-**Props:**
-
-- `asChild`: Use a custom component instead of the default div
-- `children`: Render function that receives the discounts array
-
-#### ActiveDiscounts.Item
-
-Container for individual discount items.
-
-**Props:**
-
-- `asChild`: Use a custom component instead of the default div
-- `children`: Render function that receives the discount object
-
-#### ActiveDiscounts.RemoveButton
-
-Button to remove a coupon code from the order. Only renders if the discount has a promotion with a coupon code.
-
-**Props:**
-
-- `discount`: The discount object (required to check if it has a coupon code)
-- `asChild`: Use a custom component instead of the default button
-- All standard HTML button attributes
-
-**Features:**
-
-- Only renders if the discount has a promotion with a coupon code
-- Automatically removes the coupon code associated with the discount
-- Platform agnostic (works on web and React Native)
-
-## Context Value
-
-The `CouponCode.Root` component provides the following context to its children:
-
-```typescript
-interface UseCouponCodeReturn {
-  code: string // Current coupon code input
-  isLoading: boolean // Loading state for API calls
-  error: Error | null // Error state
-  isOpen: boolean // Whether input is visible
-  setCode: (code: string) => void
-  setIsOpen: (isOpen: boolean) => void
-  applyCouponCode: (code: string) => Promise<void>
-  removeCouponCode: (code: string) => Promise<void>
-  clearError: () => void
-}
-```
-
-### React Native Usage
-
-```tsx
-import { View, Text, TouchableOpacity, TextInput } from 'react-native'
-;<CouponCode.Root>
-  {(context) => (
-    <View>
-      {context.isOpen ? (
-        <View>
-          <CouponCode.Input asChild>
-            <TextInput placeholder="Enter coupon code" />
-          </CouponCode.Input>
-          <CouponCode.ApplyButton asChild>
-            <TouchableOpacity>
-              <Text>Apply</Text>
-            </TouchableOpacity>
-          </CouponCode.ApplyButton>
-        </View>
-      ) : (
-        <CouponCode.ToggleButton asChild>
-          <TouchableOpacity>
-            <Text>Add Coupon Code</Text>
-          </TouchableOpacity>
-        </CouponCode.ToggleButton>
-      )}
-
-      <CouponCode.Error asChild>
-        <View>
-          <Text>Invalid coupon code</Text>
-        </View>
-      </CouponCode.Error>
-    </View>
-  )}
-</CouponCode.Root>
-```
-
-## Dependencies
-
-- `@haus-storefront-react/core`: Core SDK and platform detection (requires version 15.0.0 or higher)
-- `@haus-storefront-react/common-utils`: Platform utilities and context creation
-- `@haus-storefront-react/shared-types`: TypeScript type definitions