fulldev-ui 0.5.0-beta.12 → 0.5.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.5.0-beta.12",
+  "version": "0.5.0-beta.14",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/components/CartSummary.astro

@@ -62,6 +62,7 @@ const { ...rest } = Astro.props
 </style>
 
 <script>
+  import { SITE_URL, STRIPE_RESTRICTED_KEY } from 'astro:env/client'
   import { $cart } from 'fulldev-ui/stores/cart.ts'
   import { formatPrice } from 'fulldev-ui/utils/cart'
   import Stripe from 'stripe'
@@ -78,8 +79,8 @@ const { ...rest } = Astro.props
   }
 
   document.addEventListener('astro:page-load', () => {
-    const stripe = new Stripe(import.meta.env.STRIPE_RESTRICTED_KEY)
-    if (stripe) return
+    const stripe = new Stripe(STRIPE_RESTRICTED_KEY)
+    if (!stripe) return
     setPrice($cart.get())
 
     $cart.subscribe((items: any) => {
@@ -92,7 +93,7 @@ const { ...rest } = Astro.props
       const items = $cart.get()
 
       const checkoutConfig = {
-        success_url: `${import.meta.env.PUBLIC_SITE_URL}/checkout`,
+        success_url: `${SITE_URL}/checkout`,
         mode: 'payment',
         customer_creation: 'always',
         shipping_address_collection: {
@@ -128,7 +129,7 @@ const { ...rest } = Astro.props
             currency: 'eur',
             product_data: {
               name: item.name,
-              images: [Astro.site ? Astro.site.href + item.image : undefined],
+              images: [SITE_URL + item.image],
             },
             unit_amount: Math.round(item.price * 100),
           },

package/src/components/Drawer.astro

@@ -40,7 +40,6 @@ const mergedMenu = [buttonsGroup, ...(menu || [])] as typeof menu
 ---
 
 <Button
-  if={ifProp}
   variant="secondary"
   class:list={['drawer-button', `${id}-button`]}
   onclick={`document.getElementById('${id}').showModal()`}
@@ -51,7 +50,6 @@ const mergedMenu = [buttonsGroup, ...(menu || [])] as typeof menu
 />
 
 <Element
-  if={ifProp}
   onclick={`event.target === this && this.close()`}
   class:list="drawer"
   as="dialog"

package/src/components/Header.astro

@@ -53,6 +53,11 @@ const {
     variant="link"
   />
   {themeselect && <ThemeSelect />}
+
+  <Cart
+    if={cart}
+    heading={cart}
+  />
   <Drawer
     icon="menu-2"
     id="menu"
@@ -61,10 +66,6 @@ const {
     {buttons}
     {menu}
   />
-  <Cart
-    if={cart}
-    heading={cart}
-  />
 </Element>
 
 <style lang="scss" is:global>

package/src/components/Section.astro

@@ -236,6 +236,7 @@ const Component =
 
         .segment {
           flex-direction: row;
+          flex-wrap: wrap;
           justify-content: space-between;
           width: 100%;
         }