@dropins/storefront-order 0.1.0-alpha5 → 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/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,10 +1,11 @@
-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=`
+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
@@ -76,10 +77,10 @@ query ORDER_BY_NUMBER($orderNumber: String!) {
     }
   }
 }
-${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=`
+${m}
+${c}
+${_}
+`,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 }) {
     email
@@ -158,7 +159,7 @@ query ORDER_BY_TOKEN($token: String!) {
     }
   }
 }
-${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};
+${m}
+${c}
+${_}
+`,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/OrderLoaders.js

@@ -1 +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};
+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 M}from"@dropins/tools/event-bus.js";import{FetchGraphQL as F}from"@dropins/tools/fetch-graphql.js";const U=`
+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
   }
-}`,$=`
+}`,F=`
 fragment AddressesList on OrderAddress {
   city
   company
@@ -48,7 +48,7 @@ fragment AddressesList on OrderAddress {
   suffix
   telephone
   vat_id
-}`,L=`
+}`,K=`
 fragment OrderItems on OrderItem {
   __typename
   status
@@ -87,7 +87,7 @@ fragment OrderItems on OrderItem {
       }
     }
   }
-}`,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=`
+}`,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 {
     email
     id
@@ -164,14 +164,14 @@ fragment OrderItems on OrderItem {
   ...OrderSummary
     }
   }
-${U}
-${$}
-${L}
-`,X=`
+${w}
+${F}
+${K}
+`,V=`
   query GET_GUEST_ORDER($input: OrderInformationInput!) {
   guestOrder(input:$input) {
     ...guestOrderData
     }
   }
-${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};
+${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/OrderLoaders/OrderLoaders.d.ts

@@ -3,4 +3,5 @@ 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/index.d.ts

@@ -4,4 +4,5 @@ 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

package/configs/mock.config.d.ts

@@ -878,4 +878,57 @@ export declare const storyBookOrderData: {
         code: string;
     };
 };
+export declare const storyBookShortOrderData: {
+    email: string;
+    status: string;
+    number: string;
+    id: string;
+    orderDate: string;
+    carrier: string;
+    shippingMethod: string;
+    payments: {
+        code: string;
+        name: string;
+    }[];
+    totalQuantity: number;
+    shipping: {
+        amount: number;
+        currency: string;
+        code: string;
+    };
+};
+export declare const storyBookNormalizeAddress: {
+    billingAddress: ({
+        name: string;
+        orderNumber: number;
+        value: string;
+        label: null;
+    } | {
+        name: string;
+        orderNumber: number;
+        value: string[];
+        label: null;
+    } | {
+        name: string;
+        orderNumber: number;
+        value: string;
+        label: string;
+    })[];
+    shippingAddress: ({
+        name: string;
+        orderNumber: number;
+        value: string;
+        label: null;
+    } | {
+        name: string;
+        orderNumber: number;
+        value: string[];
+        label: null;
+    } | {
+        name: string;
+        orderNumber: number;
+        value: string;
+        label: string;
+    })[];
+};
 //# sourceMappingURL=mock.config.d.ts.map

package/containers/CustomerDetails/CustomerDetails.d.ts

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

package/containers/CustomerDetails/index.d.ts

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

package/containers/CustomerDetails.d.ts

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

package/containers/CustomerDetails.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as p,Fragment as L}from"@dropins/tools/preact-jsx-runtime.js";import{classes as k}from"@dropins/tools/lib.js";import{useMemo as O,useState as v,useEffect as D,useCallback as V}from"@dropins/tools/preact-hooks.js";import{events as S}from"@dropins/tools/event-bus.js";import{e as W}from"../chunks/fetch-graphql.js";import{g as j}from"../chunks/getAttributesForm.js";import{Card as P,Header as Z,Price as x,Icon as z}from"@dropins/tools/components.js";import"../chunks/CustomerDetailsContent.js";import*as o from"@dropins/tools/preact-compat.js";import{D as B}from"../chunks/OrderLoaders.js";import{useText as q}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const F=d=>o.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},o.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"}),o.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),K=d=>o.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},o.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}),o.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}),o.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3.01465 15.9682H8.40305",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}),o.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}),o.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})),R=({loading:d,order:i,withHeader:f=!0,title:l,paymentIconsMap:u={},normalizeAddress:h})=>{var E,N,A,T,$,y,w;const a=q({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"}),g=O(()=>({checkmo:F,card:K,...u}),[u]);if(!i||d)return t(B,{});const C=(i==null?void 0:i.email)??"",n=(E=i==null?void 0:i.shipping)==null?void 0:E.code,c=(N=i==null?void 0:i.shipping)==null?void 0:N.amount,s=(A=i==null?void 0:i.shipping)==null?void 0:A.currency,m=i==null?void 0:i.payments,_=m&&m.length>0,b=_?(T=m[0])==null?void 0:T.name:"",M=_?($=m[0])==null?void 0:$.code:"",H=_&&b!=="";return p(P,{"data-testid":"order-details",variant:"secondary",className:k(["dropin-details"]),children:[f?t(Z,{title:l??a.headerText}):null,p("div",{className:"dropin-details__container",children:[p("div",{className:"dropin-details__container-email",children:[t("div",{className:"dropin-details__container-title",children:a.emailTitle}),t("p",{children:C})]}),p("div",{className:"dropin-details__container-shipping_address",children:[t("div",{className:"dropin-details__container-title",children:a.shippingAddressTitle}),t("div",{className:"dropin-details__container-description",children:(y=h.shippingAddress)==null?void 0:y.filter(({value:e})=>e).map((e,r)=>r===1?t("p",{"data-testid":`${e.name}_${r}`,children:t("span",{children:e.label?`${e.label}: ${e==null?void 0:e.value}`:e==null?void 0:e.value})},r):t("p",{"data-testid":`${e.name}_${r}`,children:e.label?`${e.label}: ${e==null?void 0:e.value}`:e==null?void 0:e.value},r))})]}),p("div",{className:"dropin-details__container-billing_address",children:[t("div",{className:"dropin-details__container-title",children:a.billingAddressTitle}),t("div",{className:"dropin-details__container-description",children:(w=h.billingAddress)==null?void 0:w.filter(({value:e})=>e).map((e,r)=>r===1||r===5?t("p",{"data-testid":`${e.name}_${r}`,children:t("span",{children:e.label?`${e.label}: ${e==null?void 0:e.value}`:e==null?void 0:e.value})},r):t("p",{"data-testid":`${e.name}_${r}`,children:e.label?`${e.label}: ${e==null?void 0:e.value}`:e==null?void 0:e.value},r))})]}),p("div",{className:"dropin-details__container-shipping_methods",children:[t("div",{className:"dropin-details__container-title",children:a.shippingMethodsTitle}),n?t(L,{children:c?p("p",{"data-testid":"shipping_methods_price",children:[t(x,{amount:c,currency:s})," ",n]}):t("p",{"data-testid":"shipping_methods_placeholder",children:a.freeShipping})}):null]}),p("div",{className:"dropin-details__container-billing_methods",children:[t("div",{className:"dropin-details__container-title",children:a.billingMethodsTitle}),H&&p("p",{"data-testid":"billing_methods_description",className:k([["dropin-details__container-billing_methods--icon",!!g[M]]]),children:[t(z,{source:g[M]}),b]})]})]})]})},G=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],I=({orderData:d})=>{const[i,f]=v(!0),[l,u]=v(d),[h,a]=v([]);D(()=>{const n=S.on("order/data",c=>{u(c)},{eager:!0});return()=>{n==null||n.off()}},[]),D(()=>{j("shortRequest").then(n=>{if(n){const c=n.map(({name:s,orderNumber:m,label:_})=>({name:W(s),orderNumber:m,label:G.includes(s)?null:_}));a(c)}}).finally(()=>{f(!1)})},[]);const g=V(n=>{if(!h.length||!l||!l[n])return[];const c=Object.fromEntries(Object.entries(l[n]).map(([s,m])=>[s.toLowerCase(),m]));return h.filter(({name:s})=>c[s.toLowerCase()]).map(s=>({name:s.name,orderNumber:s.orderNumber,value:c[s.name],label:s.label}))},[h,l]),C=O(()=>({billingAddress:g("billingAddress"),shippingAddress:g("shippingAddress")}),[g]);return{order:l,normalizeAddress:C,loading:i}},ae=({paymentIconsMap:d,orderData:i,title:f,className:l})=>{const{order:u,normalizeAddress:h,loading:a}=I({orderData:i});return t("div",{className:k(["dropin-customer-details",l]),children:t(R,{loading:a,order:u,title:f,paymentIconsMap:d,normalizeAddress:h})})};export{ae as CustomerDetails,ae as default};

package/containers/OrderSearch.js

@@ -1 +1 @@
-import{jsxs as h,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{classes as E}from"@dropins/tools/lib.js";import{Card as S,InLineAlert as I,Icon as O,Button as N}from"@dropins/tools/components.js";import{F as y}from"../chunks/OrderActions.js";import{useState as m,useMemo as A,useCallback as D}from"@dropins/tools/preact-hooks.js";import*as f from"@dropins/tools/preact-compat.js";import{Text as d,useText as b}from"@dropins/tools/i18n.js";import{events as g}from"@dropins/tools/event-bus.js";import{i as M}from"../chunks/getGuestOrder.js";import"@dropins/tools/fetch-graphql.js";const _=e=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},f.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"})),v=({onSubmit:e,loading:t,inLineAlert:o,fieldsConfig:r})=>h(S,{variant:"secondary",className:"dropin-order-search-form",children:[a("h2",{className:"dropin-order-search-form__title",children:a(d,{id:"Order.OrderSearchForm.title"})}),a("p",{children:a(d,{id:"Order.OrderSearchForm.description"})}),o.text?a(I,{"data-testid":"orderAlert",className:"dropin-order-search-form__alert",type:o.type,variant:"secondary",heading:o.text,icon:a(O,{source:_})}):null,a(y,{className:"dropin-order-search-form__wrapper",name:"orderSearchForm",loading:t,fieldsConfig:r,onSubmit:e,children:a("div",{className:"dropin-order-search-form__button-container",children:a(N,{className:"dropin-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:t,children:a(d,{id:"Order.OrderSearchForm.button"})},"logIn")})})]});var c=(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))(c||{});const R=e=>{if(!e)return null;const t=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(r=>{t.has(r.name)||t.set(r.name,"false"),r.checked&&t.set(r.name,"true")}),t&&typeof t.entries=="function"){const r=t.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},C=({onError:e})=>{const[t,o]=m({text:"",type:"success"}),[r,i]=m(!1),n=b({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),p=A(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.email,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.postcode,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.number,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[n]);return{onSubmit:D(async(u,T)=>{if(!T)return null;i(!0);const l=R(u.target);await M(l).then(s=>{s||o({text:n.invalidSearch,type:"warning"}),g.emit("order/data",s)}).catch(async s=>{(await(e==null?void 0:e({error:s.message,formValues:l}))??!0)&&o({text:s.message,type:"warning"})}).finally(()=>{i(!1)})},[e,n]),inLineAlert:t,loading:r,normalizeFieldsConfig:p}},B=({className:e,onError:t})=>{const{onSubmit:o,loading:r,inLineAlert:i,normalizeFieldsConfig:n}=C({onError:t});return a("div",{className:E(["dropin-order-search",e]),children:a(v,{onSubmit:o,loading:r,inLineAlert:i,fieldsConfig:n})})};export{B as OrderSearch,B as default};
+import{jsxs as h,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{classes as E}from"@dropins/tools/lib.js";import{Card as S,InLineAlert as I,Icon as O,Button as N}from"@dropins/tools/components.js";import{F as y}from"../chunks/CustomerDetailsContent.js";import{useState as m,useMemo as A,useCallback as D}from"@dropins/tools/preact-hooks.js";import*as f from"@dropins/tools/preact-compat.js";import{Text as d,useText as g}from"@dropins/tools/i18n.js";import{events as b}from"@dropins/tools/event-bus.js";import{g as M}from"../chunks/getGuestOrder.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const _=e=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},f.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"})),v=({onSubmit:e,loading:t,inLineAlert:o,fieldsConfig:r})=>h(S,{variant:"secondary",className:"dropin-order-search-form",children:[a("h2",{className:"dropin-order-search-form__title",children:a(d,{id:"Order.OrderSearchForm.title"})}),a("p",{children:a(d,{id:"Order.OrderSearchForm.description"})}),o.text?a(I,{"data-testid":"orderAlert",className:"dropin-order-search-form__alert",type:o.type,variant:"secondary",heading:o.text,icon:a(O,{source:_})}):null,a(y,{className:"dropin-order-search-form__wrapper",name:"orderSearchForm",loading:t,fieldsConfig:r,onSubmit:e,children:a("div",{className:"dropin-order-search-form__button-container",children:a(N,{className:"dropin-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:t,children:a(d,{id:"Order.OrderSearchForm.button"})},"logIn")})})]});var c=(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))(c||{});const R=e=>{if(!e)return null;const t=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(r=>{t.has(r.name)||t.set(r.name,"false"),r.checked&&t.set(r.name,"true")}),t&&typeof t.entries=="function"){const r=t.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},C=({onError:e})=>{const[t,o]=m({text:"",type:"success"}),[r,i]=m(!1),n=g({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),p=A(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.email,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.postcode,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:n.number,options:[],defaultValue:"",fieldType:c.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[n]);return{onSubmit:D(async(u,T)=>{if(!T)return null;i(!0);const l=R(u.target);await M(l).then(s=>{s||o({text:n.invalidSearch,type:"warning"}),b.emit("order/data",s)}).catch(async s=>{(await(e==null?void 0:e({error:s.message,formValues:l}))??!0)&&o({text:s.message,type:"warning"})}).finally(()=>{i(!1)})},[e,n]),inLineAlert:t,loading:r,normalizeFieldsConfig:p}},j=({className:e,onError:t})=>{const{onSubmit:o,loading:r,inLineAlert:i,normalizeFieldsConfig:n}=C({onError:t});return a("div",{className:E(["dropin-order-search",e]),children:a(v,{onSubmit:o,loading:r,inLineAlert:i,fieldsConfig:n})})};export{j as OrderSearch,j as default};

package/containers/OrderStatus.js

@@ -1 +1 @@
-import{jsx as t,jsxs as O,Fragment as S}from"@dropins/tools/preact-jsx-runtime.js";import{Card as v,Header as E,Button as p}from"@dropins/tools/components.js";import"../chunks/OrderActions.js";import{Slot as g,classes as m}from"@dropins/tools/lib.js";import{useState as C,useEffect as N}from"@dropins/tools/preact-hooks.js";import{useMemo as w}from"@dropins/tools/preact-compat.js";import{useText as l}from"@dropins/tools/i18n.js";import{C as y}from"../chunks/OrderLoaders.js";import{events as A}from"@dropins/tools/event-bus.js";const f={pending:"orderPending",shiping:"orderShipped",complete:"orderComplete",processing:"orderProcessing","on hold":"orderOnHold",canceled:"orderCanceled","suspected fraud":"orderSuspectedFraud","payment Review":"orderPaymentReview","order received":"orderReceived"},_=({slots:r,title:a,status:n,orderData:e})=>{var s;const c=String(n).toLocaleLowerCase(),d=l(`Order.OrderStatusContent.${f[c]}.title`),o=l(`Order.OrderStatusContent.${f[c]}.message`);return n?O(v,{className:"dropin-order-status-content",variant:"secondary",children:[t(E,{title:a??d.title}),O("div",{className:"dropin-order-status-content__wrapper",children:[t("div",{className:"dropin-order-status-content__wrapper-description",children:t("p",{children:(s=o.message)==null?void 0:s.replace("{DATE}","01.01.1900")})}),t(T,{orderData:e,slots:r})]})]}):t("div",{})};var i=(r=>(r.CANCEL="CANCEL",r.RETURN="RETURN",r.REORDER="REORDER",r))(i||{});const T=({className:r,children:a,orderData:n,slots:e,...c})=>{const d=l({cancel:"Order.OrderStatusContent.actions.cancel",return:"Order.OrderStatusContent.actions.return",reorder:"Order.OrderStatusContent.actions.reorder"}),o=w(()=>{const s=n==null?void 0:n.availableActions,h=!!(s!=null&&s.length);return t(S,{children:e!=null&&e.OrderActions?t(g,{"data-testid":"OrderActionsSlot",name:"OrderCanceledActions",slot:e==null?void 0:e.OrderActions,context:n}):t("div",{"data-testid":"availableActionsList",className:m(["dropin-order-actions__wrapper",["dropin-order-actions__wrapper--empty",!h]]),children:s==null?void 0:s.map((R,u)=>{switch(R){case i.CANCEL:return t(p,{variant:"secondary",children:d.cancel},u);case i.RETURN:return t(p,{variant:"secondary",children:d.return},u);case i.REORDER:return t(p,{variant:"secondary",children:d.reorder},u)}})})})},[n,e==null?void 0:e.OrderActions,d]);return t("div",{...c,className:m(["dropin-order-actions",r]),children:o})},L=({orderData:r})=>{const[a,n]=C(r),[e,c]=C(r==null?void 0:r.status);return N(()=>{const d=A.on("order/data",o=>{n(o),c(o.status)},{eager:!0});return()=>{d&&d.off()}},[]),{orderStatus:e,order:a}},k=({slots:r,orderData:a,className:n,statusTitle:e,status:c})=>{const{orderStatus:d,order:o}=L({orderData:a});return t("div",{className:m(["dropin-order-status",n]),children:o?t(_,{title:e,status:c||d,slots:r,orderData:o}):t(y,{withCard:!1})})};export{k as OrderStatus,k as default};
+import{jsx as t,jsxs as O,Fragment as f}from"@dropins/tools/preact-jsx-runtime.js";import{Card as E,Header as v,Button as p}from"@dropins/tools/components.js";import"../chunks/CustomerDetailsContent.js";import{Slot as g,classes as m}from"@dropins/tools/lib.js";import{useState as C,useEffect as N}from"@dropins/tools/preact-hooks.js";import{useMemo as w}from"@dropins/tools/preact-compat.js";import{useText as l}from"@dropins/tools/i18n.js";import{C as y}from"../chunks/OrderLoaders.js";import{events as A}from"@dropins/tools/event-bus.js";const h={pending:"orderPending",shiping:"orderShipped",complete:"orderComplete",processing:"orderProcessing","on hold":"orderOnHold",canceled:"orderCanceled","suspected fraud":"orderSuspectedFraud","payment Review":"orderPaymentReview","order received":"orderReceived"},_=({slots:r,title:a,status:n,orderData:e})=>{var s;const c=String(n).toLocaleLowerCase(),d=l(`Order.OrderStatusContent.${h[c]}.title`),o=l(`Order.OrderStatusContent.${h[c]}.message`);return n?O(E,{className:"dropin-order-status-content",variant:"secondary",children:[t(v,{title:a??d.title}),O("div",{className:"dropin-order-status-content__wrapper",children:[t("div",{className:"dropin-order-status-content__wrapper-description",children:t("p",{children:(s=o.message)==null?void 0:s.replace("{DATE}","01.01.1900")})}),t(T,{orderData:e,slots:r})]})]}):t("div",{})};var i=(r=>(r.CANCEL="CANCEL",r.RETURN="RETURN",r.REORDER="REORDER",r))(i||{});const T=({className:r,children:a,orderData:n,slots:e,...c})=>{const d=l({cancel:"Order.OrderStatusContent.actions.cancel",return:"Order.OrderStatusContent.actions.return",reorder:"Order.OrderStatusContent.actions.reorder"}),o=w(()=>{const s=n==null?void 0:n.availableActions,R=!!(s!=null&&s.length);return t(f,{children:e!=null&&e.OrderActions?t(g,{"data-testid":"OrderActionsSlot",name:"OrderCanceledActions",slot:e==null?void 0:e.OrderActions,context:n}):t("div",{"data-testid":"availableActionsList",className:m(["dropin-order-actions__wrapper",["dropin-order-actions__wrapper--empty",!R]]),children:s==null?void 0:s.map((S,u)=>{switch(S){case i.CANCEL:return t(p,{variant:"secondary",children:d.cancel},u);case i.RETURN:return t(p,{variant:"secondary",children:d.return},u);case i.REORDER:return t(p,{variant:"secondary",children:d.reorder},u)}})})})},[n,e==null?void 0:e.OrderActions,d]);return t("div",{...c,className:m(["dropin-order-actions",r]),children:o})},L=({orderData:r})=>{const[a,n]=C(r),[e,c]=C(r==null?void 0:r.status);return N(()=>{const d=A.on("order/data",o=>{n(o),c(o.status)},{eager:!0});return()=>{d==null||d.off()}},[]),{orderStatus:e,order:a}},k=({slots:r,orderData:a,className:n,statusTitle:e,status:c})=>{const{orderStatus:d,order:o}=L({orderData:a});return t("div",{className:m(["dropin-order-status",n]),children:o?t(_,{title:e,status:c||d,slots:r,orderData:o}):t(y,{withCard:!1})})};export{k as OrderStatus,k as default};

package/containers/ShippingStatus.js

@@ -1 +1 @@
-import{jsx as e,jsxs as h,Fragment as $}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as A,classes as G}from"@dropins/tools/lib.js";import{Image as E,Card as m,Header as C,Accordion as b,AccordionSection as x}from"@dropins/tools/components.js";import"../chunks/OrderActions.js";import{useCallback as H,useState as M,useEffect as R}from"@dropins/tools/preact-hooks.js";import{useText as U}from"@dropins/tools/i18n.js";import{C as Y}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact-compat.js";import{events as j}from"@dropins/tools/event-bus.js";var f=(i=>(i.PENDING="pending",i.SHIPPING="shipping",i.COMPLETE="complete",i.PROCESSING="processing",i.HOLD="on hold",i.CANCELED="Canceled",i.SUSPECTED_FRAUD="suspected fraud",i.PAYMENT_REVIEW="payment review",i))(f||{});const F=({slots:i,orderData:n,collapseThreshold:o=0})=>{var T,S,v,I,O;const c=U({carrier:"Order.ShippingStatusCard.carrier",prepositionOf:"Order.ShippingStatusCard.prepositionOf",shippingCardTitle:"Order.ShippingStatusCard.shippingCardTitle",shippingInfoTitle:"Order.ShippingStatusCard.shippingInfoTitle",notYetShippedTitle:"Order.ShippingStatusCard.notYetShippedTitle",notYetShippedImagesTitle:"Order.ShippingStatusCard.notYetShippedImagesTitle",noInfoTitle:"Order.OrderStatusContent.noInfoTitle"}),r=H(t=>t==null?void 0:t.map(p=>{var l,g,_,y,L,N;const a=(_=(g=(l=p==null?void 0:p.orderItem)==null?void 0:l.product)==null?void 0:g.thumbnail)==null?void 0:_.label,u=(N=(L=(y=p==null?void 0:p.orderItem)==null?void 0:y.product)==null?void 0:L.thumbnail)==null?void 0:N.url;return e(E,{alt:a,src:u,width:85,height:114},p.id)}),[]),d=(T=n==null?void 0:n.status)==null?void 0:T.toLocaleLowerCase(),w=((S=n==null?void 0:n.shipments)==null?void 0:S.length)===1&&(d==null?void 0:d.includes(f.COMPLETE)),s=(v=n==null?void 0:n.items)==null?void 0:v.filter(t=>(t==null?void 0:t.quantityShipped)===0);return!n||d!=null&&d.includes(f.CANCELED)?null:(I=n==null?void 0:n.shipments)!=null&&I.length?h($,{children:[(O=n==null?void 0:n.shipments)==null?void 0:O.map(({tracking:t,items:p,id:a},u)=>h(m,{variant:"secondary",className:"dropin-shipping-status-card",children:[e(C,{title:`${c.shippingCardTitle} ${u+1}`}),t==null?void 0:t.map(l=>{var g;return h("div",{className:"dropin-shipping-status-card__header",children:[h("div",{className:"dropin-shipping-status-card__header--content",children:[h("p",{children:[c.carrier," ",(g=l==null?void 0:l.carrier)==null?void 0:g.toLocaleUpperCase()," | ",l==null?void 0:l.number]}),e("p",{children:l==null?void 0:l.title})]}),i!=null&&i.DeliveryTrackActions?e(A,{"data-testid":"deliverySlotActions",name:"DeliveryTrackActions",slot:i==null?void 0:i.DeliveryTrackActions,context:{trackInformation:l}}):null]},l.number)}),w?null:e(b,{actionIconPosition:"right","data-testid":"dropinAccordion",children:e(x,{defaultOpen:o>=(p==null?void 0:p.length),title:`Package contents (${p==null?void 0:p.length} items)`,children:e("div",{className:"dropin-shipping-status-card__images",children:r(p)})})}),i!=null&&i.DeliveryTimeLine?e(A,{"data-testid":"deliverySlotTimeLine",name:"DeliveryTimeLine",slot:i==null?void 0:i.DeliveryTimeLine,context:{}}):null]},a)),s!=null&&s.length?h(m,{variant:"secondary",className:"dropin-shipping-status-card","data-testid":"dropinAccordionNotYetShipped2",children:[e(C,{title:c.notYetShippedTitle}),e(b,{actionIconPosition:"right",children:e(x,{title:`${c.notYetShippedImagesTitle} ${s==null?void 0:s.length}`,children:e("div",{className:"dropin-shipping-status-card__images",children:s==null?void 0:s.map(({id:t,thumbnail:{url:p,label:a}})=>e(E,{alt:a,src:p,width:85,height:114},t))})})})]}):null]}):h(m,{variant:"secondary",className:"dropin-shipping-status-card",children:[e(C,{title:c.shippingInfoTitle}),e("div",{className:"dropin-shipping-status-card__header",children:h("div",{className:"dropin-shipping-status-card__header--content",children:[n!=null&&n.carrier?e("p",{children:n==null?void 0:n.carrier}):null,e("p",{children:c.noInfoTitle})]})})]})},q=({orderData:i})=>{const[n,o]=M(i);return R(()=>{const c=j.on("order/data",r=>{o(r)},{eager:!0});return()=>{c&&c.off()}},[]),{order:n}},k=({slots:i,className:n,collapseThreshold:o,orderData:c})=>{const{order:r}=q({orderData:c});return e("div",{className:G(["dropin-shipping-status",n]),children:r?e(F,{slots:i,orderData:r,collapseThreshold:o}):e(Y,{withCard:!1})})};export{k as ShippingStatus,k as default};
+import{jsx as e,jsxs as h,Fragment as $}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as A,classes as G}from"@dropins/tools/lib.js";import{Image as E,Card as m,Header as C,Accordion as b,AccordionSection as x}from"@dropins/tools/components.js";import"../chunks/CustomerDetailsContent.js";import{useCallback as H,useState as M,useEffect as R}from"@dropins/tools/preact-hooks.js";import{useText as U}from"@dropins/tools/i18n.js";import{C as Y}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact-compat.js";import{events as j}from"@dropins/tools/event-bus.js";var f=(i=>(i.PENDING="pending",i.SHIPPING="shipping",i.COMPLETE="complete",i.PROCESSING="processing",i.HOLD="on hold",i.CANCELED="Canceled",i.SUSPECTED_FRAUD="suspected fraud",i.PAYMENT_REVIEW="payment review",i))(f||{});const F=({slots:i,orderData:n,collapseThreshold:o=0})=>{var T,S,I,v,O;const c=U({carrier:"Order.ShippingStatusCard.carrier",prepositionOf:"Order.ShippingStatusCard.prepositionOf",shippingCardTitle:"Order.ShippingStatusCard.shippingCardTitle",shippingInfoTitle:"Order.ShippingStatusCard.shippingInfoTitle",notYetShippedTitle:"Order.ShippingStatusCard.notYetShippedTitle",notYetShippedImagesTitle:"Order.ShippingStatusCard.notYetShippedImagesTitle",noInfoTitle:"Order.OrderStatusContent.noInfoTitle"}),r=H(t=>t==null?void 0:t.map(p=>{var l,g,_,y,L,N;const a=(_=(g=(l=p==null?void 0:p.orderItem)==null?void 0:l.product)==null?void 0:g.thumbnail)==null?void 0:_.label,u=(N=(L=(y=p==null?void 0:p.orderItem)==null?void 0:y.product)==null?void 0:L.thumbnail)==null?void 0:N.url;return e(E,{alt:a,src:u,width:85,height:114},p.id)}),[]),d=(T=n==null?void 0:n.status)==null?void 0:T.toLocaleLowerCase(),w=((S=n==null?void 0:n.shipments)==null?void 0:S.length)===1&&(d==null?void 0:d.includes(f.COMPLETE)),s=(I=n==null?void 0:n.items)==null?void 0:I.filter(t=>(t==null?void 0:t.quantityShipped)===0);return!n||d!=null&&d.includes(f.CANCELED)?null:(v=n==null?void 0:n.shipments)!=null&&v.length?h($,{children:[(O=n==null?void 0:n.shipments)==null?void 0:O.map(({tracking:t,items:p,id:a},u)=>h(m,{variant:"secondary",className:"dropin-shipping-status-card",children:[e(C,{title:`${c.shippingCardTitle} ${u+1}`}),t==null?void 0:t.map(l=>{var g;return h("div",{className:"dropin-shipping-status-card__header",children:[h("div",{className:"dropin-shipping-status-card__header--content",children:[h("p",{children:[c.carrier," ",(g=l==null?void 0:l.carrier)==null?void 0:g.toLocaleUpperCase()," | ",l==null?void 0:l.number]}),e("p",{children:l==null?void 0:l.title})]}),i!=null&&i.DeliveryTrackActions?e(A,{"data-testid":"deliverySlotActions",name:"DeliveryTrackActions",slot:i==null?void 0:i.DeliveryTrackActions,context:{trackInformation:l}}):null]},l.number)}),w?null:e(b,{actionIconPosition:"right","data-testid":"dropinAccordion",children:e(x,{defaultOpen:o>=(p==null?void 0:p.length),title:`Package contents (${p==null?void 0:p.length} items)`,children:e("div",{className:"dropin-shipping-status-card__images",children:r(p)})})}),i!=null&&i.DeliveryTimeLine?e(A,{"data-testid":"deliverySlotTimeLine",name:"DeliveryTimeLine",slot:i==null?void 0:i.DeliveryTimeLine,context:{}}):null]},a)),s!=null&&s.length?h(m,{variant:"secondary",className:"dropin-shipping-status-card","data-testid":"dropinAccordionNotYetShipped2",children:[e(C,{title:c.notYetShippedTitle}),e(b,{actionIconPosition:"right",children:e(x,{title:`${c.notYetShippedImagesTitle} ${s==null?void 0:s.length}`,children:e("div",{className:"dropin-shipping-status-card__images",children:s==null?void 0:s.map(({id:t,thumbnail:{url:p,label:a}})=>e(E,{alt:a,src:p,width:85,height:114},t))})})})]}):null]}):h(m,{variant:"secondary",className:"dropin-shipping-status-card",children:[e(C,{title:c.shippingInfoTitle}),e("div",{className:"dropin-shipping-status-card__header",children:h("div",{className:"dropin-shipping-status-card__header--content",children:[n!=null&&n.carrier?e("p",{children:n==null?void 0:n.carrier}):null,e("p",{children:c.noInfoTitle})]})})]})},q=({orderData:i})=>{const[n,o]=M(i);return R(()=>{const c=j.on("order/data",r=>{o(r)},{eager:!0});return()=>{c==null||c.off()}},[]),{order:n}},k=({slots:i,className:n,collapseThreshold:o,orderData:c})=>{const{order:r}=q({orderData:c});return e("div",{className:G(["dropin-shipping-status",n]),children:r?e(F,{slots:i,orderData:r,collapseThreshold:o}):e(Y,{withCard:!1})})};export{k as ShippingStatus,k as default};

package/containers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './OrderSearch';
 export * from './OrderStatus';
 export * from './ShippingStatus';
+export * from './CustomerDetails';
 //# sourceMappingURL=index.d.ts.map

package/data/models/attributes-form.d.ts

@@ -0,0 +1,46 @@
+export declare enum FieldEnumList {
+    BOOLEAN = "BOOLEAN",
+    DATE = "DATE",
+    DATETIME = "DATETIME",
+    DROPDOWN = "DROPDOWN",
+    FILE = "FILE",
+    GALLERY = "GALLERY",
+    HIDDEN = "HIDDEN",
+    IMAGE = "IMAGE",
+    MEDIA_IMAGE = "MEDIA_IMAGE",
+    MULTILINE = "MULTILINE",
+    MULTISELECT = "MULTISELECT",
+    PRICE = "PRICE",
+    SELECT = "SELECT",
+    TEXT = "TEXT",
+    TEXTAREA = "TEXTAREA",
+    UNDEFINED = "UNDEFINED",
+    VISUAL = "VISUAL",
+    WEIGHT = "WEIGHT",
+    EMPTY = ""
+}
+export interface AttributesFormItemsProps {
+    code?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    label?: string;
+    options?: {
+        is_default: boolean;
+        label: string;
+        value: string;
+    }[];
+    entityType?: string;
+    className?: string;
+    defaultValue?: string | boolean | number;
+    fieldType?: FieldEnumList;
+    multilineCount?: number;
+    isUnique?: boolean;
+    orderNumber: number;
+    isHidden?: boolean;
+    customUpperCode: string;
+    validateRules: Record<string, string>[];
+}
+export interface AttributesFormModel extends AttributesFormItemsProps {
+}
+//# sourceMappingURL=attributes-form.d.ts.map

package/data/models/index.d.ts

@@ -1,2 +1,3 @@
 export * from './order-details';
+export * from './attributes-form';
 //# sourceMappingURL=index.d.ts.map

package/data/transforms/index.d.ts

@@ -1,3 +1,4 @@
 export * from './transform-order-details';
 export * from './transform-guest-order';
+export * from './transform-attributes-form';
 //# sourceMappingURL=index.d.ts.map

package/data/transforms/transform-attributes-form.d.ts

@@ -0,0 +1,6 @@
+import { GetAttributesFormResponse, ResponseAttributesFormItemsProps } from '../../types';
+import { AttributesFormModel } from '../models';
+
+export declare const cloneArrayIfExists: (fields: ResponseAttributesFormItemsProps[]) => any;
+export declare const transformAttributesForm: (response: GetAttributesFormResponse) => AttributesFormModel[];
+//# sourceMappingURL=transform-attributes-form.d.ts.map

package/hooks/containers/useCustomerDetails.d.ts

@@ -0,0 +1,12 @@
+import { OrderDataModel } from '../../data/models';
+import { NormalizeAddressProps, UseCustomerDetails } from '../../types';
+
+export declare const useCustomerDetails: ({ orderData }: UseCustomerDetails) => {
+    order: OrderDataModel | undefined;
+    normalizeAddress: {
+        billingAddress: [] | NormalizeAddressProps[];
+        shippingAddress: [] | NormalizeAddressProps[];
+    };
+    loading: boolean;
+};
+//# sourceMappingURL=useCustomerDetails.d.ts.map

package/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './containers/useOrderSearch';
 export * from './containers/useOrderStatus';
 export * from './containers/useShippingStatus';
+export * from './containers/useCustomerDetails';
 //# sourceMappingURL=index.d.ts.map

package/i18n/en_US.json.d.ts

@@ -62,6 +62,25 @@ declare const _default: {
         "message": "The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."
       }
     },
+    "CustomerDetails": {
+      "headerText": "Customer information",
+      "freeShipping": "Free shipping",
+      "email": {
+        "title": "Contact details"
+      },
+      "shippingAddress": {
+        "title": "Shipping address"
+      },
+      "shippingMethods": {
+        "title": "Shipping method"
+      },
+      "billingAddress": {
+        "title": "Billing address"
+      },
+      "billingMethods": {
+        "title": "Payment method"
+      }
+    },
     "Errors": {
       "invalidOrder": "Invalid order. Please try again.",
       "invalidSearch": "No order found with these order details."

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-order", "version": "0.1.0-alpha5", "@dropins/elsie": "0.30.0-alpha620"}
+{"name": "@dropins/storefront-order", "version": "0.1.0-alpha6", "@dropins/elsie": "0.30.0-alpha620"}

package/render.js

@@ -1,2 +1,2 @@
-(function(o,t){try{if(typeof document<"u"){const r=document.createElement("style"),n=t.styleId;for(const e in t.attributes)r.setAttribute(e,t.attributes[e]);r.setAttribute("data-dropin",n),r.appendChild(document.createTextNode(o));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(r);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})('.dropin-order-search-form{gap:var(--spacing-small);border-color:transparent}.dropin-order-search-form .dropin-card__content{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}.dropin-order-search-form p{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-order-search-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-order-search-form__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"email" "postcode" "number" "button";gap:var(--spacing-medium)}.dropin-order-search-form__wrapper__item--email{grid-area:email}.dropin-order-search-form__wrapper__item--postcode{grid-area:postcode}.dropin-order-search-form__wrapper__item--number{grid-area:number}.dropin-order-search-form__button-container{display:flex;justify-content:flex-end;grid-area:button}.dropin-order-search-form form button{align-self:flex-end;justify-self:flex-end;margin-top:var(--spacing-small)}@media (min-width: 768px){.dropin-order-search-form__wrapper{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"email postcode" "number number" "button button"}}.dropin-order-status-content{margin-bottom:var(--spacing-small)}.dropin-order-status-content.dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-order-status-content .dropin-card__content{gap:0}.dropin-order-status-content__wrapper p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-order-status-content__wrapper-description{margin-bottom:var(--spacing-medium)}.dropin-shipping-status-card{margin-bottom:var(--spacing-small)}.dropin-shipping-status-card .dropin-card__content{gap:0}.dropin-shipping-status-card.dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-shipping-status-card--count-steper{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-shipping-status-card__header{display:grid;grid-template-columns:1fr auto;justify-items:self-start;align-items:center;margin-bottom:var(--spacing-xsmall)}.dropin-shipping-status-card__header button{max-height:40px}.dropin-shipping-status-card__header--content p{margin:0;padding:0;margin-bottom:var(--spacing-xsmall)}.dropin-shipping-status-card .dropin-shipping-status-card__images{max-width:580px;display:grid;grid-template-columns:repeat(auto-fill,85px);grid-template-rows:114px;gap:7px;overflow:hidden}.dropin-shipping-status-card .dropin-shipping-status-card__images img{object-fit:contain}.dropin-order-loaders--card-loader{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-order-actions__wrapper{display:flex;justify-content:space-between;gap:0 var(--spacing-small);margin-bottom:var(--spacing-small);margin-top:var(--spacing-medium)}.dropin-order-actions__wrapper button{width:100%;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-order-actions__wrapper--empty{display:none}',{styleId:"order"});
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as a,useEffect as d}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const u={OrderSearchForm:{title:"Enter your information to view order details",description:"You can find your order number in the receipt you received via email.",button:"View Order",email:"Email",postcode:"Zip Code",orderNumber:"Order Number"},Form:{notifications:{requiredFieldError:"This is a required field."}},ShippingStatusCard:{trackButton:"Track package",carrier:"Carrier:",prepositionOf:"of",shippingCardTitle:"Package",shippingInfoTitle:"Shipping info",notYetShippedTitle:"Not yet shipped",notYetShippedImagesTitle:"Package contents"},OrderStatusContent:{noInfoTitle:"Check back later for more details.",actions:{cancel:"Cancel order",return:"Return or replace",reorder:"Reorder"},orderPending:{title:"Pending",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderProcessing:{title:"Processing",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderOnHold:{title:"On hold",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information."},orderReceived:{title:"Order received",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderComplete:{title:"Complete",message:"Your order is complete. Need help with your order? Contact us at support@adobe.com"},orderCanceled:{title:"Canceled",message:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days."},orderSuspectedFraud:{title:"Suspected fraud",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information."},orderPaymentReview:{title:"Payment Review",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."}},Errors:{invalidOrder:"Invalid order. Please try again.",invalidSearch:"No order found with these order details."}},p={Order:u},m={default:p},h=({children:o})=>{const[s,i]=a("en_US");return d(()=>{const e=l.on("locale",t=>{i(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(c,{lang:s,langDefinitions:m,children:o})},T=new n(r(h,{}));export{T as render};
+(function(a,t){try{if(typeof document<"u"){const r=document.createElement("style"),n=t.styleId;for(const i in t.attributes)r.setAttribute(i,t.attributes[i]);r.setAttribute("data-dropin",n),r.appendChild(document.createTextNode(a));const e=document.querySelector('style[data-dropin="sdk"]');if(e)e.after(r);else{const i=document.querySelector('link[rel="stylesheet"], style');i?i.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})('.dropin-order-search-form{gap:var(--spacing-small);border-color:transparent}.dropin-order-search-form .dropin-card__content{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}.dropin-order-search-form p{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-order-search-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-order-search-form__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"email" "postcode" "number" "button";gap:var(--spacing-medium)}.dropin-order-search-form__wrapper__item--email{grid-area:email}.dropin-order-search-form__wrapper__item--postcode{grid-area:postcode}.dropin-order-search-form__wrapper__item--number{grid-area:number}.dropin-order-search-form__button-container{display:flex;justify-content:flex-end;grid-area:button}.dropin-order-search-form form button{align-self:flex-end;justify-self:flex-end;margin-top:var(--spacing-small)}@media (min-width: 768px){.dropin-order-search-form__wrapper{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"email postcode" "number number" "button button"}}.dropin-order-status-content{margin-bottom:var(--spacing-small)}.dropin-order-status-content.dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-order-status-content .dropin-card__content{gap:0}.dropin-order-status-content__wrapper p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-order-status-content__wrapper-description{margin-bottom:var(--spacing-medium)}.dropin-shipping-status-card{margin-bottom:var(--spacing-small)}.dropin-shipping-status-card .dropin-card__content{gap:0}.dropin-shipping-status-card.dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-shipping-status-card--count-steper{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-shipping-status-card__header{display:grid;grid-template-columns:1fr auto;justify-items:self-start;align-items:center;margin-bottom:var(--spacing-xsmall)}.dropin-shipping-status-card__header button{max-height:40px}.dropin-shipping-status-card__header--content p{margin:0;padding:0;margin-bottom:var(--spacing-xsmall)}.dropin-shipping-status-card .dropin-shipping-status-card__images{max-width:580px;display:grid;grid-template-columns:repeat(auto-fill,85px);grid-template-rows:114px;gap:7px;overflow:hidden}.dropin-shipping-status-card .dropin-shipping-status-card__images img{object-fit:contain}.dropin-order-loaders--card-loader{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-order-actions__wrapper{display:flex;justify-content:space-between;gap:0 var(--spacing-small);margin-bottom:var(--spacing-small);margin-top:var(--spacing-medium)}.dropin-order-actions__wrapper button{width:100%;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-order-actions__wrapper--empty{display:none}.dropin-details .dropin-card__content{gap:0}.dropin-details__container{display:grid;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.dropin-details__container{display:grid;grid-template-columns:max-content max-content;grid-template-rows:auto auto auto;gap:var(--spacing-medium);grid-auto-flow:row}.dropin-details__container-email{grid-area:1 / 1 / 2 / 2}.dropin-details__container-shipping_address{grid-area:2 / 1 / 3 / 2}.dropin-details__container-billing_address{grid-area:2 / 2 / 3 / 3}.dropin-details__container-shipping_methods{grid-area:3 / 1 / 4 / 2}.dropin-details__container-billing_methods{grid-area:3 / 2 / 4 / 3}}.dropin-details__container-title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin:0 0 var(--spacing-xsmall) 0}.dropin-details__container p{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-details__container-billing_methods p{display:grid;gap:0;grid-template-columns:auto 1fr}.dropin-details__container-billing_methods p.dropin-details__container-billing_methods--icon{gap:0 var(--spacing-xsmall)}.dropin-details__container-description p{margin:0;padding:0;display:inline-flex;overflow:hidden}.dropin-details__container-description p:nth-child(1),.dropin-details__container-description p:nth-child(2){text-align:left;cursor:default;margin-bottom:var(--spacing-xsmall)}.dropin-details__container-description p:nth-child(2){position:relative}.dropin-details__container-description p:nth-child(2) span{position:absolute}.dropin-details__container-description p:nth-child(1),.dropin-details__container-description p:nth-child(7){float:left;width:auto;margin-right:var(--spacing-xsmall)}.dropin-details__container-description p:nth-child(5){position:relative;margin-right:var(--spacing-xsmall)}.dropin-details__container-description p:nth-child(5) span{position:absolute}.dropin-details__container-description p:nth-child(2),.dropin-details__container-description p:nth-child(6),.dropin-details__container-description p:nth-child(8){display:inline;width:50%}.dropin-details__container-description p:nth-child(2):after,.dropin-details__container-description p:nth-child(6):after,.dropin-details__container-description p:nth-child(8):after{content:"\\a";white-space:pre;display:block;height:var(--spacing-xsmall)}.dropin-details__container-description p:nth-child(3),.dropin-details__container-description p:nth-child(4),.dropin-details__container-description p:nth-child(n+9){display:block;width:100%;margin-bottom:var(--spacing-xsmall)}',{styleId:"order"});
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as d,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const p={OrderSearchForm:{title:"Enter your information to view order details",description:"You can find your order number in the receipt you received via email.",button:"View Order",email:"Email",postcode:"Zip Code",orderNumber:"Order Number"},Form:{notifications:{requiredFieldError:"This is a required field."}},ShippingStatusCard:{trackButton:"Track package",carrier:"Carrier:",prepositionOf:"of",shippingCardTitle:"Package",shippingInfoTitle:"Shipping info",notYetShippedTitle:"Not yet shipped",notYetShippedImagesTitle:"Package contents"},OrderStatusContent:{noInfoTitle:"Check back later for more details.",actions:{cancel:"Cancel order",return:"Return or replace",reorder:"Reorder"},orderPending:{title:"Pending",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderProcessing:{title:"Processing",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderOnHold:{title:"On hold",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information."},orderReceived:{title:"Order received",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."},orderComplete:{title:"Complete",message:"Your order is complete. Need help with your order? Contact us at support@adobe.com"},orderCanceled:{title:"Canceled",message:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days."},orderSuspectedFraud:{title:"Suspected fraud",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information."},orderPaymentReview:{title:"Payment Review",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships."}},CustomerDetails:{headerText:"Customer information",freeShipping:"Free shipping",email:{title:"Contact details"},shippingAddress:{title:"Shipping address"},shippingMethods:{title:"Shipping method"},billingAddress:{title:"Billing address"},billingMethods:{title:"Payment method"}},Errors:{invalidOrder:"Invalid order. Please try again.",invalidSearch:"No order found with these order details."}},u={Order:p},m={default:u},h=({children:o})=>{const[i,t]=d("en_US");return a(()=>{const e=l.on("locale",s=>{t(s)},{eager:!0});return()=>{e==null||e.off()}},[]),r(c,{lang:i,langDefinitions:m,children:o})},C=new n(r(h,{}));export{C as render};

package/types/api/getAttributesForm.types.d.ts

@@ -0,0 +1,31 @@
+export interface ResponseAttributesFormItemsProps {
+    code: string;
+    sort_order: string;
+    default_value: null | string;
+    entity_type: string;
+    frontend_class: null | string;
+    multiline_count: number;
+    frontend_input: string;
+    is_required: boolean;
+    is_unique: boolean;
+    label: string;
+    options: {
+        is_default: boolean;
+        label: string;
+        value: string;
+    }[];
+}
+export interface GetAttributesFormResponse {
+    data: {
+        attributesForm: {
+            errors?: {
+                message: string;
+            }[];
+            items?: ResponseAttributesFormItemsProps[];
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getAttributesForm.types.d.ts.map

package/types/customerDetails.types.d.ts

@@ -0,0 +1,49 @@
+import { OrderDataModel } from '../data/models';
+
+export interface KeysSortOrderProps {
+    name: string;
+    orderNumber?: number;
+    label?: string | null;
+}
+export interface NormalizeAddressProps extends KeysSortOrderProps {
+    value: any;
+}
+export interface CustomerDetailsProps {
+    className?: string;
+    paymentIconsMap?: Record<string, string>;
+    orderData?: OrderDataModel;
+    withHeader?: boolean;
+    title?: string;
+}
+export interface UseCustomerDetails {
+    orderData?: OrderDataModel;
+}
+export interface CustomerDetailsContentProps extends Omit<CustomerDetailsProps, 'orderData' | 'className'> {
+    loading: boolean;
+    order?: OrderDataModel;
+    normalizeAddress?: {
+        billingAddress: NormalizeAddressProps[];
+        shippingAddress: NormalizeAddressProps[];
+    };
+}
+export interface CustomerAddressesModel {
+    firstname?: string;
+    lastname?: string;
+    city?: string;
+    company?: string;
+    countryCode?: string;
+    region?: {
+        region: string;
+        regionCode: string;
+        regionId: string | number;
+    };
+    telephone?: string;
+    id?: string;
+    vatId?: string;
+    postcode?: string;
+    street?: string;
+    street_2?: string;
+    defaultShipping?: boolean;
+    defaultBilling?: boolean;
+}
+//# sourceMappingURL=customerDetails.types.d.ts.map

package/types/index.d.ts

@@ -1,8 +1,10 @@
+export * from './api/guestOrderByToken.types';
+export * from './api/getOrderDetails.types';
+export * from './api/getGuestOrder.types';
+export * from './api/getAttributesForm.types';
 export * from './orderSearch.types';
 export * from './form.types';
 export * from './orderStatus.types';
 export * from './shippingStatus.types';
-export * from './api/guestOrderByToken.types';
-export * from './api/getOrderDetails.types';
-export * from './api/getGuestOrder.types';
+export * from './customerDetails.types';
 //# sourceMappingURL=index.d.ts.map