@stigg/react-sdk 4.4.2 → 4.4.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.4.2",
+  "version": "4.4.3",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/checkout/promotionCode/AppliedPromotionCode.tsx

@@ -16,6 +16,18 @@ const AppliedCouponContainer = styled(Grid)`
   border: 1px solid ${({ theme }) => theme.stigg.palette.primary};
 `;
 
+export const StyledIcon = styled(Icon, { shouldForwardProp: (prop) => prop !== 'style' })<{ $shouldFill?: boolean }>`
+  display: flex;
+
+  g {
+    stroke: ${({ theme }) => theme.stigg.palette.primary};
+  }
+
+  path {
+    fill: ${({ theme, $shouldFill }) => ($shouldFill ? theme.stigg.palette.primary : undefined)};
+  }
+`;
+
 export type AppliedPromotionCodeProps = {
   promotionCode: string;
   onClearPromotionCode: () => void;
@@ -24,14 +36,14 @@ export type AppliedPromotionCodeProps = {
 export const AppliedPromotionCode = ({ promotionCode, onClearPromotionCode }: AppliedPromotionCodeProps) => (
   <AppliedCouponContainer container>
     <Grid item display="flex" gap={1} alignItems="center">
-      <Icon icon="Coupon" style={{ display: 'flex' }} />
+      <StyledIcon icon="Coupon" />
       <Typography variant="body1" color="primary.main" lineHeight="auto">
         {promotionCode}
       </Typography>
     </Grid>
     <Grid item>
       <Button variant="text" sx={{ minWidth: 'unset', padding: 0 }} onClick={onClearPromotionCode}>
-        <Icon icon="Close" style={{ display: 'flex' }} />
+        <StyledIcon icon="Close" $shouldFill />
       </Button>
     </Grid>
   </AppliedCouponContainer>

package/src/index.ts

@@ -1,4 +1,5 @@
 import './styles.css';
+
 export * from '@stigg/js-client-sdk';
 export {
   Paywall,
@@ -29,7 +30,22 @@ export {
   StiggContextValue,
   StiggContext,
 } from './components/StiggProvider';
-export { Checkout, CheckoutProps, CheckoutTheme } from './components/checkout';
+export {
+  Checkout,
+  CheckoutProps,
+  CheckoutProviderProps,
+  CheckoutContainerProps,
+  CheckoutLocalization,
+  CheckoutResult,
+  OnCheckoutCompletedParams,
+  OnCheckoutParams,
+  CheckoutTheme,
+  CheckoutMockProps,
+  MockCheckoutPreviewCallback,
+  MockCheckoutStateCallback,
+  BillingInformation,
+  TaxDetailsInput,
+} from './components/checkout';
 export { useWaitForCheckoutCompleted, ProvisionStatus } from './components/hooks';
 export { HorizontalAlignment, TextAlignment } from './theme/types';
 export { CustomizedTheme as Theme } from './theme/Theme';