@dropins/storefront-order 0.1.0-alpha11 → 0.1.0-alpha12

package/components/EmptyList/EmptyList.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { EmptyListProps } from '../../types';
+
+export declare const EmptyList: FunctionComponent<EmptyListProps>;
+//# sourceMappingURL=EmptyList.d.ts.map

package/components/EmptyList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EmptyList';
+export { EmptyList as default } from './EmptyList';
+//# sourceMappingURL=index.d.ts.map

package/components/OrderCostSummaryContent/Blocks.d.ts

@@ -0,0 +1,38 @@
+import { OrderDataModel } from '../../data/models';
+import { TaxTypes } from '../../types';
+
+type translationsTypes = Record<string, string>;
+export declare const Subtotal: ({ translations, order, subTotalValue, shoppingOrdersDisplaySubtotal, }: {
+    translations: translationsTypes;
+    order?: OrderDataModel | undefined;
+    subTotalValue: number;
+    shoppingOrdersDisplaySubtotal: TaxTypes;
+}) => import("preact").JSX.Element;
+export declare const Shipping: ({ translations, shoppingOrdersDisplayShipping, order, totalShipping, }: {
+    totalShipping: number;
+    shoppingOrdersDisplayShipping: TaxTypes;
+    order: OrderDataModel;
+    translations: translationsTypes;
+}) => import("preact").JSX.Element;
+export declare const Discounts: ({ translations, order, totalGiftcardValue, totalGiftcardCurrency, }: {
+    totalGiftcardValue: number;
+    totalGiftcardCurrency: string;
+    order: OrderDataModel;
+    translations: translationsTypes;
+}) => import("preact").JSX.Element | null;
+export declare const Coupons: ({ order }: {
+    order: OrderDataModel;
+}) => import("preact").JSX.Element;
+export declare const AccordionTax: ({ translations, renderTaxAccordion, totalAccordionTaxValue, order, }: {
+    translations: translationsTypes;
+    order: OrderDataModel;
+    renderTaxAccordion: boolean;
+    totalAccordionTaxValue: number;
+}) => import("preact").JSX.Element;
+export declare const Total: ({ translations, shoppingOrdersDisplaySubtotal, order, }: {
+    translations: translationsTypes;
+    order?: OrderDataModel | undefined;
+    shoppingOrdersDisplaySubtotal: TaxTypes;
+}) => import("preact").JSX.Element;
+export {};
+//# sourceMappingURL=Blocks.d.ts.map

package/components/OrderCostSummaryContent/OrderCostSummaryContent.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { OrderCostSummaryContentProps } from '../../types';
+
+export declare const OrderCostSummaryContent: FunctionComponent<OrderCostSummaryContentProps>;
+//# sourceMappingURL=OrderCostSummaryContent.d.ts.map

package/components/OrderCostSummaryContent/index.d.ts

@@ -0,0 +1,3 @@
+export * from './OrderCostSummaryContent';
+export { OrderCostSummaryContent as default } from './OrderCostSummaryContent';
+//# sourceMappingURL=index.d.ts.map

package/components/OrderLoaders/OrderLoaders.d.ts

@@ -5,4 +5,5 @@ export declare const CardLoader: ({ testId, withCard, }: {
 }) => import("preact").JSX.Element;
 export declare const DetailsSkeleton: (props: any) => import("preact").JSX.Element;
 export declare const OrderProductListSkeleton: () => import("preact").JSX.Element;
+export declare const OrderSummarySkeleton: () => import("preact").JSX.Element;
 //# sourceMappingURL=OrderLoaders.d.ts.map

package/components/ReturnsListContent/ReturnsListContent.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { ReturnsListContentProps } from '../../types';
+
+export declare const ReturnsListContent: FunctionComponent<ReturnsListContentProps>;
+//# sourceMappingURL=ReturnsListContent.d.ts.map

package/components/ReturnsListContent/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ReturnsListContent';
+export { ReturnsListContent as default } from './ReturnsListContent';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -5,6 +5,9 @@ export * from './ShippingStatusCard';
 export * from './OrderLoaders';
 export * from './OrderActions';
 export * from './CustomerDetailsContent';
+export * from './EmptyList';
+export * from './ReturnsListContent';
 export * from './OrderProductListContent';
+export * from './OrderCostSummaryContent';
 export * from './OrderCancelReasonsForm';
 //# sourceMappingURL=index.d.ts.map

package/configs/mock.config.d.ts

@@ -921,6 +921,186 @@ export declare const storyBookNormalizeAddress: {
         label: null;
     }[])[];
 };
+export declare const orderCostSummaryMockup: {
+    number: string;
+    email: string;
+    token: string;
+    status: string;
+    isVirtual: boolean;
+    totalQuantity: number;
+    shippingMethod: string;
+    carrier: string;
+    discounts: {
+        amount: {
+            value: number;
+            currency: string;
+        };
+        label: string;
+    }[];
+    coupons: {
+        code: string;
+    }[];
+    payments: {
+        code: string;
+        name: string;
+    }[];
+    shipping: {
+        code: string;
+        amount: number;
+        currency: string;
+    };
+    shipments: {
+        id: string;
+        number: string;
+        tracking: {
+            carrier: string;
+            number: string;
+            title: string;
+        }[];
+        comments: {
+            message: string;
+            timestamp: string;
+        }[];
+        items: {
+            id: string;
+            productSku: string;
+            productName: string;
+            orderItem: {
+                id: string;
+                type: string;
+                discounted: boolean;
+                productName: string;
+                totalQuantity: number;
+                price: {
+                    value: number;
+                    currency: string;
+                };
+                totalInclTax: {};
+                priceInclTax: {};
+                regularPrice: {
+                    value: number;
+                    currency: string;
+                };
+                total: {
+                    value: number;
+                    currency: string;
+                };
+                configurableOptions: {};
+                product: {
+                    id: string;
+                    name: string;
+                    productType: string;
+                    sku: string;
+                    thumbnail: {
+                        url: string;
+                        label: string;
+                    };
+                };
+                thumbnail: {
+                    url: string;
+                    label: string;
+                };
+                quantityCanceled: number;
+                quantityInvoiced: number;
+                quantityOrdered: number;
+                quantityRefunded: number;
+                quantityReturned: number;
+                quantityShipped: number;
+            };
+        }[];
+    }[];
+    items: {
+        id: string;
+        type: string;
+        discounted: boolean;
+        productName: string;
+        totalQuantity: number;
+        price: {
+            value: number;
+            currency: string;
+        };
+        totalInclTax: {};
+        priceInclTax: {};
+        regularPrice: {
+            value: number;
+            currency: string;
+        };
+        total: {
+            value: number;
+            currency: string;
+        };
+        configurableOptions: {};
+        product: {
+            id: string;
+            name: string;
+            productType: string;
+            sku: string;
+            thumbnail: {
+                url: string;
+                label: string;
+            };
+        };
+        thumbnail: {
+            url: string;
+            label: string;
+        };
+        quantityCanceled: number;
+        quantityInvoiced: number;
+        quantityOrdered: number;
+        quantityRefunded: number;
+        quantityReturned: number;
+        quantityShipped: number;
+    }[];
+    totalGiftcard: {
+        value: number;
+        currency: string;
+    };
+    grandTotal: {
+        value: number;
+        currency: string;
+    };
+    totalShipping: {
+        value: number;
+        currency: string;
+    };
+    subtotal: {
+        value: number;
+        currency: string;
+    };
+    totalTax: {
+        value: number;
+        currency: string;
+    };
+    shippingAddress: {
+        street: string[];
+        city: string;
+        country: string;
+        company: string;
+        firstName: string;
+        middleName: string;
+        lastName: string;
+        postCode: string;
+        region: string;
+        regionId: string;
+        telephone: string;
+        customAttributes: never[];
+    };
+    billingAddress: {
+        street: string[];
+        city: string;
+        company: string;
+        country: string;
+        firstName: string;
+        middleName: string;
+        lastName: string;
+        postCode: string;
+        region: string;
+        regionId: string;
+        telephone: string;
+        customAttributes: never[];
+    };
+    availableActions: never[];
+};
 export declare const orderMockOrderProductItemsList: {
     items: ({
         type: string;
@@ -1389,4 +1569,142 @@ export declare const orderMockOrderProductItemsList: {
     })[];
     totalQuantity: number;
 };
+export declare const returnOrderListMockResponse: {
+    customer: {
+        returns: {
+            page_info: {
+                page_size: number;
+                total_pages: number;
+                current_page: number;
+            };
+            items: {
+                number: string;
+                shipping: {
+                    tracking: {
+                        status: null;
+                        carrier: {
+                            uid: string;
+                            label: string;
+                        };
+                        tracking_number: string;
+                    }[];
+                };
+                order: {
+                    number: string;
+                    token: string;
+                };
+                items: {
+                    uid: string;
+                    quantity: number;
+                    status: string;
+                    request_quantity: number;
+                    order_item: {
+                        __typename: string;
+                        status: string;
+                        product_name: string;
+                        id: string;
+                        quantity_ordered: number;
+                        quantity_shipped: number;
+                        quantity_canceled: number;
+                        quantity_invoiced: number;
+                        quantity_refunded: number;
+                        quantity_returned: number;
+                        product_sale_price: {
+                            value: number;
+                            currency: string;
+                        };
+                        selected_options: never[];
+                        product: {
+                            __typename: string;
+                            canonical_url: null;
+                            uid: string;
+                            name: string;
+                            sku: string;
+                            thumbnail: {
+                                label: string;
+                                url: string;
+                            };
+                            price_range: {
+                                maximum_price: {
+                                    regular_price: {
+                                        currency: string;
+                                        value: number;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                }[];
+            }[];
+        };
+    };
+};
+export declare const returnOrderListMock: {
+    token: string;
+    orderNumber: string;
+    items: {
+        uid: string;
+        quantity: number;
+        status: string;
+        requestQuantity: number;
+        orderItem: {
+            type: string;
+            productName: string;
+            quantityCanceled: number;
+            quantityInvoiced: number;
+            quantityOrdered: number;
+            quantityRefunded: number;
+            quantityReturned: number;
+            quantityShipped: number;
+            id: string;
+            discounted: boolean;
+            total: {
+                value: number;
+                currency: string;
+            };
+            totalInclTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            priceInclTax: {
+                value: number;
+                currency: string;
+            };
+            totalQuantity: number;
+            regularPrice: {
+                value: number;
+                currency: string;
+            };
+            product: {
+                canonicalUrl: string;
+                id: string;
+                name: string;
+                sku: string;
+                image: string;
+                productType: string;
+                thumbnail: {
+                    label: string;
+                    url: string;
+                };
+            };
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            configurableOptions: {};
+        };
+    }[];
+    tracking: {
+        status: null;
+        carrier: {
+            uid: string;
+            label: string;
+        };
+        trackingNumber: string;
+    }[];
+}[];
 //# sourceMappingURL=mock.config.d.ts.map

package/containers/CustomerDetails.js

@@ -1 +1 @@
-import{jsx as t,jsxs as u,Fragment as P}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b}from"@dropins/tools/lib.js";import{useMemo as V,useCallback as x,useState as k,useEffect as L}from"@dropins/tools/preact-hooks.js";import{events as Z}from"@dropins/tools/event-bus.js";import{c as R}from"../chunks/convertCase.js";import{g as z}from"../chunks/getAttributesForm.js";import{Card as B,Header as F,Price as $,Icon as q}from"@dropins/tools/components.js";import"../chunks/OrderCancelReasonsForm.js";import*as m from"@dropins/tools/preact-compat.js";import{D as K}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact.js";import{useText as G}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const I=o=>m.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),J=o=>m.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.00718 5H22.1507C22.7047 5 23.1579 5.45323 23.1579 6.00718V7.51794C23.1579 7.51794 1.01007 7.58844 1 7.55823V6.00718C1 5.45323 1.45323 5 2.00718 5Z",stroke:"currentColor",strokeWidth:1}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M23.1579 9.78409V18.3451C23.1579 18.899 22.7047 19.3523 22.1507 19.3523H2.00718C1.45323 19.3523 1 18.899 1 18.3451V9.78409H23.1579Z",stroke:"currentColor",strokeWidth:1}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3.01465 15.9682H8.40305",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.6192 17.5897C18.4535 17.5897 19.1299 16.9133 19.1299 16.0789C19.1299 15.2446 18.4535 14.5682 17.6192 14.5682C16.7848 14.5682 16.1084 15.2446 16.1084 16.0789C16.1084 16.9133 16.7848 17.5897 17.6192 17.5897Z",stroke:"currentColor",strokeWidth:1}),m.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.8848 17.5897C20.7192 17.5897 21.3956 16.9133 21.3956 16.0789C21.3956 15.2446 20.7192 14.5682 19.8848 14.5682C19.0504 14.5682 18.374 15.2446 18.374 16.0789C18.374 16.9133 19.0504 17.5897 19.8848 17.5897Z",stroke:"currentColor",strokeWidth:1})),Q=({loading:o,order:e,withHeader:a=!0,title:c,paymentIconsMap:s={},normalizeAddress:r})=>{var N,M,E,T,D;const i=G({emailTitle:"Order.CustomerDetails.email.title",shippingAddressTitle:"Order.CustomerDetails.shippingAddress.title",shippingMethodsTitle:"Order.CustomerDetails.shippingMethods.title",billingAddressTitle:"Order.CustomerDetails.billingAddress.title",billingMethodsTitle:"Order.CustomerDetails.billingMethods.title",headerText:"Order.CustomerDetails.headerText",freeShipping:"Order.CustomerDetails.freeShipping"}),p=V(()=>({checkmo:I,card:J,...s}),[s]),_=x(j=>{var w;return(w=r[j])==null?void 0:w.map((f,S)=>t("div",{className:"order-customer-details-content__container-description--row",children:f==null?void 0:f.map((l,W)=>t("p",{children:l.label?`${l.label}: ${Array.isArray(l.value)?l.value.join(" "):l==null?void 0:l.value}`:Array.isArray(l.value)?l.value.join(" "):l==null?void 0:l.value},W))},S))},[r]);if(!e||o)return t(K,{});const d=(e==null?void 0:e.email)??"",h=(N=e==null?void 0:e.shipping)==null?void 0:N.code,n=(M=e==null?void 0:e.shipping)==null?void 0:M.amount,v=(E=e==null?void 0:e.shipping)==null?void 0:E.currency,g=e==null?void 0:e.payments,C=g&&g.length>0,A=C?(T=g[0])==null?void 0:T.name:"",y=C?(D=g[0])==null?void 0:D.code:"",H=C&&A!=="";return u(B,{"data-testid":"order-details",variant:"secondary",className:b(["order-customer-details-content"]),children:[a?t(F,{title:c??i.headerText}):null,u("div",{className:"order-customer-details-content__container",children:[u("div",{className:"order-customer-details-content__container-email",children:[t("div",{className:"order-customer-details-content__container-title",children:i.emailTitle}),t("p",{children:d})]}),u("div",{className:"order-customer-details-content__container-shipping_address",children:[t("div",{className:"order-customer-details-content__container-title",children:i.shippingAddressTitle}),t("div",{className:"order-customer-details-content__container-description",children:_("shippingAddress")})]}),u("div",{className:"order-customer-details-content__container-billing_address",children:[t("div",{className:"order-customer-details-content__container-title",children:i.billingAddressTitle}),t("div",{className:"order-customer-details-content__container-description",children:_("billingAddress")})]}),u("div",{className:"order-customer-details-content__container-shipping_methods",children:[t("div",{className:"order-customer-details-content__container-title",children:i.shippingMethodsTitle}),h?t(P,{children:n?u("p",{"data-testid":"shipping_methods_price",children:[t($,{amount:n,currency:v})," ",h]}):t("p",{"data-testid":"shipping_methods_placeholder",children:i.freeShipping})}):null]}),u("div",{className:"order-customer-details-content__container-billing_methods",children:[t("div",{className:"order-customer-details-content__container-title",children:i.billingMethodsTitle}),H&&u("p",{"data-testid":"billing_methods_description",className:b([["order-customer-details-content__container-billing_methods--icon",!!p[y]]]),children:[t(q,{source:p[y]}),A]})]})]})]})},U=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],O=o=>{o.sort((s,r)=>s.orderNumber-r.orderNumber);const e=[];let a=[];const c=s=>s.value!==void 0&&s.value!==null&&s.value!=="";for(let s=0;s<o.length;s++){const r=o[s];if(c(r))if(Array.isArray(r.value)){const i=r.value.map(p=>({...r,value:p}));e.push(i)}else e.length<4?(a.push(r),a.length===2&&(e.push(a),a=[])):e.push([r])}return a.length>0&&e.length<4&&e.push(a),e},X=({orderData:o})=>{const[e,a]=k(!0),[c,s]=k(o),[r,i]=k([]);L(()=>{const d=Z.on("order/data",h=>{s(h)},{eager:!0});return()=>{d==null||d.off()}},[]),L(()=>{z("shortRequest").then(d=>{if(d){const h=d.map(({name:n,orderNumber:v,label:g})=>({name:R(n),orderNumber:v,label:U.includes(n)?null:g}));i(h)}}).finally(()=>{a(!1)})},[]);const p=x(d=>{if(!r.length||!c||!c[d])return[];const h=Object.fromEntries(Object.entries(c[d]).map(([n,v])=>[n.toLowerCase(),v]));return r.filter(({name:n})=>h[n.toLowerCase()]).map(n=>({name:n.name,orderNumber:n.orderNumber,value:h[n.name.toLowerCase()],label:n.label}))},[r,c]),_=V(()=>({billingAddress:O(p("billingAddress")),shippingAddress:O(p("shippingAddress"))}),[p]);return{order:c,normalizeAddress:_,loading:e}},ue=({paymentIconsMap:o,orderData:e,title:a,className:c})=>{const{order:s,normalizeAddress:r,loading:i}=X({orderData:e});return t("div",{className:b(["order-customer-details",c]),children:t(Q,{loading:i,order:s,title:a,paymentIconsMap:o,normalizeAddress:r})})};export{ue as CustomerDetails,ue as default};
+import{jsx as t,jsxs as m,Fragment as L}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b}from"@dropins/tools/lib.js";import{useMemo as x,useCallback as H,useState as k,useEffect as O}from"@dropins/tools/preact-hooks.js";import{events as Z}from"@dropins/tools/event-bus.js";import{c as R}from"../chunks/convertCase.js";import{g as z}from"../chunks/getAttributesForm.js";import{Card as B,Header as F,Price as $,Icon as q}from"@dropins/tools/components.js";import"../chunks/OrderCancelReasonsForm.js";import*as h from"@dropins/tools/preact-compat.js";import{D as K}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact.js";import{useText as G}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const I=o=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),J=o=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.00718 5H22.1507C22.7047 5 23.1579 5.45323 23.1579 6.00718V7.51794C23.1579 7.51794 1.01007 7.58844 1 7.55823V6.00718C1 5.45323 1.45323 5 2.00718 5Z",stroke:"currentColor",strokeWidth:1}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M23.1579 9.78409V18.3451C23.1579 18.899 22.7047 19.3523 22.1507 19.3523H2.00718C1.45323 19.3523 1 18.899 1 18.3451V9.78409H23.1579Z",stroke:"currentColor",strokeWidth:1}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3.01465 15.9682H8.40305",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.6192 17.5897C18.4535 17.5897 19.1299 16.9133 19.1299 16.0789C19.1299 15.2446 18.4535 14.5682 17.6192 14.5682C16.7848 14.5682 16.1084 15.2446 16.1084 16.0789C16.1084 16.9133 16.7848 17.5897 17.6192 17.5897Z",stroke:"currentColor",strokeWidth:1}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.8848 17.5897C20.7192 17.5897 21.3956 16.9133 21.3956 16.0789C21.3956 15.2446 20.7192 14.5682 19.8848 14.5682C19.0504 14.5682 18.374 15.2446 18.374 16.0789C18.374 16.9133 19.0504 17.5897 19.8848 17.5897Z",stroke:"currentColor",strokeWidth:1})),Q=({loading:o,order:e,withHeader:a=!0,title:c,paymentIconsMap:s={},normalizeAddress:r})=>{var N,M,E,T,D;const i=G({emailTitle:"Order.CustomerDetails.email.title",shippingAddressTitle:"Order.CustomerDetails.shippingAddress.title",shippingMethodsTitle:"Order.CustomerDetails.shippingMethods.title",billingAddressTitle:"Order.CustomerDetails.billingAddress.title",billingMethodsTitle:"Order.CustomerDetails.billingMethods.title",headerText:"Order.CustomerDetails.headerText",freeShipping:"Order.CustomerDetails.freeShipping"}),p=x(()=>({checkmo:I,card:J,...s}),[s]),_=H(S=>{var w;return(w=r[S])==null?void 0:w.map((f,W)=>t("div",{className:"order-customer-details-content__container-description--row",children:f==null?void 0:f.map((l,P)=>m(L,{children:[t("p",{children:l.label?`${l.label}: ${Array.isArray(l.value)?l.value.join(" "):l==null?void 0:l.value}`:Array.isArray(l.value)?l.value.join(" "):l==null?void 0:l.value},P)," "]}))},W))},[r]);if(!e||o)return t(K,{});const d=(e==null?void 0:e.email)??"",u=(N=e==null?void 0:e.shipping)==null?void 0:N.code,n=(M=e==null?void 0:e.shipping)==null?void 0:M.amount,v=(E=e==null?void 0:e.shipping)==null?void 0:E.currency,g=e==null?void 0:e.payments,C=g&&g.length>0,A=C?(T=g[0])==null?void 0:T.name:"",y=C?(D=g[0])==null?void 0:D.code:"",j=C&&A!=="";return m(B,{"data-testid":"order-details",variant:"secondary",className:b(["order-customer-details-content"]),children:[a?t(F,{title:c??i.headerText}):null,m("div",{className:"order-customer-details-content__container",children:[m("div",{className:"order-customer-details-content__container-email",children:[t("div",{className:"order-customer-details-content__container-title",children:i.emailTitle}),t("p",{children:d})]}),m("div",{className:"order-customer-details-content__container-shipping_address",children:[t("div",{className:"order-customer-details-content__container-title",children:i.shippingAddressTitle}),t("div",{className:"order-customer-details-content__container-description",children:_("shippingAddress")})]}),m("div",{className:"order-customer-details-content__container-billing_address",children:[t("div",{className:"order-customer-details-content__container-title",children:i.billingAddressTitle}),t("div",{className:"order-customer-details-content__container-description",children:_("billingAddress")})]}),m("div",{className:"order-customer-details-content__container-shipping_methods",children:[t("div",{className:"order-customer-details-content__container-title",children:i.shippingMethodsTitle}),u?t(L,{children:n?m("p",{"data-testid":"shipping_methods_price",children:[t($,{amount:n,currency:v})," ",u]}):t("p",{"data-testid":"shipping_methods_placeholder",children:i.freeShipping})}):null]}),m("div",{className:"order-customer-details-content__container-billing_methods",children:[t("div",{className:"order-customer-details-content__container-title",children:i.billingMethodsTitle}),j&&m("p",{"data-testid":"billing_methods_description",className:b([["order-customer-details-content__container-billing_methods--icon",!!p[y]]]),children:[t(q,{source:p[y]}),A]})]})]})]})},U=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],V=o=>{o.sort((s,r)=>s.orderNumber-r.orderNumber);const e=[];let a=[];const c=s=>s.value!==void 0&&s.value!==null&&s.value!=="";for(let s=0;s<o.length;s++){const r=o[s];if(c(r))if(Array.isArray(r.value)){const i=r.value.map(p=>({...r,value:p}));e.push(i)}else e.length<4?(a.push(r),a.length===2&&(e.push(a),a=[])):e.push([r])}return a.length>0&&e.length<4&&e.push(a),e},X=({orderData:o})=>{const[e,a]=k(!0),[c,s]=k(o),[r,i]=k([]);O(()=>{const d=Z.on("order/data",u=>{s(u)},{eager:!0});return()=>{d==null||d.off()}},[]),O(()=>{z("shortRequest").then(d=>{if(d){const u=d.map(({name:n,orderNumber:v,label:g})=>({name:R(n),orderNumber:v,label:U.includes(n)?null:g}));i(u)}}).finally(()=>{a(!1)})},[]);const p=H(d=>{if(!r.length||!c||!c[d])return[];const u=Object.fromEntries(Object.entries(c[d]).map(([n,v])=>[n.toLowerCase(),v]));return r.filter(({name:n})=>u[n.toLowerCase()]).map(n=>({name:n.name,orderNumber:n.orderNumber,value:u[n.name.toLowerCase()],label:n.label}))},[r,c]),_=x(()=>({billingAddress:V(p("billingAddress")),shippingAddress:V(p("shippingAddress"))}),[p]);return{order:c,normalizeAddress:_,loading:e}},ue=({paymentIconsMap:o,orderData:e,title:a,className:c})=>{const{order:s,normalizeAddress:r,loading:i}=X({orderData:e});return t("div",{className:b(["order-customer-details",c]),children:t(Q,{loading:i,order:s,title:a,paymentIconsMap:o,normalizeAddress:r})})};export{ue as CustomerDetails,ue as default};

package/containers/OrderCancel.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as p,jsxs as R}from"@dropins/tools/preact-jsx-runtime.js";import{P as m,O as b,A as E,t as D}from"../chunks/transform-order-details.js";import{f as v,h as A}from"../chunks/fetch-graphql.js";import{useState as l,useEffect as I}from"@dropins/tools/preact-hooks.js";import{g as N}from"../chunks/getStoreConfig.js";import{InLineAlert as F,Picker as x,Button as y}from"@dropins/tools/components.js";import{F as L}from"../chunks/OrderCancelReasonsForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{events as u}from"@dropins/tools/event-bus.js";import{useText as $,Text as f}from"@dropins/tools/i18n.js";import"../chunks/convertCase.js";import"@dropins/tools/fetch-graphql.js";const T=({pickerProps:a,submitButtonProps:e,cancelReasons:r,cancelOrder:s,orderId:t})=>{const n=$({ErrorHeading:"Order.OrderCancellationReasonsForm.errorHeading",ErrorDescription:"Order.OrderCancellationReasonsForm.errorDescription",orderCancellationLabel:"Order.OrderCancellationReasonsForm.label"}),[i,g]=l(0),[_,O]=l(!1),[C,h]=l(!1);u.on("authenticated",d=>{d&&h(!0)},{eager:!0});const S=d=>{d.preventDefault();const c=Number(d.target.value);g(c)};return o(p,{children:R(L,{onSubmit:async d=>(d.preventDefault(),s(t,r[i].text,c=>{C||(c.status="guest order cancellation requested"),u.emit("order/data",c)},()=>{O(!0)})),"data-testid":"order-order-cancel-reasons-form__text",children:[_&&o(F,{heading:n.ErrorHeading,description:n.ErrorDescription}),o("div",{className:"order-order-cancel-reasons-form__text",children:o(f,{id:"Order.OrderCancellationReasonsForm.description"})}),o(x,{name:"cancellationReasons",floatingLabel:n.orderCancellationLabel,defaultOption:r[0],variant:"primary",options:r,value:String(i),handleSelect:S,required:!0,"data-testid":"order-cancellation-reasons-selector",...a}),o("div",{className:"order-order-cancel-reasons-form__button-container",children:o(y,{variant:"primary",...e,children:o(f,{id:"Order.OrderCancellationReasonsForm.button"})})})]})})},w=`
+import{jsx as n,Fragment as f,jsxs as E}from"@dropins/tools/preact-jsx-runtime.js";import{P as g,a as S,G as h,O as I,B as A,t as T}from"../chunks/transform-order-details.js";import{O as b,A as N}from"../chunks/customerAddressFragment.graphql.js";import{f as F,h as L}from"../chunks/fetch-graphql.js";import{useState as c,useEffect as v}from"@dropins/tools/preact-hooks.js";import{g as G}from"../chunks/getStoreConfig.js";import{InLineAlert as M,Picker as $,Button as x}from"@dropins/tools/components.js";import{F as y}from"../chunks/OrderCancelReasonsForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{events as m}from"@dropins/tools/event-bus.js";import{useText as w,Text as u}from"@dropins/tools/i18n.js";import"../chunks/convertCase.js";import"@dropins/tools/fetch-graphql.js";const P=({pickerProps:a,submitButtonProps:r,cancelReasons:e,cancelOrder:s,orderId:t})=>{const o=w({ErrorHeading:"Order.OrderCancellationReasonsForm.errorHeading",ErrorDescription:"Order.OrderCancellationReasonsForm.errorDescription",orderCancellationLabel:"Order.OrderCancellationReasonsForm.label"}),[i,p]=c(0),[_,O]=c(!1),[R,C]=c(!1);m.on("authenticated",d=>{d&&C(!0)},{eager:!0});const D=d=>{d.preventDefault();const l=Number(d.target.value);p(l)};return n(f,{children:E(y,{onSubmit:async d=>(d.preventDefault(),s(t,e[i].text,l=>{R||(l.status="guest order cancellation requested"),m.emit("order/data",l)},()=>{O(!0)})),"data-testid":"order-order-cancel-reasons-form__text",children:[_&&n(M,{heading:o.ErrorHeading,description:o.ErrorDescription}),n("div",{className:"order-order-cancel-reasons-form__text",children:n(u,{id:"Order.OrderCancellationReasonsForm.description"})}),n($,{name:"cancellationReasons",floatingLabel:o.orderCancellationLabel,defaultOption:e[0],variant:"primary",options:e,value:String(i),handleSelect:D,required:!0,"data-testid":"order-cancellation-reasons-selector",...a}),n("div",{className:"order-order-cancel-reasons-form__button-container",children:n(x,{variant:"primary",...r,children:n(u,{id:"Order.OrderCancellationReasonsForm.button"})})})]})})},B=`
 mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
   cancelOrder(input: { order_id: $orderId, reason: $reason }) {
     error
@@ -32,14 +32,11 @@ mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
           product_sku
           product_name
           order_item {
-            ${m}
+            ...OrderItemDetails
             ... on GiftCardOrderItem {
-              gift_card {
-                recipient_name
-                recipient_email
-                sender_name
-                sender_email
-                message
+              ...GiftCardDetails
+              product {
+                ...ProductDetails
               }
             }
           }
@@ -56,15 +53,21 @@ mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
         ...AddressesList
       }
       items {
-        ${m}
+        ...OrderItemDetails
+        ... on BundleOrderItem {
+          ...BundleOrderItemDetails
+        }
         ... on GiftCardOrderItem {
-          __typename
-          gift_card {
-            recipient_name
-            recipient_email
-            sender_name
-            sender_email
-            message
+          ...GiftCardDetails
+          product {
+            ...ProductDetails
+          }
+        }
+        ... on DownloadableOrderItem {
+          product_name
+          downloadable_links {
+            sort_order
+            title
           }
         }
       }
@@ -74,6 +77,11 @@ mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
     }
   }
 }
+${g}
+${S}
+${h}
+${I}
+${A}
 ${b}
-${E}  
-`,G=async(a,e,r,s)=>{if(!a)throw new Error("No order ID found");if(!e)throw new Error("No reason found");return v(w,{variables:{orderId:a,reason:e}}).then(({errors:t,data:n})=>{if(t)return A(t);if(n.cancelOrder.error!=null){s();return}const i=D(n.cancelOrder.order);r(i)})},M=()=>{const[a,e]=l(null);return I(()=>{const r=sessionStorage.getItem("orderStoreConfig"),s=r?JSON.parse(r):null;s?e(s):N().then(t=>{t&&(sessionStorage.setItem("orderStoreConfig",JSON.stringify(t)),e(t))})},[]),a},Z=({orderId:a})=>{const e=M(),r=(e==null?void 0:e.orderCancellationReasons)??[];return o(p,{children:o(T,{orderId:a,cancelOrder:G,cancelReasons:(t=>t.map((n,i)=>({text:n==null?void 0:n.description,value:i.toString()})))(r)})})};export{Z as OrderCancel,Z as default};
+${N}  
+`,U=async(a,r,e,s)=>{if(!a)throw new Error("No order ID found");if(!r)throw new Error("No reason found");return F(B,{variables:{orderId:a,reason:r}}).then(({errors:t,data:o})=>{if(t)return L(t);if(o.cancelOrder.error!=null){s();return}const i=T(o.cancelOrder.order);e(i)})},k=()=>{const[a,r]=c(null);return v(()=>{const e=sessionStorage.getItem("orderStoreConfig"),s=e?JSON.parse(e):null;s?r(s):G().then(t=>{t&&(sessionStorage.setItem("orderStoreConfig",JSON.stringify(t)),r(t))})},[]),a},nr=({orderId:a})=>{const r=k(),e=(r==null?void 0:r.orderCancellationReasons)??[];return n(f,{children:n(P,{orderId:a,cancelOrder:U,cancelReasons:(t=>t.map((o,i)=>({text:o==null?void 0:o.description,value:i.toString()})))(e)})})};export{nr as OrderCancel,nr as default};

package/containers/OrderCostSummary/OrderCostSummary.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { OrderCostSummaryProps } from '../../types';
+
+export declare const OrderCostSummary: Container<OrderCostSummaryProps>;
+//# sourceMappingURL=OrderCostSummary.d.ts.map

package/containers/OrderCostSummary/index.d.ts

@@ -0,0 +1,3 @@
+export * from './OrderCostSummary';
+export { OrderCostSummary as default } from './OrderCostSummary';
+//# sourceMappingURL=index.d.ts.map

package/containers/OrderCostSummary.d.ts

@@ -0,0 +1,3 @@
+export * from './OrderCostSummary/index'
+import _default from './OrderCostSummary/index'
+export default _default

package/containers/OrderCostSummary.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as c,Fragment as v}from"@dropins/tools/preact-jsx-runtime.js";import{classes as H}from"@dropins/tools/lib.js";import{useState as _,useEffect as T}from"@dropins/tools/preact-hooks.js";import{events as V}from"@dropins/tools/event-bus.js";import{s as C}from"../chunks/setTaxStatus.js";import{g as N}from"../chunks/getStoreConfig.js";import{Price as u,Icon as b,Accordion as f,AccordionSection as E,Card as D,Header as k}from"@dropins/tools/components.js";import"../chunks/OrderCancelReasonsForm.js";import*as h from"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{a as z}from"../chunks/OrderLoaders.js";import{useText as B}from"@dropins/tools/i18n.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const A=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),I=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{d:"M7.74512 14.132L12.0001 9.87701L16.2551 14.132",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),j=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M22 6.25H22.75C22.75 5.83579 22.4142 5.5 22 5.5V6.25ZM22 9.27L22.2514 9.97663C22.5503 9.87029 22.75 9.58731 22.75 9.27H22ZM20.26 12.92L19.5534 13.1714L19.5539 13.1728L20.26 12.92ZM22 14.66H22.75C22.75 14.3433 22.551 14.0607 22.2528 13.9539L22 14.66ZM22 17.68V18.43C22.4142 18.43 22.75 18.0942 22.75 17.68H22ZM2 17.68H1.25C1.25 18.0942 1.58579 18.43 2 18.43V17.68ZM2 14.66L1.74865 13.9534C1.44969 14.0597 1.25 14.3427 1.25 14.66H2ZM3.74 11.01L4.44663 10.7586L4.44611 10.7572L3.74 11.01ZM2 9.27H1.25C1.25 9.58675 1.44899 9.86934 1.7472 9.97611L2 9.27ZM2 6.25V5.5C1.58579 5.5 1.25 5.83579 1.25 6.25H2ZM21.25 6.25V9.27H22.75V6.25H21.25ZM21.7486 8.56337C19.8706 9.23141 18.8838 11.2889 19.5534 13.1714L20.9666 12.6686C20.5762 11.5711 21.1494 10.3686 22.2514 9.97663L21.7486 8.56337ZM19.5539 13.1728C19.9195 14.1941 20.7259 15.0005 21.7472 15.3661L22.2528 13.9539C21.6541 13.7395 21.1805 13.2659 20.9661 12.6672L19.5539 13.1728ZM21.25 14.66V17.68H22.75V14.66H21.25ZM22 16.93H2V18.43H22V16.93ZM2.75 17.68V14.66H1.25V17.68H2.75ZM2.25135 15.3666C4.12941 14.6986 5.11623 12.6411 4.44663 10.7586L3.03337 11.2614C3.42377 12.3589 2.85059 13.5614 1.74865 13.9534L2.25135 15.3666ZM4.44611 10.7572C4.08045 9.73588 3.27412 8.92955 2.2528 8.56389L1.7472 9.97611C2.34588 10.1905 2.81955 10.6641 3.03389 11.2628L4.44611 10.7572ZM2.75 9.27V6.25H1.25V9.27H2.75ZM2 7H22V5.5H2V7ZM7.31 6.74V18.17H8.81V6.74H7.31ZM17.0997 8.39967L11.0397 14.4597L12.1003 15.5203L18.1603 9.46033L17.0997 8.39967ZM12.57 9.67C12.57 9.87231 12.4159 10 12.27 10V11.5C13.2839 11.5 14.07 10.6606 14.07 9.67H12.57ZM12.27 10C12.1241 10 11.97 9.87231 11.97 9.67H10.47C10.47 10.6606 11.2561 11.5 12.27 11.5V10ZM11.97 9.67C11.97 9.46769 12.1241 9.34 12.27 9.34V7.84C11.2561 7.84 10.47 8.67938 10.47 9.67H11.97ZM12.27 9.34C12.4159 9.34 12.57 9.46769 12.57 9.67H14.07C14.07 8.67938 13.2839 7.84 12.27 7.84V9.34ZM17.22 14.32C17.22 14.5223 17.0659 14.65 16.92 14.65V16.15C17.9339 16.15 18.72 15.3106 18.72 14.32H17.22ZM16.92 14.65C16.7741 14.65 16.62 14.5223 16.62 14.32H15.12C15.12 15.3106 15.9061 16.15 16.92 16.15V14.65ZM16.62 14.32C16.62 14.1177 16.7741 13.99 16.92 13.99V12.49C15.9061 12.49 15.12 13.3294 15.12 14.32H16.62ZM16.92 13.99C17.0659 13.99 17.22 14.1177 17.22 14.32H18.72C18.72 13.3294 17.9339 12.49 16.92 12.49V13.99Z",fill:"#3D3D3D"})),P=({translations:e,order:a,subTotalValue:t,shoppingOrdersDisplaySubtotal:n})=>{var l,i;return r("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--subtotal",children:[r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.subtotal}),c(u,{className:"order-cost-summary-content__description--normal-price",weight:"normal",currency:(l=a==null?void 0:a.subtotal)==null?void 0:l.currency,amount:t})]}),r("div",{className:"order-cost-summary-content__description--subheader",children:[!n.taxExcluded&&n.taxIncluded?c("span",{children:e.incl}):null,n.taxExcluded&&n.taxIncluded?r(v,{children:[c(u,{currency:(i=a==null?void 0:a.subtotal)==null?void 0:i.currency,amount:t,size:"small"})," ",c("span",{children:e.excl})]}):null]})]})},W=({translations:e,shoppingOrdersDisplayShipping:a,order:t,totalShipping:n})=>{var l,i,o,s;return r("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--shipping",children:[r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.shipping}),(l=t==null?void 0:t.totalShipping)!=null&&l.value?c(u,{weight:"normal",currency:(i=t==null?void 0:t.totalShipping)==null?void 0:i.currency,amount:n}):c("span",{children:e.freeShipping})]}),r("div",{className:"order-cost-summary-content__description--subheader",children:[a.taxIncluded&&a.taxExcluded?r(v,{children:[c(u,{weight:"normal",currency:(o=t==null?void 0:t.totalShipping)==null?void 0:o.currency,amount:(s=t==null?void 0:t.totalShipping)==null?void 0:s.value,size:"small"}),r("span",{children:[" ",e.excl]})]}):null,a.taxIncluded&&!a.taxExcluded?c("span",{children:e.incl}):null]})]})},q=({translations:e,order:a,totalGiftcardValue:t,totalGiftcardCurrency:n})=>{var l;return!(a!=null&&a.discounts.length)&&!t?null:r("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--discount",children:[r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.discount}),c("span",{children:a!=null&&a.discounts.length?(l=a==null?void 0:a.discounts)==null?void 0:l.map(({amount:i},o)=>{const s=(i==null?void 0:i.value)??0;return c(u,{weight:"normal",sale:!0,currency:i==null?void 0:i.currency,amount:-(s+t)},o)}):null})]}),!(a!=null&&a.discounts.length)&&t?r("div",{className:"order-cost-summary-content__description--subheader",children:[r("span",{children:[c(b,{source:j,size:"16"}),c("span",{children:e.discountSubtitle.toLocaleUpperCase()})]}),c(u,{weight:"normal",sale:!0,currency:n,amount:-t})]}):null]})},F=({order:e})=>c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--coupon",children:e.coupons.map((a,t)=>r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.code}),c("span",{children:"TBD"})]},t))}),U=({translations:e,renderTaxAccordion:a,totalAccordionTaxValue:t,order:n})=>{var o;const[l,i]=_(!1);return a?c(f,{"data-testid":"tax-accordionTaxes",className:"order-cost-summary-content__accordion",iconOpen:A,iconClose:I,children:r(E,{onStateChange:i,title:e.accordionTitle,secondaryText:c(v,{children:l?null:c(u,{weight:"normal",amount:t,currency:n.totalTax.currency})}),renderContentWhenClosed:!1,children:[n.taxes.map((s,m)=>{var d,p;return r("div",{className:"order-cost-summary-content__accordion-row",children:[c("p",{children:s==null?void 0:s.title}),c("p",{children:c(u,{weight:"normal",amount:(d=s==null?void 0:s.amount)==null?void 0:d.value,currency:(p=s==null?void 0:s.amount)==null?void 0:p.currency})})]},m)}),r("div",{className:"order-cost-summary-content__accordion-row order-cost-summary-content__accordion-total",children:[c("p",{children:e.accordionTotalTax}),c("p",{children:c(u,{weight:"normal",amount:t,currency:n.totalTax.currency,size:"medium"})})]})]})}):c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--tax",children:r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.tax}),c(u,{currency:(o=n==null?void 0:n.totalTax)==null?void 0:o.currency,amount:n==null?void 0:n.totalTax.value,weight:"normal",size:"small"})]})})},G=({translations:e,shoppingOrdersDisplaySubtotal:a,order:t})=>{var n,l,i,o;return r("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--total",children:[r("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.total}),c(u,{currency:(n=t==null?void 0:t.grandTotal)==null?void 0:n.currency,amount:(l=t==null?void 0:t.grandTotal)==null?void 0:l.value,weight:"bold",size:"medium"})]}),a.taxExcluded&&a.taxIncluded?r("div",{className:"order-cost-summary-content__description--subheader",children:[c("span",{children:e.totalExcludingTaxes}),c(u,{currency:(i=t==null?void 0:t.grandTotal)==null?void 0:i.currency,amount:((o=t==null?void 0:t.grandTotal)==null?void 0:o.value)-(t==null?void 0:t.totalTax.value),weight:"normal",size:"small"})]}):null]})},R=({translations:e,loading:a,storeConfig:t,order:n,withHeader:l=!0})=>{var y,x,S,O,w,L;if(a||!n)return c(z,{});const i=((y=n==null?void 0:n.totalGiftcard)==null?void 0:y.value)??0,o=((x=n.totalGiftcard)==null?void 0:x.currency)??"",s=((S=n.subtotal)==null?void 0:S.value)??0,m=((O=n.totalShipping)==null?void 0:O.value)??0,d=!!((w=n==null?void 0:n.taxes)!=null&&w.length)&&(t==null?void 0:t.shoppingOrdersDisplayFullSummary),p=d?(L=n==null?void 0:n.taxes)==null?void 0:L.reduce((Z,g)=>{var M;return+((M=g==null?void 0:g.amount)==null?void 0:M.value)+Z},0):0;return r(D,{variant:"secondary",className:H(["order-cost-summary-content"]),children:[l?c(k,{title:e.headerText}):null,r("div",{className:"order-cost-summary-content__wrapper",children:[c(P,{translations:e,order:n,subTotalValue:s,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal}),c(W,{translations:e,order:n,totalShipping:m,shoppingOrdersDisplayShipping:t==null?void 0:t.shoppingOrdersDisplayShipping}),c(q,{translations:e,order:n,totalGiftcardValue:i,totalGiftcardCurrency:o}),c(F,{order:n}),c(U,{order:n,translations:e,renderTaxAccordion:d,totalAccordionTaxValue:p}),c(G,{translations:e,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal,order:n})]})]})},J=({orderData:e})=>{const[a,t]=_(!0),[n,l]=_(e),[i,o]=_(null);return T(()=>{N().then(s=>{if(s){const{shoppingCartDisplayPrice:m,shoppingOrdersDisplayShipping:d,shoppingOrdersDisplaySubtotal:p,...y}=s;o(x=>({...x,...y,shoppingCartDisplayPrice:C(m),shoppingOrdersDisplayShipping:C(d),shoppingOrdersDisplaySubtotal:C(p)}))}}).finally(()=>{t(!1)})},[]),T(()=>{const s=V.on("order/data",m=>{l(m)},{eager:!0});return()=>{s==null||s.off()}},[]),{loading:a,storeConfig:i,order:n}},lt=({withHeader:e,orderData:a,children:t,className:n,...l})=>{const{loading:i,storeConfig:o,order:s}=J({orderData:a}),m=B({headerText:"Order.OrderCostSummary.headerText",subtotal:"Order.OrderCostSummary.subtotal.title",shipping:"Order.OrderCostSummary.shipping.title",freeShipping:"Order.OrderCostSummary.shipping.freeShipping",tax:"Order.OrderCostSummary.tax.title",incl:"Order.OrderCostSummary.tax.incl",excl:"Order.OrderCostSummary.tax.excl",discount:"Order.OrderCostSummary.discount.title",discountSubtitle:"Order.OrderCostSummary.discount.subtitle",total:"Order.OrderCostSummary.total.title",accordionTitle:"Order.OrderCostSummary.tax.accordionTitle",accordionTotalTax:"Order.OrderCostSummary.tax.accordionTotalTax",totalExcludingTaxes:"Order.OrderCostSummary.tax.totalExcludingTaxes"});return c("div",{...l,className:H(["order-cost-summary",n]),children:c(R,{order:s,withHeader:e,loading:i,storeConfig:o,translations:m})})};export{lt as OrderCostSummary,lt as default};

package/containers/OrderProductList.js

@@ -1 +1 @@
-import{jsx as i,jsxs as k,Fragment as E}from"@dropins/tools/preact-jsx-runtime.js";import{Card as Z,Header as j,Price as W,CartItem as z,Icon as B,Image as K}from"@dropins/tools/components.js";import"../chunks/OrderCancelReasonsForm.js";import{classes as q}from"@dropins/tools/lib.js";import*as L from"@dropins/tools/preact-compat.js";import{useMemo as R,useCallback as A,useState as b,useEffect as P}from"@dropins/tools/preact-hooks.js";import{Fragment as J}from"@dropins/tools/preact.js";import{O as U}from"../chunks/OrderLoaders.js";import{events as X}from"@dropins/tools/event-bus.js";import{useText as Y}from"@dropins/tools/i18n.js";import{g}from"../chunks/getStoreConfig.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const I=d=>L.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},L.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),L.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),T=({loading:d,taxConfig:e,order:r=null,withHeader:h=!0,showConfigurableOptions:m})=>{const o=Y({cancelled:"Order.OrderProductListContent.cancelledTitle",allOrders:"Order.OrderProductListContent.allOrdersTitle",sender:"Order.OrderProductListContent.GiftCard.sender",recipient:"Order.OrderProductListContent.GiftCard.recipient",message:"Order.OrderProductListContent.GiftCard.message",outOfStock:"Order.OrderProductListContent.stockStatus.outOfStock",downloadableCount:"Order.OrderProductListContent.downloadableCount"}),c=R(()=>{if(!r)return[];const{items:a}=r;return[{type:"cancelled",list:a.filter(s=>s.quantityCanceled),title:o.cancelled},{type:"",list:a.filter(s=>!s.quantityCanceled),title:o.allOrders}]},[r,o]);return r?i(Z,{variant:"secondary",className:"order-order-product-list-content",children:c.filter(a=>a.list.length).map((a,s)=>{var f;return k(J,{children:[h?i(j,{title:`${a.title} (${a.list.length})`}):null,i("ul",{className:"order-order-product-list-content__items",children:(f=a.list)==null?void 0:f.map(O=>i("li",{"data-testid":"order-product-list-content-item",children:i(p,{loading:d,product:O,itemType:a.type,taxConfig:e,translations:o,showConfigurableOptions:m})},O.id))})]},s)})}):i(U,{})},p=({loading:d,product:e,itemType:r,taxConfig:h,translations:m,showConfigurableOptions:o})=>{var S,x,C,N,Q,_,H,V,$,M;const{taxExcluded:c,taxIncluded:a}=h,s=A((v,F,G)=>i(W,{amount:v,currency:F,weight:"normal",...G}),[]);let f={};const O=r==="cancelled",D=(x=(S=e==null?void 0:e.product)==null?void 0:S.stockStatus)==null?void 0:x.includes("IN_STOCK"),t=(e==null?void 0:e.giftCard)||{},l=(C=e==null?void 0:e.itemPrices)==null?void 0:C.priceIncludingTax,n=(N=e==null?void 0:e.itemPrices)==null?void 0:N.originalPrice,u=(Q=e==null?void 0:e.itemPrices)==null?void 0:Q.price,y=e.discounted&&((_=e.price)==null?void 0:_.value)!==(n==null?void 0:n.value)*(e==null?void 0:e.totalQuantity),w={..."configurableOptions"in e?e.configurableOptions:{},..."bundleOptions"in e?e.bundleOptions:{},..."senderName"in t&&(t!=null&&t.senderName)?{[m.sender]:t==null?void 0:t.senderName}:{},..."senderEmail"in t&&(t!=null&&t.senderEmail)?{[m.sender]:t==null?void 0:t.senderEmail}:{},..."recipientName"in t&&(t!=null&&t.recipientName)?{[m.recipient]:t==null?void 0:t.recipientName}:{},..."recipientEmail"in t&&(t!=null&&t.recipientEmail)?{[m.recipient]:t==null?void 0:t.recipientEmail}:{},..."message"in t&&(t!=null&&t.message)?{[m.message]:t==null?void 0:t.message}:{},..."downloadableLinks"in e&&(e!=null&&e.downloadableLinks)?{[`${(H=e==null?void 0:e.downloadableLinks)==null?void 0:H.count} ${m.downloadableCount}`]:(V=e==null?void 0:e.downloadableLinks)==null?void 0:V.result}:{}};if(a&&c){const v=y?n==null?void 0:n.value:(l==null?void 0:l.value)*(e==null?void 0:e.totalQuantity);f={taxExcluded:!0,taxIncluded:void 0,price:s(n==null?void 0:n.value,n==null?void 0:n.currency),total:k(E,{children:[s(v,n==null?void 0:n.currency,{variant:e.discounted&&(l==null?void 0:l.value)!==v?"strikethrough":"default"}),e.discounted&&(l==null?void 0:l.value)!==v?s(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:s((u==null?void 0:u.value)*e.totalQuantity,u==null?void 0:u.currency)}}else if(!a&&c)f={taxExcluded:void 0,taxIncluded:void 0,price:s(n==null?void 0:n.value,n==null?void 0:n.currency),total:k(E,{children:[s((n==null?void 0:n.value)*(e==null?void 0:e.totalQuantity),l==null?void 0:l.currency,{variant:y?"strikethrough":"default"}),y?s(($=e.price)==null?void 0:$.value,(M=e.price)==null?void 0:M.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:s((u==null?void 0:u.value)*(e==null?void 0:e.totalQuantity),u==null?void 0:u.currency)};else if(a&&!c){const v=y?n.value:l.value*e.totalQuantity;f={taxExcluded:void 0,taxIncluded:!0,price:s(l==null?void 0:l.value,l==null?void 0:l.currency),total:k(E,{children:[s(v,l==null?void 0:l.currency,{variant:y?"strikethrough":"default",weight:"bold"}),y?s(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]})}}return i(z,{loading:d,alert:O&&D?k("span",{children:[i(B,{source:I}),m.outOfStock]}):i(E,{}),configurations:(o==null?void 0:o(w))??w,title:i("div",{"data-testid":"product-name",className:q(["cart-summary-item__title",["cart-summary-item__title--strikethrough",O]]),children:e.product.name}),sku:i("div",{children:e.product.sku}),quantity:e.totalQuantity,image:i(K,{src:e.product.thumbnail.url,alt:e.product.thumbnail.label,loading:"lazy",width:"90",height:"120"}),...f})},ee=d=>{let e=!1,r=!1;switch(d){case 1:r=!0;break;case 2:e=!0;break;case 3:e=!0,r=!0;break;default:e=!1,r=!1}return{taxIncluded:e,taxExcluded:r}},te=({orderData:d})=>{const[e,r]=b(!0),[h,m]=b(d),[o,c]=b({taxIncluded:!1,taxExcluded:!1});return P(()=>{g().then(a=>{a&&c(ee(a==null?void 0:a.shoppingCartDisplayPrice))}).finally(()=>{r(!1)})},[]),P(()=>{const a=X.on("order/data",s=>{m(s)},{eager:!0});return()=>{a==null||a.off()}},[]),{loading:e,taxConfig:o,order:h}},fe=({className:d,orderData:e,withHeader:r,showConfigurableOptions:h})=>{const{loading:m,taxConfig:o,order:c}=te({orderData:e});return i("div",{className:q(["order-order-product-list",d]),children:i(T,{loading:m,taxConfig:o,order:c,withHeader:r,showConfigurableOptions:h})})};export{fe as OrderProductList,fe as default};
+import{jsx as r,jsxs as k,Fragment as E}from"@dropins/tools/preact-jsx-runtime.js";import{Card as Z,Header as j,Price as W,CartItem as z,Icon as B,Image as K}from"@dropins/tools/components.js";import"../chunks/OrderCancelReasonsForm.js";import{classes as q}from"@dropins/tools/lib.js";import*as L from"@dropins/tools/preact-compat.js";import{useMemo as R,useCallback as A,useState as b,useEffect as P}from"@dropins/tools/preact-hooks.js";import{Fragment as J}from"@dropins/tools/preact.js";import{O as U}from"../chunks/OrderLoaders.js";import{events as X}from"@dropins/tools/event-bus.js";import{useText as Y}from"@dropins/tools/i18n.js";import{s as g}from"../chunks/setTaxStatus.js";import{g as I}from"../chunks/getStoreConfig.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const T=u=>L.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...u},L.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),L.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),p=({loading:u,taxConfig:e,order:d=null,withHeader:c=!0,showConfigurableOptions:i})=>{const m=Y({cancelled:"Order.OrderProductListContent.cancelledTitle",allOrders:"Order.OrderProductListContent.allOrdersTitle",sender:"Order.OrderProductListContent.GiftCard.sender",recipient:"Order.OrderProductListContent.GiftCard.recipient",message:"Order.OrderProductListContent.GiftCard.message",outOfStock:"Order.OrderProductListContent.stockStatus.outOfStock",downloadableCount:"Order.OrderProductListContent.downloadableCount"}),h=R(()=>{if(!d)return[];const{items:s}=d;return[{type:"cancelled",list:s.filter(a=>a.quantityCanceled),title:m.cancelled},{type:"",list:s.filter(a=>!a.quantityCanceled),title:m.allOrders}]},[d,m]);return d?r(Z,{variant:"secondary",className:"order-order-product-list-content",children:h.filter(s=>s.list.length).map((s,a)=>{var v;return k(J,{children:[c?r(j,{title:`${s.title} (${s.list.length})`}):null,r("ul",{className:"order-order-product-list-content__items",children:(v=s.list)==null?void 0:v.map(O=>r("li",{"data-testid":"order-product-list-content-item",children:r(ee,{loading:u,product:O,itemType:s.type,taxConfig:e,translations:m,showConfigurableOptions:i})},O.id))})]},a)})}):r(U,{})},ee=({loading:u,product:e,itemType:d,taxConfig:c,translations:i,showConfigurableOptions:m})=>{var S,C,N,x,Q,_,H,V,$,M;const{taxExcluded:h,taxIncluded:s}=c,a=A((y,F,G)=>r(W,{amount:y,currency:F,weight:"normal",...G}),[]);let v={};const O=d==="cancelled",D=(C=(S=e==null?void 0:e.product)==null?void 0:S.stockStatus)==null?void 0:C.includes("IN_STOCK"),t=(e==null?void 0:e.giftCard)||{},l=(N=e==null?void 0:e.itemPrices)==null?void 0:N.priceIncludingTax,n=(x=e==null?void 0:e.itemPrices)==null?void 0:x.originalPrice,o=(Q=e==null?void 0:e.itemPrices)==null?void 0:Q.price,f=e.discounted&&((_=e.price)==null?void 0:_.value)!==(n==null?void 0:n.value)*(e==null?void 0:e.totalQuantity),w={..."configurableOptions"in e?e.configurableOptions:{},..."bundleOptions"in e?e.bundleOptions:{},..."senderName"in t&&(t!=null&&t.senderName)?{[i.sender]:t==null?void 0:t.senderName}:{},..."senderEmail"in t&&(t!=null&&t.senderEmail)?{[i.sender]:t==null?void 0:t.senderEmail}:{},..."recipientName"in t&&(t!=null&&t.recipientName)?{[i.recipient]:t==null?void 0:t.recipientName}:{},..."recipientEmail"in t&&(t!=null&&t.recipientEmail)?{[i.recipient]:t==null?void 0:t.recipientEmail}:{},..."message"in t&&(t!=null&&t.message)?{[i.message]:t==null?void 0:t.message}:{},..."downloadableLinks"in e&&(e!=null&&e.downloadableLinks)?{[`${(H=e==null?void 0:e.downloadableLinks)==null?void 0:H.count} ${i.downloadableCount}`]:(V=e==null?void 0:e.downloadableLinks)==null?void 0:V.result}:{}};if(s&&h){const y=f?n==null?void 0:n.value:(l==null?void 0:l.value)*(e==null?void 0:e.totalQuantity);v={taxExcluded:!0,taxIncluded:void 0,price:a(n==null?void 0:n.value,n==null?void 0:n.currency),total:k(E,{children:[a(y,n==null?void 0:n.currency,{variant:e.discounted&&(l==null?void 0:l.value)!==y?"strikethrough":"default"}),e.discounted&&(l==null?void 0:l.value)!==y?a(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:a((o==null?void 0:o.value)*e.totalQuantity,o==null?void 0:o.currency)}}else if(!s&&h)v={taxExcluded:void 0,taxIncluded:void 0,price:a(n==null?void 0:n.value,n==null?void 0:n.currency),total:k(E,{children:[a((n==null?void 0:n.value)*(e==null?void 0:e.totalQuantity),l==null?void 0:l.currency,{variant:f?"strikethrough":"default"}),f?a(($=e.price)==null?void 0:$.value,(M=e.price)==null?void 0:M.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:a((o==null?void 0:o.value)*(e==null?void 0:e.totalQuantity),o==null?void 0:o.currency)};else if(s&&!h){const y=f?n.value:l.value*e.totalQuantity;v={taxExcluded:void 0,taxIncluded:!0,price:a(l==null?void 0:l.value,l==null?void 0:l.currency),total:k(E,{children:[a(y,l==null?void 0:l.currency,{variant:f?"strikethrough":"default",weight:"bold"}),f?a(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]})}}return r(z,{loading:u,alert:O&&D?k("span",{children:[r(B,{source:T}),i.outOfStock]}):r(E,{}),configurations:(m==null?void 0:m(w))??w,title:r("div",{"data-testid":"product-name",className:q(["cart-summary-item__title",["cart-summary-item__title--strikethrough",O]]),children:e.product.name}),sku:r("div",{children:e.product.sku}),quantity:e.totalQuantity,image:r(K,{src:e.product.thumbnail.url,alt:e.product.thumbnail.label,loading:"lazy",width:"90",height:"120"}),...v})},te=({orderData:u})=>{const[e,d]=b(!0),[c,i]=b(u),[m,h]=b({taxIncluded:!1,taxExcluded:!1});return P(()=>{I().then(s=>{s&&h(g(s==null?void 0:s.shoppingCartDisplayPrice))}).finally(()=>{d(!1)})},[]),P(()=>{const s=X.on("order/data",a=>{i(a)},{eager:!0});return()=>{s==null||s.off()}},[]),{loading:e,taxConfig:m,order:c}},ye=({className:u,orderData:e,withHeader:d,showConfigurableOptions:c})=>{const{loading:i,taxConfig:m,order:h}=te({orderData:e});return r("div",{className:q(["order-order-product-list",u]),children:r(p,{loading:i,taxConfig:m,order:h,withHeader:d,showConfigurableOptions:c})})};export{ye as OrderProductList,ye as default};