@dropins/storefront-order 0.1.0-alpha4 → 0.1.0-alpha5

package/api/getGuestOrder/getGuestOrder.d.ts

@@ -1,8 +1,8 @@
-import { GuestOrderModelResponse } from '../../data/models';
+import { OrderDataModel } from '../../data/models';
 
 export declare const getGuestOrder: (form: {
     number: string;
     email: string;
     postcode: string;
-}) => Promise<GuestOrderModelResponse>;
+}) => Promise<OrderDataModel | null>;
 //# sourceMappingURL=getGuestOrder.d.ts.map

package/api/getOrderDetailsById/getOrderDetailsById.d.ts

@@ -1,5 +1,4 @@
-import { QueryType } from '../../types';
 import { TransformedData } from '../../data/models';
 
-export declare const getOrderDetailsById: <T extends QueryType>(orderId?: string, queryType?: T | undefined) => Promise<TransformedData<T>>;
+export declare const getOrderDetailsById: <T extends "orderData">(orderId?: string, queryType?: T | undefined) => Promise<TransformedData<T>>;
 //# sourceMappingURL=getOrderDetailsById.d.ts.map

package/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts

@@ -1,2 +1,2 @@
-export declare const ORDER_ITEMS = "\nfragment OrderItems on OrderItem {\n  status\n  product_name\n  id\n  quantity_ordered\n  product_sale_price {\n    value\n    currency\n  }\n  selected_options {\n    label\n    value\n  }\n  product {\n    name\n    sku\n    small_image {\n      url\n    }\n    thumbnail {\n      label\n      url\n    }\n    price_range {\n      maximum_price {\n        regular_price {\n          currency\n          value\n        }\n      }\n    }\n  }\n}";
+export declare const ORDER_ITEMS = "\nfragment OrderItems on OrderItem {\n  __typename\n  status\n  product_name\n  id\n  quantity_ordered\n  quantity_shipped\n  quantity_canceled\n  quantity_invoiced\n  quantity_refunded\n  quantity_returned\n  product_sale_price {\n    value\n    currency\n  }\n  selected_options {\n    label\n    value\n  }\n  product {\n    __typename\n    canonical_url\n    uid\n    name\n    sku\n    thumbnail {\n      label\n      url\n    }\n    price_range {\n      maximum_price {\n        regular_price {\n          currency\n          value\n        }\n      }\n    }\n  }\n}";
 //# sourceMappingURL=orderItemsFragment.graphql.d.ts.map

package/api/guestOrderByToken/guestOrderByToken.d.ts

@@ -1,4 +1,4 @@
-import { GuestOrderModelResponse } from '../../data/models';
+import { OrderDataModel } from '../../data/models';
 
-export declare const guestOrderByToken: (token?: string) => Promise<GuestOrderModelResponse>;
+export declare const guestOrderByToken: (token?: string) => Promise<OrderDataModel | null>;
 //# sourceMappingURL=guestOrderByToken.d.ts.map

package/api.js

@@ -1,13 +1,54 @@
-import{Initializer as O}from"@dropins/tools/lib.js";import{events as y}from"@dropins/tools/event-bus.js";import{O as c,a as h,A as l,f as p,h as g,b as _,t as D}from"./chunks/getGuestOrder.js";import{g as x,e as F,r as L,s as Q,c as q,d as z}from"./chunks/getGuestOrder.js";import"@dropins/tools/fetch-graphql.js";const b=`
+import{Initializer as u}from"@dropins/tools/lib.js";import{events as s}from"@dropins/tools/event-bus.js";import{O as n,a as d,A as o,f as m,h as c,t as p,b as _,c as h}from"./chunks/getGuestOrder.js";import{g as v,i as B,r as N,s as $,d as w,e as S}from"./chunks/getGuestOrder.js";import"@dropins/tools/fetch-graphql.js";const O=`
 query ORDER_BY_NUMBER($orderNumber: String!) {
   customer {
     orders(
     filter: {number: {eq: $orderNumber}},
     ) {
       items {
+        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 {
+            ...OrderItems
+            ... on GiftCardOrderItem {
+              gift_card {
+                recipient_name
+                recipient_email
+                sender_name
+                sender_email
+                message
+              }
+            }
+          }
+         }
+      }
         payment_methods {
           name
+          type
         }
         shipping_address {
         ...AddressesList
@@ -15,12 +56,18 @@ query ORDER_BY_NUMBER($orderNumber: String!) {
         billing_address {
         ...AddressesList
         }
-        number
-        id
-        order_date
-        carrier
         items {
           ...OrderItems
+          ... on GiftCardOrderItem {
+            __typename
+            gift_card {
+              recipient_name
+              recipient_email
+              sender_name
+              sender_email
+              message
+            }
+          }
         }
         total {
         ...OrderSummary
@@ -29,35 +76,89 @@ query ORDER_BY_NUMBER($orderNumber: String!) {
     }
   }
 }
-${c}
-${h}
-${l}
-`,E=r=>{const{shipping_address:e,billing_address:t,payment_methods:s,gift_receipt_included:d,order_date:n,shipping_method:o,total:a,gift_wrapping:i,gift_message:u,items:m}=r;return{defaultShipping:e,defaultBulling:t,paymentMethods:s,giftReceiptIncluded:d,orderDate:n,shippingMethod:o,giftWrapping:i,giftMessage:u,items:m,total:{discount:a==null?void 0:a.discounts,subtotal:a==null?void 0:a.subtotal,totalTax:a==null?void 0:a.total_tax,totalShipping:a==null?void 0:a.total_shipping,grandTotal:a==null?void 0:a.grand_total}}},R=r=>r.total,S=r=>({carrier:r==null?void 0:r.carrier,id:r==null?void 0:r.id,items:r==null?void 0:r.items,number:r==null?void 0:r.number,orderDate:r==null?void 0:r.order_date,paymentMethods:r==null?void 0:r.payment_methods,shippingMethod:r==null?void 0:r.shipping_method}),T=r=>({defaultShipping:r==null?void 0:r.shipping_address,defaultBulling:r==null?void 0:r.billing_address}),B=(r,e)=>{var s,d,n,o,a,i,u;if(!((o=(n=(d=(s=e==null?void 0:e.data)==null?void 0:s.customer)==null?void 0:d.orders)==null?void 0:n.items)!=null&&o.length))return null;const t=(u=(i=(a=e==null?void 0:e.data)==null?void 0:a.customer)==null?void 0:i.orders)==null?void 0:u.items[0];switch(r){case"orderData":return E(t);case"orderSummary":return R(t);case"orderStatus":return S(t);case"orderCustomerInformation":return T(t);default:return null}},k=async(r,e)=>await p(b,{method:"GET",cache:"force-cache",variables:{orderNumber:r}}).then(t=>{var s;return(s=t.errors)!=null&&s.length?g(t.errors):B(e||"orderData",t)}).catch(_),I=`
+${n}
+${d}
+${o}
+`,y=async(e,r)=>await m(O,{method:"GET",cache:"force-cache",variables:{orderNumber:e}}).then(t=>{var a;return(a=t.errors)!=null&&a.length?c(t.errors):p(r??"orderData",t)}).catch(_),b=`
 query ORDER_BY_TOKEN($token: String!) {
-    guestOrderByToken( input: {token: $token} ) {
-        shipping_method
-        payment_methods {
-          name
-        }
-        shipping_address {
-        ...AddressesList
-        }
-        billing_address {
-        ...AddressesList
-        }
+  guestOrderByToken(input: { token: $token }) {
+    email
+    id
+    number
+    order_date
+    status
+    token
+    carrier
+    shipping_method
+    printed_card_included
+    gift_receipt_included
+    available_actions
+    is_virtual
+    payment_methods {
+      name
+      type
+    }
+    applied_coupons {
+      code
+    }
+    shipments {
+      id
+      tracking {
+        title
         number
-        id
-        order_date
         carrier
-        items {
+      }
+      comments {
+        message
+        timestamp
+      }
+      items {
+        id
+        product_sku
+        product_name
+        order_item {
           ...OrderItems
+          ... on GiftCardOrderItem {
+            gift_card {
+              recipient_name
+              recipient_email
+              sender_name
+              sender_email
+              message
+            }
+          }
         }
-        total {
-        ...OrderSummary
+      }
+    }
+    payment_methods {
+      name
+      type
+    }
+    shipping_address {
+      ...AddressesList
+    }
+    billing_address {
+      ...AddressesList
+    }
+    items {
+      ...OrderItems
+      ... on GiftCardOrderItem {
+        __typename
+        gift_card {
+          recipient_name
+          recipient_email
+          sender_name
+          sender_email
+          message
+        }
+      }
+    }
+    total {
+      ...OrderSummary
     }
   }
 }
-${c}
-${h}
-${l}
-`,M=async r=>await p(I,{method:"GET",cache:"no-cache",variables:{token:r}}).then(e=>{var t;return(t=e.errors)!=null&&t.length?g(e.errors):D(e)}).catch(_),$=async r=>{let e=null;const t=(r==null?void 0:r.orderId)||"",s=(r==null?void 0:r.orderToken)||"";if(!t&&!s){console.error("Order Token or ID not received.");return}if(t&&s){console.error("Error: You cannot pass both id and token together. You should pass only one identifier.");return}t&&(e=await k(t,"orderData")),s&&(e=await M(s)),y.emit("order/data",e)},f=new O({init:async r=>{const e={};f.config.setConfig({...e,...r}),$(r).catch(console.error)},listeners:()=>[]}),Y=f.config;export{Y as config,p as fetchGraphQl,x as getConfig,F as getGuestOrder,k as getOrderDetailsById,M as guestOrderByToken,f as initialize,L as removeFetchGraphQlHeader,Q as setEndpoint,q as setFetchGraphQlHeader,z as setFetchGraphQlHeaders};
+${n}
+${d}
+${o}
+`,g=async e=>await m(b,{method:"GET",cache:"no-cache",variables:{token:e}}).then(r=>{var t;return(t=r.errors)!=null&&t.length?c(r.errors):h(r)}).catch(_),f=async e=>{let r=null;const t=(e==null?void 0:e.orderNumber)??"",a=(e==null?void 0:e.orderToken)??"",i=(e==null?void 0:e.orderData)??null;if(i){s.emit("order/data",i);return}if(!t&&!a){console.error("Order Token or number not received.");return}if(t&&a){console.error("Error: You cannot pass both number and token together. You should pass only one identifier.");return}t&&(r=await y(t)),a&&(r=await g(a)),r?s.emit("order/data",r):s.emit("order/error",{source:"order",type:"network",error:"The data was not received."})},l=new u({init:async e=>{const r={};l.config.setConfig({...r,...e}),f(e).catch(console.error)},listeners:()=>[]}),G=l.config;export{G as config,m as fetchGraphQl,v as getConfig,B as getGuestOrder,y as getOrderDetailsById,g as guestOrderByToken,l as initialize,N as removeFetchGraphQlHeader,$ as setEndpoint,w as setFetchGraphQlHeader,S as setFetchGraphQlHeaders};

package/chunks/OrderActions.js

@@ -0,0 +1 @@
+import{jsx as $,Fragment as V,jsxs as v}from"@dropins/tools/preact-jsx-runtime.js";import{useRef as M,useState as D,useEffect as _,useCallback as T}from"@dropins/tools/preact-hooks.js";import{useText as y}from"@dropins/tools/i18n.js";import*as C from"@dropins/tools/preact-compat.js";import{memo as w,useCallback as L}from"@dropins/tools/preact-compat.js";import{classes as k}from"@dropins/tools/lib.js";import{Field as q,Picker as A,Input as I,InputDate as R,Checkbox as O,TextArea as N}from"@dropins/tools/components.js";const j=l=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369",stroke:"currentColor"})),H=l=>l.reduce((u,{code:p,required:h,defaultValue:c})=>(h&&(u[p]=c),u),{}),S=({fieldsConfig:l,onSubmit:u})=>{const{requiredFieldError:p}=y({requiredFieldError:"Order.Form.notifications.requiredFieldError"}),h=M(null),[c,n]=D({}),[o,t]=D({});_(()=>{if(!l||!l.length)return;const s=H(l);n(s)},[l==null?void 0:l.length]);const f=T((s,e)=>{const r=l.find(d=>d.code===s);return r!=null&&r.required&&!e?p:""},[l,p]),b=T(s=>{const{name:e,value:r,type:a,checked:d}=s==null?void 0:s.target,i=a==="checkbox"?d:r;n(E=>({...E,[e]:i}))},[]),x=T(s=>{const{name:e,value:r,type:a,checked:d}=s==null?void 0:s.target,i=a==="checkbox"?d:r;t(E=>({...E,[e]:f(e,i)}))},[f]),F=T(s=>{s.preventDefault();let e=!0,r={},a=null;for(const[d,i]of Object.entries(c)){const E=f(d,i);E&&(r[d]=E,e=!1,a||(a=d))}if(t(r),a&&h.current){const d=h.current.elements.namedItem(a);d==null||d.focus()}u==null||u(s,e)},[c,f,u]);return{formData:c,errors:o,formRef:h,handleChange:b,handleBlur:x,handleSubmit:F}},U=w(({loading:l,values:u,fields:p=[],errors:h,className:c="",onChange:n,onBlur:o})=>{const t=`${c}__item`,f=L((e,r,a)=>{const d=e.options.map(i=>({text:i.label,value:i.value}));return $(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:$(A,{name:e.id,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:d,onBlur:o,handleSelect:n,value:r||e.defaultValue})},e.id)},[c,l,t,o,n]),b=L((e,r,a)=>{const d=e.id==="email",i=d?$(j,{}):void 0,E=d?"username":"";return $(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e==null?void 0:e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:$(I,{"aria-label":e.label,"aria-required":e.required,autoComplete:E,icon:i,type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id)},[c,l,t,o,n]),x=L((e,r,a)=>$(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:$(R,{type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]),F=L((e,r,a)=>$(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:$(O,{name:e.id,checked:r||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]),s=L((e,r,a)=>$(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:$(N,{type:"text",name:e.id,value:r===void 0?e.defaultValue:r,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]);return p.length?$(V,{children:p.map(e=>{var d;const r=(h==null?void 0:h[e.id])??"",a=(u==null?void 0:u[e.id])??"";switch(e.fieldType){case"TEXT":return(d=e==null?void 0:e.options)!=null&&d.length?f(e,a,r):b(e,a,r);case"MULTILINE":return b(e,a,r);case"SELECT":return f(e,a,r);case"DATE":return x(e,a,r);case"BOOLEAN":return F(e,a,r);case"TEXTAREA":return s(e,a,r);default:return null}})}):null}),K=w(({name:l,loading:u,children:p,className:h="defaultForm",fieldsConfig:c,onSubmit:n})=>{const{formData:o,errors:t,formRef:f,handleChange:b,handleBlur:x,handleSubmit:F}=S({fieldsConfig:c,onSubmit:n});return v("form",{className:k(["dropin-form",h]),onSubmit:F,name:l,ref:f,children:[$(U,{className:h,loading:u,fields:c,onChange:b,onBlur:x,errors:t,values:o}),p]})});export{K as F};

package/chunks/OrderLoaders.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"@dropins/tools/preact-jsx-runtime.js";import{Card as o,Skeleton as d,SkeletonRow as r}from"@dropins/tools/components.js";import"./OrderActions.js";import{classes as n}from"@dropins/tools/lib.js";const h=({testId:t,withCard:i=!0})=>{const a=l(d,{"data-testid":t||"skeletonLoader",children:[e(r,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),e(r,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),e(r,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return i?a:e(o,{variant:"secondary",className:n(["dropin-order-loaders","dropin-order-loaders--card-loader"]),children:a})};export{h as C};

package/chunks/getGuestOrder.js

@@ -1,4 +1,4 @@
-import{events as l}from"@dropins/tools/event-bus.js";import{FetchGraphQL as m}from"@dropins/tools/fetch-graphql.js";const _=`
+import{events as M}from"@dropins/tools/event-bus.js";import{FetchGraphQL as F}from"@dropins/tools/fetch-graphql.js";const U=`
 fragment OrderSummary on OrderTotal {
   grand_total {
     value
@@ -31,7 +31,7 @@ fragment OrderSummary on OrderTotal {
     }
     label
   }
-}`,g=`
+}`,$=`
 fragment AddressesList on OrderAddress {
   city
   company
@@ -48,12 +48,18 @@ fragment AddressesList on OrderAddress {
   suffix
   telephone
   vat_id
-}`,p=`
+}`,L=`
 fragment OrderItems on OrderItem {
+  __typename
   status
   product_name
   id
   quantity_ordered
+  quantity_shipped
+  quantity_canceled
+  quantity_invoiced
+  quantity_refunded
+  quantity_returned
   product_sale_price {
     value
     currency
@@ -63,11 +69,11 @@ fragment OrderItems on OrderItem {
     value
   }
   product {
+    __typename
+    canonical_url
+    uid
     name
     sku
-    small_image {
-      url
-    }
     thumbnail {
       label
       url
@@ -81,33 +87,43 @@ fragment OrderItems on OrderItem {
       }
     }
   }
-}`,h=e=>{const t=e.map(a=>a.message).join(" ");throw Error(t)},O=e=>{throw e instanceof DOMException&&e.name==="AbortError"||l.emit("order/error",{source:"auth",type:"network",error:e}),e},d=e=>{const{shipping_address:t,billing_address:a,payment_methods:n,gift_receipt_included:i,order_date:u,printed_card_included:s,shipping_method:c,total:r,...o}=e;return{defaultShipping:t,defaultBulling:a,paymentMethods:n,giftReceiptIncluded:i,orderDate:u,printedCardIncluded:s,shippingMethod:c,total:{discounts:(r==null?void 0:r.discounts)||null,subtotal:(r==null?void 0:r.subtotal)||null,totalTax:(r==null?void 0:r.total_tax)||null,totalShipping:(r==null?void 0:r.total_shipping)||null,grandTotal:(r==null?void 0:r.grand_total)||null},...o}},f=e=>{var a,n;if(!((a=e==null?void 0:e.data)!=null&&a.guestOrder))return null;const t=(n=e==null?void 0:e.data)==null?void 0:n.guestOrder;return d(t)},R=e=>{var a,n;if(!((a=e==null?void 0:e.data)!=null&&a.guestOrderByToken))return null;const t=(n=e==null?void 0:e.data)==null?void 0:n.guestOrderByToken;return d(t)},{setEndpoint:v,setFetchGraphQlHeader:A,removeFetchGraphQlHeader:D,setFetchGraphQlHeaders:S,fetchGraphQl:y,getConfig:x}=new m().getMethods(),E=`
+}`,j=n=>{const a=n.map(i=>i.message).join(" ");throw Error(a)},B=n=>{throw n instanceof DOMException&&n.name==="AbortError"||M.emit("order/error",{source:"auth",type:"network",error:n.message}),n},H=n=>n.replace(/_([a-z])/g,(a,i)=>i.toUpperCase()),b=(n,a,i)=>{const u=["string","boolean","number"],t=H;return Array.isArray(n)?n.map(c=>u.includes(typeof c)||c===null?c:typeof c=="object"?b(c,a,i):c):n!==null&&typeof n=="object"?Object.entries(n).reduce((c,[l,s])=>{const _=i&&i[l]?i[l]:t(l);return c[_]=u.includes(typeof s)||s===null?s:b(s,a,i),c},{}):n},K=n=>n||0,z=n=>{var a,i,u;return{canonicalUrl:(n==null?void 0:n.canonical_url)||"",id:(n==null?void 0:n.uid)||"",name:(n==null?void 0:n.name)||"",sku:(n==null?void 0:n.sku)||"",image:((a=n==null?void 0:n.image)==null?void 0:a.url)||"",productType:(n==null?void 0:n.__typename)||"",thumbnail:{label:((i=n==null?void 0:n.thumbnail)==null?void 0:i.label)||"",url:((u=n==null?void 0:n.thumbnail)==null?void 0:u.url)||""}}},P=n=>{if(!n||!("selected_options"in n))return;const a={};for(const i of n.selected_options)a[i.label]=i.value;return a},Y=n=>n==null?void 0:n.map(a=>{var i,u,t,c,l,s,_,e,y,p,g,f,h,O,q,E,G,T,C,R,r,x,A,S,k,N,Q,w,D;return{type:a==null?void 0:a.__typename,productName:a.product_name,quantityCanceled:a==null?void 0:a.quantity_canceled,quantityInvoiced:a==null?void 0:a.quantity_invoiced,quantityOrdered:a==null?void 0:a.quantity_ordered,quantityRefunded:a==null?void 0:a.quantity_refunded,quantityReturned:a==null?void 0:a.quantity_returned,quantityShipped:a==null?void 0:a.quantity_shipped,id:a==null?void 0:a.id,discounted:((c=(t=(u=(i=a==null?void 0:a.product)==null?void 0:i.price_range)==null?void 0:u.maximum_price)==null?void 0:t.regular_price)==null?void 0:c.value)*(a==null?void 0:a.quantity_ordered)!==((l=a==null?void 0:a.product_sale_price)==null?void 0:l.value)*(a==null?void 0:a.quantity_ordered),total:{value:((s=a==null?void 0:a.product_sale_price)==null?void 0:s.value)*(a==null?void 0:a.quantity_ordered),currency:(_=a==null?void 0:a.product_sale_price)==null?void 0:_.currency},totalInclTax:{value:((e=a==null?void 0:a.product_sale_price)==null?void 0:e.value)*(a==null?void 0:a.quantity_ordered),currency:(y=a==null?void 0:a.product_sale_price)==null?void 0:y.currency},price:{value:(p=a==null?void 0:a.product_sale_price)==null?void 0:p.value,currency:(g=a==null?void 0:a.product_sale_price)==null?void 0:g.currency},priceInclTax:{value:(f=a==null?void 0:a.product_sale_price)==null?void 0:f.value,currency:(h=a==null?void 0:a.product_sale_price)==null?void 0:h.currency},totalQuantity:K(a==null?void 0:a.quantity_ordered),regularPrice:{value:(G=(E=(q=(O=a==null?void 0:a.product)==null?void 0:O.price_range)==null?void 0:q.maximum_price)==null?void 0:E.regular_price)==null?void 0:G.value,currency:(r=(R=(C=(T=a==null?void 0:a.product)==null?void 0:T.price_range)==null?void 0:C.maximum_price)==null?void 0:R.regular_price)==null?void 0:r.currency},product:z(a==null?void 0:a.product),thumbnail:{label:((A=(x=a==null?void 0:a.product)==null?void 0:x.thumbnail)==null?void 0:A.label)||"",url:((k=(S=a==null?void 0:a.product)==null?void 0:S.thumbnail)==null?void 0:k.url)||""},giftCard:(a==null?void 0:a.__typename)==="GiftCardOrderItem"?{senderName:((N=a.gift_card)==null?void 0:N.sender_name)||"",senderEmail:((Q=a.gift_card)==null?void 0:Q.sender_email)||"",recipientEmail:((w=a.gift_card)==null?void 0:w.recipient_email)||"",recipientName:((D=a.gift_card)==null?void 0:D.recipient_name)||""}:void 0,configurableOptions:P(a)}}),v=n=>{var e,y,p,g,f;const a=Y(n.items),{total:i,...u}=b({...n,items:a},"camelCase",{applied_coupons:"coupons",__typename:"__typename",firstname:"firstName",middlename:"middleName",lastname:"lastName",postcode:"postCode",payment_methods:"payments"}),t=(e=n==null?void 0:n.payment_methods)==null?void 0:e[0],c=(t==null?void 0:t.type)||"",l=(t==null?void 0:t.name)||"",s=(y=u==null?void 0:u.items)==null?void 0:y.reduce((h,O)=>h+O.totalQuantity,0);return{...i,...u,totalQuantity:s,shipping:{amount:((p=u==null?void 0:u.total)==null?void 0:p.totalShipping.value)??0,currency:((f=(g=u.total)==null?void 0:g.totalShipping)==null?void 0:f.currency)||"",code:u.shippingMethod??""},payments:[{code:c,name:l}]}},d=(n,a)=>{var i,u,t,c,l,s,_;if((c=(t=(u=(i=a==null?void 0:a.data)==null?void 0:i.customer)==null?void 0:u.orders)==null?void 0:t.items)!=null&&c.length&&n==="orderData"){const e=(_=(s=(l=a==null?void 0:a.data)==null?void 0:l.customer)==null?void 0:s.orders)==null?void 0:_.items[0];return v(e)}return null},J=n=>{var i,u;if(!((i=n==null?void 0:n.data)!=null&&i.guestOrder))return null;const a=(u=n==null?void 0:n.data)==null?void 0:u.guestOrder;return v(a)},o=n=>{var i,u;if(!((i=n==null?void 0:n.data)!=null&&i.guestOrderByToken))return null;const a=(u=n==null?void 0:n.data)==null?void 0:u.guestOrderByToken;return v(a)},{setEndpoint:I,setFetchGraphQlHeader:aa,removeFetchGraphQlHeader:na,setFetchGraphQlHeaders:ia,fetchGraphQl:V,getConfig:ua}=new F().getMethods(),W=`
   fragment guestOrderData on CustomerOrder {
-      gift_receipt_included
-      carrier
-      email
-      id
-      number
-      order_date
-      printed_card_included
-      shipping_method
-      status
-      token
+    email
+    id
+    number
+    order_date
+    status
+    token
+    carrier
+    shipping_method
+    printed_card_included
+    gift_receipt_included
+    available_actions
+    is_virtual
     payment_methods {
       name
       type
     }
-    total {
-    ...OrderSummary
+    applied_coupons {
+      code
     }
-    billing_address {
-      ...AddressesList
+    shipments {
+    id
+    tracking {
+      title
+      number
+      carrier
     }
-    shipping_address {
-      ...AddressesList
+    comments {
+      message
+      timestamp
     }
-    items {
-      __typename
+  items {
+    id
+    product_sku
+    product_name
+    order_item {
       ...OrderItems
       ... on GiftCardOrderItem {
         gift_card {
@@ -116,18 +132,46 @@ fragment OrderItems on OrderItem {
           sender_name
           sender_email
           message
+          }
         }
       }
     }
   }
-${_}
-${g}
-${p}
-`,G=`
+  payment_methods {
+    name
+    type
+  }
+  shipping_address {
+  ...AddressesList
+  }
+  billing_address {
+  ...AddressesList
+  }
+  items {
+    ...OrderItems
+    ... on GiftCardOrderItem {
+      __typename
+      gift_card {
+        recipient_name
+        recipient_email
+        sender_name
+        sender_email
+        message
+      }
+    }
+  }
+  total {
+  ...OrderSummary
+    }
+  }
+${U}
+${$}
+${L}
+`,X=`
   query GET_GUEST_ORDER($input: OrderInformationInput!) {
   guestOrder(input:$input) {
     ...guestOrderData
     }
   }
-${E}
-`,I=async e=>await y(G,{method:"GET",cache:"no-cache",variables:{input:e}}).then(t=>{var a;return(a=t.errors)!=null&&a.length?h(t.errors):f(t)}).catch(O);export{g as A,_ as O,p as a,O as b,A as c,S as d,I as e,y as f,x as g,h,D as r,v as s,R as t};
+${W}
+`,ca=async n=>await V(X,{method:"GET",cache:"no-cache",variables:{input:n}}).then(a=>{var i;return(i=a.errors)!=null&&i.length?j(a.errors):J(a)}).catch(B);export{$ as A,U as O,L as a,B as b,o as c,aa as d,ia as e,V as f,ua as g,j as h,ca as i,na as r,I as s,d as t};

package/components/OrderActions/OrderActions.d.ts

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

package/components/OrderActions/index.d.ts

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

package/components/OrderLoaders/OrderLoaders.d.ts

@@ -0,0 +1,6 @@
+
+export declare const CardLoader: ({ testId, withCard, }: {
+    testId?: string | undefined;
+    withCard?: boolean | undefined;
+}) => import("preact").JSX.Element;
+//# sourceMappingURL=OrderLoaders.d.ts.map

package/components/OrderLoaders/index.d.ts

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

package/components/OrderStatusContent/OrderStatusContent.d.ts

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

package/components/OrderStatusContent/index.d.ts

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

package/components/ShippingStatusCard/ShippingStatusCard.d.ts

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

package/components/ShippingStatusCard/index.d.ts

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

package/components/index.d.ts

@@ -1,3 +1,7 @@
 export * from './OrderSearchForm';
 export * from './Form';
+export * from './OrderStatusContent';
+export * from './ShippingStatusCard';
+export * from './OrderLoaders';
+export * from './OrderActions';
 //# sourceMappingURL=index.d.ts.map