@gem-sdk/plugin-cart-drawer 1.11.1 → 1.22.31-staging.0

package/dist/cjs/components/CartDiscountCode.js

@@ -10,15 +10,15 @@ var LoadingIcon = require('./LoadingIcon.js');
 
 const CartDiscountCode = ()=>{
     const inputRef = react.useRef(null);
-    const { cartId  } = core.useCartId();
-    const { trigger: updateCartDiscountCode , isMutating  } = core.useCartDiscountCodesUpdate({
+    const { cartId } = core.useCartId();
+    const { trigger: updateCartDiscountCode, isMutating } = core.useCartDiscountCodesUpdate({
         onSuccess: ()=>{
             if (inputRef.current) {
                 inputRef.current.value = '';
             }
         }
     });
-    const { data: cart  } = core.useCartData();
+    const { data: cart } = core.useCartData();
     const currentCode = react.useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(core.isDefined) ?? [], [
         cart?.discounts
     ]);

package/dist/cjs/components/CartDrawer.js

@@ -33,9 +33,9 @@ const transitionStyles = {
         opacity: 0
     }
 };
-const CartDrawer = ({ className , style , setting  })=>{
-    const { data , isLoading: loading , error  } = core.useCartData();
-    const { closeCart , isCartOpen  } = core.useCartUI();
+const CartDrawer = ({ className, style, setting })=>{
+    const { data, isLoading: loading, error } = core.useCartData();
+    const { closeCart, isCartOpen } = core.useCartUI();
     const nodeRef = react.useRef(null);
     return /*#__PURE__*/ jsxRuntime.jsx(reactTransitionGroup.Transition, {
         in: isCartOpen,

package/dist/cjs/components/CartFooter.js

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var react = require('react');
 
-const CartFooter = ({ checkoutUrl , price , openMode  })=>{
+const CartFooter = ({ checkoutUrl, price, openMode })=>{
     const urlCheckout = core.useCheckoutUrl(checkoutUrl);
     const checkoutPopup = react.useRef(null);
     const money = core.useMoney(price ?? 0);

package/dist/cjs/components/CartLineItem.js

@@ -11,8 +11,8 @@ var LoadingIcon = require('./LoadingIcon.js');
 
 const CartLineItem = ()=>{
     const line = core.useCartLine();
-    const { cartId  } = core.useCartId();
-    const { isMutating: loading , trigger: removeCartLine  } = core.useRemoveCartItem();
+    const { cartId } = core.useCartId();
+    const { isMutating: loading, trigger: removeCartLine } = core.useRemoveCartItem();
     const money = core.useMoney(line.variant?.price ? line.variant?.price : 0);
     const compareAtPrice = core.useMoney(line.variant?.listPrice ? line.variant?.listPrice : 0);
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {

package/dist/cjs/components/CartLineItemQuantity.js

@@ -6,7 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var CartLineQuantityAdjustButton = require('./CartLineQuantityAdjustButton.js');
 
-const CartLineItemQuantity = ({ size  })=>{
+const CartLineItemQuantity = ({ size })=>{
     const line = core.useCartLine();
     return /*#__PURE__*/ jsxRuntime.jsxs("div", {
         className: core.cls('mt-2 inline-flex items-center overflow-auto rounded border border-g-line-3 text-g-text-1', {

package/dist/cjs/components/CartLineQuantityAdjustButton.js

@@ -10,10 +10,10 @@ var Trash = require('./icons/Trash.js');
 /**
  * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
  * It must be a descendent of a `CartLineProvider` component.
- */ const CartLineQuantityAdjustButton = ({ children , adjust , className , style  })=>{
-    const { isMutating: updateLoading , trigger: updateLines  } = core.useUpdateCartItem();
-    const { isMutating: removeLoading , trigger: removeLines  } = core.useRemoveCartItem();
-    const { cartId  } = core.useCartId();
+ */ const CartLineQuantityAdjustButton = ({ children, adjust, className, style })=>{
+    const { isMutating: updateLoading, trigger: updateLines } = core.useUpdateCartItem();
+    const { isMutating: removeLoading, trigger: removeLines } = core.useRemoveCartItem();
+    const { cartId } = core.useCartId();
     const cartLine = core.useCartLine();
     const isLoading = updateLoading || removeLoading;
     return /*#__PURE__*/ jsxRuntime.jsx("button", {

package/dist/cjs/components/CartOrderNote.js

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var react = require('react');
 
-const CartOrderNote = ({ triggerUpdate , debounce , placeholder  })=>{
+const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
     const textRef = react.useRef(null);
     const timeout = react.useRef(null);
     const abortControllerRef = react.useRef(new AbortController());
-    const { data: cart  } = core.useCartData();
-    const { cartId  } = core.useCartId();
-    const { trigger: updateCartNote  } = core.useCartNoteUpdate();
+    const { data: cart } = core.useCartData();
+    const { cartId } = core.useCartId();
+    const { trigger: updateCartNote } = core.useCartNoteUpdate();
     const updateNote = react.useCallback((note)=>{
         if (cartId && cart?.note !== note) {
             updateCartNote({

package/dist/cjs/components/DiscountCodeItem.js

@@ -9,10 +9,10 @@ var react = require('react');
 var Trash = require('./icons/Trash.js');
 var LoadingIcon = require('./LoadingIcon.js');
 
-const DiscountCodeItem = ({ item  })=>{
-    const { cartId  } = core.useCartId();
-    const { trigger: updateCartDiscountCode , isMutating  } = core.useCartDiscountCodesUpdate();
-    const { data: cart  } = core.useCartData();
+const DiscountCodeItem = ({ item })=>{
+    const { cartId } = core.useCartId();
+    const { trigger: updateCartDiscountCode, isMutating } = core.useCartDiscountCodesUpdate();
+    const { data: cart } = core.useCartData();
     const currentCode = react.useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(core.isDefined) ?? [], [
         cart?.discounts
     ]);

package/dist/cjs/components/LoadingIcon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 
-const LoadingIcon = ({ className  })=>/*#__PURE__*/ jsxRuntime.jsxs("svg", {
+const LoadingIcon = ({ className })=>/*#__PURE__*/ jsxRuntime.jsxs("svg", {
         className: core.cls('w-4 animate-spin', className),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",

package/dist/esm/components/CartDiscountCode.js

@@ -6,15 +6,15 @@ import LoadingIcon from './LoadingIcon.js';
 
 const CartDiscountCode = ()=>{
     const inputRef = useRef(null);
-    const { cartId  } = useCartId();
-    const { trigger: updateCartDiscountCode , isMutating  } = useCartDiscountCodesUpdate({
+    const { cartId } = useCartId();
+    const { trigger: updateCartDiscountCode, isMutating } = useCartDiscountCodesUpdate({
         onSuccess: ()=>{
             if (inputRef.current) {
                 inputRef.current.value = '';
             }
         }
     });
-    const { data: cart  } = useCartData();
+    const { data: cart } = useCartData();
     const currentCode = useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(isDefined) ?? [], [
         cart?.discounts
     ]);

package/dist/esm/components/CartDrawer.js

@@ -29,9 +29,9 @@ const transitionStyles = {
         opacity: 0
     }
 };
-const CartDrawer = ({ className , style , setting  })=>{
-    const { data , isLoading: loading , error  } = useCartData();
-    const { closeCart , isCartOpen  } = useCartUI();
+const CartDrawer = ({ className, style, setting })=>{
+    const { data, isLoading: loading, error } = useCartData();
+    const { closeCart, isCartOpen } = useCartUI();
     const nodeRef = useRef(null);
     return /*#__PURE__*/ jsx(Transition, {
         in: isCartOpen,

package/dist/esm/components/CartFooter.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCheckoutUrl, useMoney, composeRadius } from '@gem-sdk/core';
 import { useRef } from 'react';
 
-const CartFooter = ({ checkoutUrl , price , openMode  })=>{
+const CartFooter = ({ checkoutUrl, price, openMode })=>{
     const urlCheckout = useCheckoutUrl(checkoutUrl);
     const checkoutPopup = useRef(null);
     const money = useMoney(price ?? 0);

package/dist/esm/components/CartLineItem.js

@@ -7,8 +7,8 @@ import LoadingIcon from './LoadingIcon.js';
 
 const CartLineItem = ()=>{
     const line = useCartLine();
-    const { cartId  } = useCartId();
-    const { isMutating: loading , trigger: removeCartLine  } = useRemoveCartItem();
+    const { cartId } = useCartId();
+    const { isMutating: loading, trigger: removeCartLine } = useRemoveCartItem();
     const money = useMoney(line.variant?.price ? line.variant?.price : 0);
     const compareAtPrice = useMoney(line.variant?.listPrice ? line.variant?.listPrice : 0);
     return /*#__PURE__*/ jsxs("div", {

package/dist/esm/components/CartLineItemQuantity.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCartLine, cls } from '@gem-sdk/core';
 import CartLineQuantityAdjustButton from './CartLineQuantityAdjustButton.js';
 
-const CartLineItemQuantity = ({ size  })=>{
+const CartLineItemQuantity = ({ size })=>{
     const line = useCartLine();
     return /*#__PURE__*/ jsxs("div", {
         className: cls('mt-2 inline-flex items-center overflow-auto rounded border border-g-line-3 text-g-text-1', {

package/dist/esm/components/CartLineQuantityAdjustButton.js

@@ -6,10 +6,10 @@ import Trash from './icons/Trash.js';
 /**
  * The `CartLineQuantityAdjustButton` component renders a button that adjusts the cart line's quantity when pressed.
  * It must be a descendent of a `CartLineProvider` component.
- */ const CartLineQuantityAdjustButton = ({ children , adjust , className , style  })=>{
-    const { isMutating: updateLoading , trigger: updateLines  } = useUpdateCartItem();
-    const { isMutating: removeLoading , trigger: removeLines  } = useRemoveCartItem();
-    const { cartId  } = useCartId();
+ */ const CartLineQuantityAdjustButton = ({ children, adjust, className, style })=>{
+    const { isMutating: updateLoading, trigger: updateLines } = useUpdateCartItem();
+    const { isMutating: removeLoading, trigger: removeLines } = useRemoveCartItem();
+    const { cartId } = useCartId();
     const cartLine = useCartLine();
     const isLoading = updateLoading || removeLoading;
     return /*#__PURE__*/ jsx("button", {

package/dist/esm/components/CartOrderNote.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCartData, useCartId, useCartNoteUpdate } from '@gem-sdk/core';
 import { useRef, useCallback } from 'react';
 
-const CartOrderNote = ({ triggerUpdate , debounce , placeholder  })=>{
+const CartOrderNote = ({ triggerUpdate, debounce, placeholder })=>{
     const textRef = useRef(null);
     const timeout = useRef(null);
     const abortControllerRef = useRef(new AbortController());
-    const { data: cart  } = useCartData();
-    const { cartId  } = useCartId();
-    const { trigger: updateCartNote  } = useCartNoteUpdate();
+    const { data: cart } = useCartData();
+    const { cartId } = useCartId();
+    const { trigger: updateCartNote } = useCartNoteUpdate();
     const updateNote = useCallback((note)=>{
         if (cartId && cart?.note !== note) {
             updateCartNote({

package/dist/esm/components/DiscountCodeItem.js

@@ -5,10 +5,10 @@ import { useMemo, useCallback } from 'react';
 import Trash from './icons/Trash.js';
 import LoadingIcon from './LoadingIcon.js';
 
-const DiscountCodeItem = ({ item  })=>{
-    const { cartId  } = useCartId();
-    const { trigger: updateCartDiscountCode , isMutating  } = useCartDiscountCodesUpdate();
-    const { data: cart  } = useCartData();
+const DiscountCodeItem = ({ item })=>{
+    const { cartId } = useCartId();
+    const { trigger: updateCartDiscountCode, isMutating } = useCartDiscountCodesUpdate();
+    const { data: cart } = useCartData();
     const currentCode = useMemo(()=>cart?.discounts?.map((v)=>v.code).filter(isDefined) ?? [], [
         cart?.discounts
     ]);

package/dist/esm/components/LoadingIcon.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cls } from '@gem-sdk/core';
 
-const LoadingIcon = ({ className  })=>/*#__PURE__*/ jsxs("svg", {
+const LoadingIcon = ({ className })=>/*#__PURE__*/ jsxs("svg", {
         className: cls('w-4 animate-spin', className),
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/plugin-cart-drawer",
-  "version": "1.11.1",
+  "version": "1.22.31-staging.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -19,9 +19,9 @@
     "test": "jest -c ./../../helpers/jest.config.ts"
   },
   "devDependencies": {
-    "@gem-sdk/components": "1.12.0",
-    "@gem-sdk/core": "1.12.0",
-    "@gem-sdk/styles": "1.12.0"
+    "@gem-sdk/components": "1.22.31-staging.0",
+    "@gem-sdk/core": "1.22.31-staging.0",
+    "@gem-sdk/styles": "1.22.31-staging.0"
   },
   "peerDependencies": {
     "react": "^17 || ^18",