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

package/api/getAttributesForm/getAttributesForm.d.ts

@@ -0,0 +1,4 @@
+import { AttributesFormModel } from '../../data/models';
+
+export declare const getAttributesForm: (formCode: string) => Promise<AttributesFormModel[]>;
+//# sourceMappingURL=getAttributesForm.d.ts.map

package/api/getAttributesForm/graphql/getAttributesForm.graphql.d.ts

@@ -0,0 +1,3 @@
+export declare const GET_ATTRIBUTES_FORM = "\n  query GET_ATTRIBUTES_FORM($formCode: String!) {\n    attributesForm(formCode: $formCode) {\n      items {\n        code\n        default_value\n        entity_type\n        frontend_class\n        frontend_input\n        is_required\n        is_unique\n        label\n        options {\n          is_default\n          label\n          value\n        }\n        ... on CustomerAttributeMetadata {\n          multiline_count\n          sort_order\n          validate_rules {\n            name\n            value\n          }\n        }\n      }\n      errors {\n        type\n        message\n      }\n    }\n  }\n";
+export declare const GET_ATTRIBUTES_FORM_SHORT = "\n  query GET_ATTRIBUTES_FORM_SHORT {\n      attributesForm(formCode: customer_register_address) {\n      items {\n        frontend_input\n        label\n        code\n        ... on CustomerAttributeMetadata {\n          multiline_count\n          sort_order\n        }\n      }\n    }\n  }\n";
+//# sourceMappingURL=getAttributesForm.graphql.d.ts.map

package/api/getAttributesForm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getAttributesForm';
+//# sourceMappingURL=index.d.ts.map

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/helpers/initializeOrderDetails.d.ts

@@ -1,2 +1,4 @@
-export declare const initializeOrderDetails: (config: Record<string, string | null> | undefined) => Promise<void>;
+import { OrderDataModel } from '../../data/models';
+
+export declare const initializeOrderDetails: (config: Record<string, string | OrderDataModel | null> | undefined) => Promise<void>;
 //# sourceMappingURL=initializeOrderDetails.d.ts.map

package/api/index.d.ts

@@ -3,4 +3,5 @@ export * from './fetch-graphql';
 export * from './getOrderDetailsById';
 export * from './getGuestOrder';
 export * from './guestOrderByToken';
+export * from './getAttributesForm';
 //# sourceMappingURL=index.d.ts.map

package/api.js

@@ -1,13 +1,55 @@
-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 p}from"@dropins/tools/lib.js";import{events as s}from"@dropins/tools/event-bus.js";import{f as n,h as d,a as o}from"./chunks/fetch-graphql.js";import{g as B,r as N,s as $,b as w,c as A}from"./chunks/fetch-graphql.js";import{O as m,a as c,A as _,t as u,b as h}from"./chunks/getGuestOrder.js";import{g as C}from"./chunks/getGuestOrder.js";import{g as F}from"./chunks/getAttributesForm.js";import"@dropins/tools/fetch-graphql.js";const O=`
 query ORDER_BY_NUMBER($orderNumber: String!) {
   customer {
     orders(
     filter: {number: {eq: $orderNumber}},
     ) {
       items {
+        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 {
+            ...OrderItems
+            ... on GiftCardOrderItem {
+              gift_card {
+                recipient_name
+                recipient_email
+                sender_name
+                sender_email
+                message
+              }
+            }
+          }
+         }
+      }
         payment_methods {
           name
+          type
         }
         shipping_address {
         ...AddressesList
@@ -15,12 +57,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 +77,89 @@ query ORDER_BY_NUMBER($orderNumber: String!) {
     }
   }
 }
+${m}
 ${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=`
+${_}
+`,g=async(e,r)=>await n(O,{method:"GET",cache:"force-cache",variables:{orderNumber:e}}).then(t=>{var a;return(a=t.errors)!=null&&a.length?d(t.errors):u(r??"orderData",t)}).catch(o),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
     }
   }
 }
+${m}
 ${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};
+${_}
+`,f=async e=>await n(b,{method:"GET",cache:"no-cache",variables:{token:e}}).then(r=>{var t;return(t=r.errors)!=null&&t.length?d(r.errors):h(r)}).catch(o),y=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 g(t)),a&&(r=await f(a)),r?s.emit("order/data",r):s.emit("order/error",{source:"order",type:"network",error:"The data was not received."})},l=new p({init:async e=>{const r={};l.config.setConfig({...r,...e}),y(e).catch(console.error)},listeners:()=>[]}),T=l.config;export{T as config,n as fetchGraphQl,F as getAttributesForm,B as getConfig,C as getGuestOrder,g as getOrderDetailsById,f as guestOrderByToken,l as initialize,N as removeFetchGraphQlHeader,$ as setEndpoint,w as setFetchGraphQlHeader,A as setFetchGraphQlHeaders};

package/chunks/CustomerDetailsContent.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 t}from"@dropins/tools/preact-jsx-runtime.js";import{Card as l,Skeleton as s,SkeletonRow as r}from"@dropins/tools/components.js";import"./CustomerDetailsContent.js";import{classes as n}from"@dropins/tools/lib.js";const h=({testId:a,withCard:d=!0})=>{const i=t(s,{"data-testid":a??"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 d?i:e(l,{variant:"secondary",className:n(["dropin-order-loaders","dropin-order-loaders--card-loader"]),children:i})},g=a=>e(l,{variant:"secondary",...a,children:t(s,{"data-testid":"order-details-skeleton",children:[e(r,{variant:"heading",size:"medium",fullWidth:!0}),e(r,{size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"})]})});export{h as C,g as D};

package/chunks/fetch-graphql.js

@@ -0,0 +1 @@
+import{events as f}from"@dropins/tools/event-bus.js";import{FetchGraphQL as u}from"@dropins/tools/fetch-graphql.js";const g=r=>{const t=r.map(e=>e.message).join(" ");throw Error(t)},m=r=>{throw r instanceof DOMException&&r.name==="AbortError"||f.emit("order/error",{source:"auth",type:"network",error:r.message}),r},i=r=>r.replace(/_([a-z])/g,(t,e)=>e.toUpperCase()),a=(r,t,e)=>{const c=["string","boolean","number"],p=i;return Array.isArray(r)?r.map(s=>c.includes(typeof s)||s===null?s:typeof s=="object"?a(s,t,e):s):r!==null&&typeof r=="object"?Object.entries(r).reduce((s,[n,o])=>{const h=e&&e[n]?e[n]:p(n);return s[h]=c.includes(typeof o)||o===null?o:a(o,t,e),s},{}):r},{setEndpoint:E,setFetchGraphQlHeader:w,removeFetchGraphQlHeader:A,setFetchGraphQlHeaders:C,fetchGraphQl:F,getConfig:G}=new u().getMethods();export{m as a,w as b,C as c,a as d,i as e,F as f,G as g,g as h,A as r,E as s};

package/chunks/getAttributesForm.js

@@ -0,0 +1,47 @@
+import{e as l,d as m,f as _,h as f,a as T}from"./fetch-graphql.js";const b=o=>{let t=[];for(const e of o)if(!(e.frontend_input!=="MULTILINE"||e.multiline_count<2))for(let s=2;s<=e.multiline_count;s++){const i={...e,name:`${e.code}_${s}`,code:`${e.code}_${s}`,id:`${e.code}_${s}`};t.push(i)}return t},h=o=>{var u,c,d;const t=((c=(u=o==null?void 0:o.data)==null?void 0:u.attributesForm)==null?void 0:c.items)||[];if(!t.length)return[];const e=(d=t.filter(r=>{var n;return!((n=r.frontend_input)!=null&&n.includes("HIDDEN"))}))==null?void 0:d.map(({code:r,...n})=>{const a=r!=="country_id"?r:"country_code";return{...n,name:a,id:a,code:a}}),s=b(e);return e.concat(s).map(r=>{const n=l(r.code);return m({...r,customUpperCode:n},"camelCase",{frontend_input:"fieldType",frontend_class:"className",is_required:"required",sort_order:"orderNumber"})}).sort((r,n)=>r.orderNumber-n.orderNumber)},E=`
+  query GET_ATTRIBUTES_FORM($formCode: String!) {
+    attributesForm(formCode: $formCode) {
+      items {
+        code
+        default_value
+        entity_type
+        frontend_class
+        frontend_input
+        is_required
+        is_unique
+        label
+        options {
+          is_default
+          label
+          value
+        }
+        ... on CustomerAttributeMetadata {
+          multiline_count
+          sort_order
+          validate_rules {
+            name
+            value
+          }
+        }
+      }
+      errors {
+        type
+        message
+      }
+    }
+  }
+`,C=`
+  query GET_ATTRIBUTES_FORM_SHORT {
+      attributesForm(formCode: customer_register_address) {
+      items {
+        frontend_input
+        label
+        code
+        ... on CustomerAttributeMetadata {
+          multiline_count
+          sort_order
+        }
+      }
+    }
+  }
+`,y=async o=>await _(o!=="shortRequest"?E:C,{method:"GET",cache:"force-cache",variables:{formCode:o}}).then(t=>{var e;return(e=t.errors)!=null&&e.length?f(t.errors):h(t)}).catch(T);export{y as g};

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{d as B,f as M,h as Q,a as L}from"./fetch-graphql.js";const w=`
 fragment OrderSummary on OrderTotal {
   grand_total {
     value
@@ -31,7 +31,7 @@ fragment OrderSummary on OrderTotal {
     }
     label
   }
-}`,g=`
+}`,F=`
 fragment AddressesList on OrderAddress {
   city
   company
@@ -48,12 +48,18 @@ fragment AddressesList on OrderAddress {
   suffix
   telephone
   vat_id
-}`,p=`
+}`,K=`
 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=`
+}`,P=n=>n||0,Y=n=>{var a,u,i;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:((u=n==null?void 0:n.thumbnail)==null?void 0:u.label)||"",url:((i=n==null?void 0:n.thumbnail)==null?void 0:i.url)||""}}},j=n=>{if(!n||!("selected_options"in n))return;const a={};for(const u of n.selected_options)a[u.label]=u.value;return a},z=n=>n==null?void 0:n.map(a=>{var u,i,c,l,t,_,y,s,p,g,e,f,O,h,b,q,E,T,R,G,x,S,k,C,N,A,D,$,U;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:((l=(c=(i=(u=a==null?void 0:a.product)==null?void 0:u.price_range)==null?void 0:i.maximum_price)==null?void 0:c.regular_price)==null?void 0:l.value)*(a==null?void 0:a.quantity_ordered)!==((t=a==null?void 0:a.product_sale_price)==null?void 0:t.value)*(a==null?void 0:a.quantity_ordered),total:{value:((_=a==null?void 0:a.product_sale_price)==null?void 0:_.value)*(a==null?void 0:a.quantity_ordered),currency:(y=a==null?void 0:a.product_sale_price)==null?void 0:y.currency},totalInclTax:{value:((s=a==null?void 0:a.product_sale_price)==null?void 0:s.value)*(a==null?void 0:a.quantity_ordered),currency:(p=a==null?void 0:a.product_sale_price)==null?void 0:p.currency},price:{value:(g=a==null?void 0:a.product_sale_price)==null?void 0:g.value,currency:(e=a==null?void 0:a.product_sale_price)==null?void 0:e.currency},priceInclTax:{value:(f=a==null?void 0:a.product_sale_price)==null?void 0:f.value,currency:(O=a==null?void 0:a.product_sale_price)==null?void 0:O.currency},totalQuantity:P(a==null?void 0:a.quantity_ordered),regularPrice:{value:(E=(q=(b=(h=a==null?void 0:a.product)==null?void 0:h.price_range)==null?void 0:b.maximum_price)==null?void 0:q.regular_price)==null?void 0:E.value,currency:(x=(G=(R=(T=a==null?void 0:a.product)==null?void 0:T.price_range)==null?void 0:R.maximum_price)==null?void 0:G.regular_price)==null?void 0:x.currency},product:Y(a==null?void 0:a.product),thumbnail:{label:((k=(S=a==null?void 0:a.product)==null?void 0:S.thumbnail)==null?void 0:k.label)||"",url:((N=(C=a==null?void 0:a.product)==null?void 0:C.thumbnail)==null?void 0:N.url)||""},giftCard:(a==null?void 0:a.__typename)==="GiftCardOrderItem"?{senderName:((A=a.gift_card)==null?void 0:A.sender_name)||"",senderEmail:((D=a.gift_card)==null?void 0:D.sender_email)||"",recipientEmail:(($=a.gift_card)==null?void 0:$.recipient_email)||"",recipientName:((U=a.gift_card)==null?void 0:U.recipient_name)||""}:void 0,configurableOptions:j(a)}}),v=n=>{var s,p,g,e,f;const a=z(n.items),{total:u,...i}=B({...n,items:a},"camelCase",{applied_coupons:"coupons",__typename:"__typename",firstname:"firstName",middlename:"middleName",lastname:"lastName",postcode:"postCode",payment_methods:"payments"}),c=(s=n==null?void 0:n.payment_methods)==null?void 0:s[0],l=(c==null?void 0:c.type)||"",t=(c==null?void 0:c.name)||"",_=(p=i==null?void 0:i.items)==null?void 0:p.reduce((O,h)=>O+h.totalQuantity,0);return{...u,...i,totalQuantity:_,shipping:{amount:((g=i==null?void 0:i.total)==null?void 0:g.totalShipping.value)??0,currency:((f=(e=i.total)==null?void 0:e.totalShipping)==null?void 0:f.currency)||"",code:i.shippingMethod??""},payments:[{code:l,name:t}]}},X=(n,a)=>{var u,i,c,l,t,_,y;if((l=(c=(i=(u=a==null?void 0:a.data)==null?void 0:u.customer)==null?void 0:i.orders)==null?void 0:c.items)!=null&&l.length&&n==="orderData"){const s=(y=(_=(t=a==null?void 0:a.data)==null?void 0:t.customer)==null?void 0:_.orders)==null?void 0:y.items[0];return v(s)}return null},H=n=>{var u,i;if(!((u=n==null?void 0:n.data)!=null&&u.guestOrder))return null;const a=(i=n==null?void 0:n.data)==null?void 0:i.guestOrder;return v(a)},Z=n=>{var u,i;if(!((u=n==null?void 0:n.data)!=null&&u.guestOrderByToken))return null;const a=(i=n==null?void 0:n.data)==null?void 0:i.guestOrderByToken;return v(a)},J=`
   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
+    }
+  }
+${w}
+${F}
+${K}
+`,V=`
   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};
+${J}
+`,d=async n=>await M(V,{method:"GET",cache:"no-cache",variables:{input:n}}).then(a=>{var u;return(u=a.errors)!=null&&u.length?Q(a.errors):H(a)}).catch(L);export{F as A,w as O,K as a,Z as b,d as g,X as t};

package/components/CustomerDetailsContent/CustomerDetailsContent.d.ts

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

package/components/CustomerDetailsContent/index.d.ts

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

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,7 @@
+
+export declare const CardLoader: ({ testId, withCard, }: {
+    testId?: string | undefined;
+    withCard?: boolean | undefined;
+}) => import("preact").JSX.Element;
+export declare const DetailsSkeleton: (props: any) => 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,8 @@
 export * from './OrderSearchForm';
 export * from './Form';
+export * from './OrderStatusContent';
+export * from './ShippingStatusCard';
+export * from './OrderLoaders';
+export * from './OrderActions';
+export * from './CustomerDetailsContent';
 //# sourceMappingURL=index.d.ts.map

package/configs/defaultAttributePreset.config.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultAttributePreset: string[];
+//# sourceMappingURL=defaultAttributePreset.config.d.ts.map