@dropins/storefront-checkout 1.1.0 → 1.2.0

package/containers/PlaceOrder/PlaceOrder.d.ts

@@ -1,14 +1,21 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
 import { HTMLAttributes } from 'preact/compat';
 
-export interface PlaceOrderProps extends HTMLAttributes<HTMLDivElement> {
-    disabled?: boolean;
-    handleValidation?: () => boolean;
-    handlePlaceOrder: (ctx: PlaceOrderContext) => Promise<void>;
+export interface ContentSlotContext {
+    code: string;
 }
-export interface PlaceOrderContext {
+export interface HandlePlaceOrderContext {
     code: string;
     cartId: string;
 }
+export interface PlaceOrderProps extends HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    handleValidation?: () => boolean;
+    handlePlaceOrder: (ctx: HandlePlaceOrderContext) => Promise<void>;
+    slots?: {
+        Content?: SlotProps<ContentSlotContext>;
+    };
+}
 export declare const PlaceOrder: {
     ({ hideOnEmptyCart, hideOnVirtualCart, ...props }: import('../../hocs/withConditionalRendering').ConditionalProps & PlaceOrderProps): import("preact/compat").JSX.Element;
     displayName: string;

package/containers/PlaceOrder.js

@@ -1,3 +1,3 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";/* empty css                  */import{Button as x}from"@dropins/tools/components.js";import{classes as E}from"@dropins/tools/lib.js";import{Text as g,useText as v}from"@dropins/tools/i18n.js";import{w as y}from"../chunks/withConditionalRendering.js";import{s as P}from"../chunks/store-config.js";import{c as S,a as b,b as U}from"../chunks/transform-store-config.js";import{U as I}from"../chunks/errors.js";import{events as w}from"@dropins/tools/event-bus.js";import{useState as N,useCallback as m,useEffect as T}from"@dropins/tools/preact-compat.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";const z=r=>r instanceof TypeError||r instanceof I,D=({className:r,disabled:t=!1,onClick:o})=>a("div",{className:E(["checkout-place-order",r]),children:a(x,{className:"checkout-place-order__button","data-testid":"place-order-button",disabled:t,onClick:o,size:"medium",type:"submit",variant:"primary",children:a(g,{id:"Checkout.PlaceOrder.button"})},"placeOrder")}),l=({disabled:r=!1,handleValidation:t,handlePlaceOrder:o,...u})=>{const[d,p]=N(!1),{data:f,pending:O}=S.value,k=!!f,s=v({CheckoutUnexpectedError:"Checkout.ServerError.unexpected"}),n=m(e=>{b.value=z(e)?s.CheckoutUnexpectedError:e.message},[s]),h=m(async()=>{try{if(!(t?t():!0))return;await o({cartId:P.cartId||"",code:U.value||""})}catch(e){n(e)}},[t,o,n]);return T(()=>{const e=w.on("cart/initialized",c=>{const C=(c==null?void 0:c.items)||[];p(C.some(i=>i.outOfStock||i.insufficientQuantity))},{eager:!0});return()=>{e==null||e.off()}},[]),a(D,{...u,onClick:h,disabled:r||!k||O||d})};l.displayName="PlaceOrderContainer";const J=y(l);export{J as PlaceOrder,J as default};
+import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";/* empty css                  */import{Button as E}from"@dropins/tools/components.js";import{classes as S,Slot as g}from"@dropins/tools/lib.js";import{w as y}from"../chunks/withConditionalRendering.js";import{s as P}from"../chunks/store-config.js";import{c as b,a as U,b as u}from"../chunks/transform-store-config.js";import{U as I}from"../chunks/errors.js";import{events as w}from"@dropins/tools/event-bus.js";import{useState as N,useCallback as d,useEffect as T}from"@dropins/tools/preact-compat.js";import{useText as z,Text as D}from"@dropins/tools/i18n.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";const H=t=>t instanceof TypeError||t instanceof I,_=({children:t,className:o,disabled:c=!1,onClick:r})=>a("div",{className:S(["checkout-place-order",o]),children:a(E,{className:"checkout-place-order__button","data-testid":"place-order-button",disabled:c,onClick:r,size:"medium",type:"submit",variant:"primary",children:t},"placeOrder")}),l=({disabled:t=!1,handleValidation:o,handlePlaceOrder:c,slots:r,...p})=>{const[f,C]=N(!1),{data:O,pending:k}=b.value,h=!!O,s=z({CheckoutUnexpectedError:"Checkout.ServerError.unexpected"}),i=d(e=>{U.value=H(e)?s.CheckoutUnexpectedError:e.message},[s]),x=d(async()=>{try{if(!(o?o():!0))return;await c({cartId:P.cartId||"",code:u.value||""})}catch(e){i(e)}},[o,c,i]);return T(()=>{const e=w.on("cart/initialized",n=>{const v=(n==null?void 0:n.items)||[];C(v.some(m=>m.outOfStock||m.insufficientQuantity))},{eager:!0});return()=>{e==null||e.off()}},[]),a(_,{...p,onClick:x,disabled:t||!h||k||f,children:r!=null&&r.Content?a(g,{name:"Content",slot:r.Content,context:{code:u.value||""}}):a(D,{id:"Checkout.PlaceOrder.button"})})};l.displayName="PlaceOrderContainer";const W=y(l);export{W as PlaceOrder,W as default};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-checkout", "version": "1.1.0", "@dropins/tools": "~0.39.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-checkout", "version": "1.2.0", "@dropins/tools": "~0.40.0", "license": "SEE LICENSE IN LICENSE.md"}