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

package/configs/mock.config.d.ts

@@ -921,4 +921,472 @@ export declare const storyBookNormalizeAddress: {
         label: null;
     }[])[];
 };
+export declare const orderMockOrderProductItemsList: {
+    items: ({
+        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: {
+            __typename: string;
+            canonicalUrl: string;
+            uid: string;
+            name: string;
+            sku: string;
+            onlyXLeftInStock: null;
+            stockStatus: string;
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            priceRange: {
+                maximumPrice: {
+                    regularPrice: {
+                        currency: string;
+                        value: number;
+                    };
+                };
+            };
+            id: string;
+            image: string;
+            productType: string;
+        };
+        thumbnail: {
+            label: string;
+            url: string;
+        };
+        configurableOptions: {
+            Color?: undefined;
+            Size?: undefined;
+        };
+        bundleOptions: null;
+        itemPrices: {
+            priceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            originalPrice: {
+                value: number;
+                currency: string;
+            };
+            originalPriceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            discounts?: undefined;
+        };
+        downloadableLinks: {
+            count: number;
+            result: string;
+        };
+        giftCard?: undefined;
+    } | {
+        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: {
+            __typename: string;
+            canonicalUrl: string;
+            uid: string;
+            name: string;
+            sku: string;
+            onlyXLeftInStock: null;
+            stockStatus: string;
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            priceRange: {
+                maximumPrice: {
+                    regularPrice: {
+                        currency: string;
+                        value: number;
+                    };
+                };
+            };
+            id: string;
+            image: string;
+            productType: string;
+        };
+        thumbnail: {
+            label: string;
+            url: string;
+        };
+        configurableOptions: {
+            Color: string;
+            Size: string;
+        };
+        bundleOptions: null;
+        itemPrices: {
+            priceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            originalPrice: {
+                value: number;
+                currency: string;
+            };
+            originalPriceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            discounts: {
+                label: string;
+                amount: {
+                    value: number;
+                };
+            }[];
+        };
+        downloadableLinks?: undefined;
+        giftCard?: undefined;
+    } | {
+        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: {
+            __typename: string;
+            canonicalUrl: string;
+            uid: string;
+            name: string;
+            sku: string;
+            onlyXLeftInStock: null;
+            stockStatus: string;
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            priceRange: {
+                maximumPrice: {
+                    regularPrice: {
+                        currency: string;
+                        value: number;
+                    };
+                };
+            };
+            id: string;
+            image: string;
+            productType: string;
+        };
+        thumbnail: {
+            label: string;
+            url: string;
+        };
+        configurableOptions: {
+            Color?: undefined;
+            Size?: undefined;
+        };
+        bundleOptions: null;
+        itemPrices: {
+            priceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            originalPrice: {
+                value: number;
+                currency: string;
+            };
+            originalPriceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            discounts: {
+                label: string;
+                amount: {
+                    value: number;
+                };
+            }[];
+        };
+        downloadableLinks?: undefined;
+        giftCard?: undefined;
+    } | {
+        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: {
+            __typename: string;
+            canonicalUrl: string;
+            uid: string;
+            name: string;
+            sku: string;
+            onlyXLeftInStock: null;
+            stockStatus: string;
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            priceRange: {
+                maximumPrice: {
+                    regularPrice: {
+                        currency: string;
+                        value: number;
+                    };
+                };
+            };
+            id: string;
+            image: string;
+            productType: string;
+        };
+        thumbnail: {
+            label: string;
+            url: string;
+        };
+        configurableOptions: {
+            Color?: undefined;
+            Size?: undefined;
+        };
+        bundleOptions: {
+            'Sprite Foam Yoga Brick': string;
+            'Sprite Foam Roller': string;
+            'Sprite Stasis Ball': string;
+            'Sprite Yoga Strap': string;
+        };
+        itemPrices: {
+            priceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            originalPrice: {
+                value: number;
+                currency: string;
+            };
+            originalPriceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            discounts: {
+                label: string;
+                amount: {
+                    value: number;
+                };
+            }[];
+        };
+        downloadableLinks?: undefined;
+        giftCard?: undefined;
+    } | {
+        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: {
+            __typename: string;
+            canonicalUrl: string;
+            uid: string;
+            name: string;
+            sku: string;
+            onlyXLeftInStock: null;
+            stockStatus: string;
+            thumbnail: {
+                label: string;
+                url: string;
+            };
+            priceRange: {
+                maximumPrice: {
+                    regularPrice: {
+                        currency: string;
+                        value: number;
+                    };
+                };
+            };
+            id: string;
+            image: string;
+            productType: string;
+        };
+        thumbnail: {
+            label: string;
+            url: string;
+        };
+        giftCard: {
+            senderName: string;
+            senderEmail: string;
+            recipientEmail: string;
+            recipientName: string;
+            message: string;
+        };
+        configurableOptions: {
+            Color?: undefined;
+            Size?: undefined;
+        };
+        bundleOptions: null;
+        itemPrices: {
+            priceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            originalPrice: {
+                value: number;
+                currency: string;
+            };
+            originalPriceIncludingTax: {
+                value: number;
+                currency: string;
+            };
+            price: {
+                value: number;
+                currency: string;
+            };
+            discounts: {
+                label: string;
+                amount: {
+                    value: number;
+                };
+            }[];
+        };
+        downloadableLinks?: undefined;
+    })[];
+    totalQuantity: number;
+};
 //# 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/fetch-graphql.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/CustomerDetailsContent.js";import*as m from"@dropins/tools/preact-compat.js";import{D as K}from"../chunks/OrderLoaders.js";import{useText as G}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/network-error.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}},me=({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{me as CustomerDetails,me as default};
+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};

package/containers/OrderCancel/OrderCancel.d.ts

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

package/containers/OrderCancel.d.ts

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

package/containers/OrderCancel.js

@@ -0,0 +1,79 @@
+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=`
+mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
+  cancelOrder(input: { order_id: $orderId, reason: $reason }) {
+    error
+    order {
+      email
+      available_actions
+      status
+      number
+      id
+      order_date
+      carrier
+      shipping_method
+      is_virtual
+      applied_coupons {
+        code
+      }
+      shipments {
+        id
+        number
+        tracking {
+          title
+          number
+          carrier
+        }
+        comments {
+          message
+          timestamp
+        }
+        items {
+          id
+          product_sku
+          product_name
+          order_item {
+            ${m}
+            ... on GiftCardOrderItem {
+              gift_card {
+                recipient_name
+                recipient_email
+                sender_name
+                sender_email
+                message
+              }
+            }
+          }
+        }
+      }
+      payment_methods {
+        name
+        type
+      }
+      shipping_address {
+        ...AddressesList
+      }
+      billing_address {
+        ...AddressesList
+      }
+      items {
+        ${m}
+        ... on GiftCardOrderItem {
+          __typename
+          gift_card {
+            recipient_name
+            recipient_email
+            sender_name
+            sender_email
+            message
+          }
+        }
+      }
+      total {
+        ...OrderSummary
+      }
+    }
+  }
+}
+${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};

package/containers/OrderProductList/OrderProductList.d.ts

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

package/containers/OrderProductList/index.d.ts

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

package/containers/OrderProductList.d.ts

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

package/containers/OrderProductList.js

@@ -0,0 +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};

package/containers/OrderSearch.js

@@ -1 +1 @@
-import{jsxs as v,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as _}from"@dropins/tools/lib.js";import{Card as U,InLineAlert as C,Icon as x,Button as V}from"@dropins/tools/components.js";import{F as L}from"../chunks/CustomerDetailsContent.js";import*as R from"@dropins/tools/preact-compat.js";import{useState as D,useCallback as O,useEffect as g,useMemo as k}from"@dropins/tools/preact-hooks.js";import{events as w}from"@dropins/tools/event-bus.js";import{Text as S,useText as H}from"@dropins/tools/i18n.js";import{g as A,a as P}from"../chunks/getCustomer.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-order-details.js";const X=e=>R.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},R.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),B=({onSubmit:e,loading:t,inLineAlert:o,fieldsConfig:a})=>v(U,{variant:"secondary",className:"order-order-search-form",children:[s("h2",{className:"order-order-search-form__title",children:s(S,{id:"Order.OrderSearchForm.title"})}),s("p",{children:s(S,{id:"Order.OrderSearchForm.description"})}),o.text?s(C,{"data-testid":"orderAlert",className:"order-order-search-form__alert",type:o.type,variant:"secondary",heading:o.text,icon:s(x,{source:X})}):null,s(L,{className:"order-order-search-form__wrapper",name:"orderSearchForm",loading:t,fieldsConfig:a,onSubmit:e,children:s("div",{className:"order-order-search-form__button-container",children:s(V,{className:"order-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:t,children:s(S,{id:"Order.OrderSearchForm.button"})},"logIn")})})]});var T=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(T||{});const j=e=>{if(!e)return null;const t=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(a=>{t.has(a.name)||t.set(a.name,"false"),a.checked&&t.set(a.name,"true")}),t&&typeof t.entries=="function"){const a=t.entries();if(a&&typeof a[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(a)))||{}}return{}},p=(e,t)=>{if(typeof e!="function")return;const o=e();if(!t||Object.keys(t).length===0){window.location.href=o;return}const a=new URLSearchParams;Object.entries(t).forEach(([u,d])=>{a.append(u,String(d))});const c=o.includes("?")?"&":"?";window.location.href=`${o}${c}${a.toString()}`},I=e=>{try{return new URL(window.location.href).searchParams.get(e)}catch{return null}},q=({onError:e,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c})=>{const[u,d]=D({text:"",type:"success"}),[E,h]=D(!1),f=H({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),b=O(async r=>{const n=I("orderRef"),l=n&&n.length>20;if(!r&&!n||!(r!=null&&r.number)&&!(r!=null&&r.token)&&!n)return null;if(t){const m=await A();(m==null?void 0:m.email)===r.email?p(a,{orderRef:r==null?void 0:r.number}):l||p(c,{orderRef:r.token})}else l||p(c,{orderRef:r==null?void 0:r.token})},[t,a,c]);g(()=>{const r=w.on("order/data",n=>{b(n)},{eager:!0});return()=>{r==null||r.off()}},[b]),g(()=>{const r=I("orderRef"),n=r&&r.length>20?r:null;r&&(n?p(c,{orderRef:r}):t?p(a,{orderRef:r}):o==null||o({render:!0,formValues:{number:r}}))},[t,a,c,o]);const M=k(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:f.email,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:f.postcode,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:f.number,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[f]);return{onSubmit:O(async(r,n)=>{if(!n)return null;h(!0);const l=j(r.target);await P(l).then(i=>{i||d({text:f.invalidSearch,type:"warning"}),w.emit("order/data",i)}).catch(async i=>{var N;let m=!0;e==null||e({error:i.message});const y=t?await A():{email:""};(y==null?void 0:y.email)===(l==null?void 0:l.email)?(m=!1,p(a,{orderRef:l.number})):m=o==null?void 0:o({render:(N=i==null?void 0:i.message)==null?void 0:N.includes("Please login to view the order."),formValues:l}),m&&d({text:i.message,type:"warning"})}).finally(()=>{h(!1)})},[t,e,o,a,f.invalidSearch]),inLineAlert:u,loading:E,normalizeFieldsConfig:M}},oe=({className:e,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c,onError:u})=>{const{onSubmit:d,loading:E,inLineAlert:h,normalizeFieldsConfig:f}=q({onError:u,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c});return s("div",{className:_(["order-order-search",e]),children:s(B,{onSubmit:d,loading:E,inLineAlert:h,fieldsConfig:f})})};export{oe as OrderSearch,oe as default};
+import{jsxs as v,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as _}from"@dropins/tools/lib.js";import{Card as U,InLineAlert as C,Icon as x,Button as V}from"@dropins/tools/components.js";import{F as L}from"../chunks/OrderCancelReasonsForm.js";import*as R from"@dropins/tools/preact-compat.js";import{useState as D,useCallback as O,useEffect as g,useMemo as k}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/preact.js";import{events as w}from"@dropins/tools/event-bus.js";import{Text as S,useText as H}from"@dropins/tools/i18n.js";import{g as A,a as P}from"../chunks/getCustomer.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-order-details.js";import"../chunks/convertCase.js";const X=e=>R.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},R.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),B=({onSubmit:e,loading:t,inLineAlert:o,fieldsConfig:a})=>v(U,{variant:"secondary",className:"order-order-search-form",children:[s("h2",{className:"order-order-search-form__title",children:s(S,{id:"Order.OrderSearchForm.title"})}),s("p",{children:s(S,{id:"Order.OrderSearchForm.description"})}),o.text?s(C,{"data-testid":"orderAlert",className:"order-order-search-form__alert",type:o.type,variant:"secondary",heading:o.text,icon:s(x,{source:X})}):null,s(L,{className:"order-order-search-form__wrapper",name:"orderSearchForm",loading:t,fieldsConfig:a,onSubmit:e,children:s("div",{className:"order-order-search-form__button-container",children:s(V,{className:"order-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:t,children:s(S,{id:"Order.OrderSearchForm.button"})},"logIn")})})]});var T=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(T||{});const j=e=>{if(!e)return null;const t=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(a=>{t.has(a.name)||t.set(a.name,"false"),a.checked&&t.set(a.name,"true")}),t&&typeof t.entries=="function"){const a=t.entries();if(a&&typeof a[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(a)))||{}}return{}},p=(e,t)=>{if(typeof e!="function")return;const o=e();if(!t||Object.keys(t).length===0){window.location.href=o;return}const a=new URLSearchParams;Object.entries(t).forEach(([u,d])=>{a.append(u,String(d))});const c=o.includes("?")?"&":"?";window.location.href=`${o}${c}${a.toString()}`},I=e=>{try{return new URL(window.location.href).searchParams.get(e)}catch{return null}},q=({onError:e,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c})=>{const[u,d]=D({text:"",type:"success"}),[E,h]=D(!1),m=H({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),b=O(async r=>{const n=I("orderRef"),i=n&&n.length>20;if(!r&&!n||!(r!=null&&r.number)&&!(r!=null&&r.token)&&!n)return null;if(t){const f=await A();(f==null?void 0:f.email)===r.email?p(a,{orderRef:r==null?void 0:r.number}):i||p(c,{orderRef:r.token})}else i||p(c,{orderRef:r==null?void 0:r.token})},[t,a,c]);g(()=>{const r=w.on("order/data",n=>{b(n)},{eager:!0});return()=>{r==null||r.off()}},[b]),g(()=>{const r=I("orderRef"),n=r&&r.length>20?r:null;r&&(n?p(c,{orderRef:r}):t?p(a,{orderRef:r}):o==null||o({render:!0,formValues:{number:r}}))},[t,a,c,o]);const M=k(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.email,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.postcode,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.number,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[m]);return{onSubmit:O(async(r,n)=>{if(!n)return null;h(!0);const i=j(r.target);await P(i).then(l=>{l||d({text:m.invalidSearch,type:"warning"}),w.emit("order/data",l)}).catch(async l=>{var N;let f=!0;e==null||e({error:l.message});const y=t?await A():{email:""};(y==null?void 0:y.email)===(i==null?void 0:i.email)?(f=!1,p(a,{orderRef:i.number})):f=o==null?void 0:o({render:(N=l==null?void 0:l.message)==null?void 0:N.includes("Please login to view the order."),formValues:i}),f&&d({text:l.message,type:"warning"})}).finally(()=>{h(!1)})},[t,e,o,a,m.invalidSearch]),inLineAlert:u,loading:E,normalizeFieldsConfig:M}},ne=({className:e,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c,onError:u})=>{const{onSubmit:d,loading:E,inLineAlert:h,normalizeFieldsConfig:m}=q({onError:u,isAuth:t,renderSignIn:o,routeCustomerOrder:a,routeGuestOrder:c});return s("div",{className:_(["order-order-search",e]),children:s(B,{onSubmit:d,loading:E,inLineAlert:h,fieldsConfig:m})})};export{ne as OrderSearch,ne as default};