@dropins/storefront-order 0.1.0-alpha10

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

package/containers/OrderSearch/OrderSearch.d.ts

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

package/containers/OrderSearch/index.d.ts

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

package/containers/OrderSearch.d.ts

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

package/containers/OrderSearch.js

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

package/containers/OrderStatus/OrderStatus.d.ts

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

package/containers/OrderStatus/index.d.ts

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

package/containers/OrderStatus.d.ts

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

package/containers/OrderStatus.js

@@ -0,0 +1,80 @@
+import{jsx as r,jsxs as p,Fragment as A}from"@dropins/tools/preact-jsx-runtime.js";import{Card as U,Header as F,Button as h,Modal as k,InLineAlert as q,Picker as G}from"@dropins/tools/components.js";import{F as V}from"../chunks/CustomerDetailsContent.js";import{Slot as D,classes as v}from"@dropins/tools/lib.js";import{useMemo as W}from"@dropins/tools/preact-compat.js";import{O as j,a as J,A as P,t as z}from"../chunks/transform-order-details.js";import{f as B,h as Q}from"../chunks/fetch-graphql.js";import{useState as u,useEffect as y}from"@dropins/tools/preact-hooks.js";import{g as Y}from"../chunks/getStoreConfig.js";import{events as N}from"@dropins/tools/event-bus.js";import{useText as O,Text as S}from"@dropins/tools/i18n.js";import{C as K}from"../chunks/OrderLoaders.js";import"@dropins/tools/fetch-graphql.js";const E={pending:"orderPending",shiping:"orderShipped",complete:"orderComplete",processing:"orderProcessing","on hold":"orderOnHold",canceled:"orderCanceled","suspected fraud":"orderSuspectedFraud","payment Review":"orderPaymentReview","order received":"orderReceived","guest order cancellation requested":"guestOrderCancellationRequested"},X=({slots:t,title:d,status:n,orderData:e})=>{const s=String(n).toLocaleLowerCase(),o=O(`Order.OrderStatusContent.${E[s]}.title`),a=O(`Order.OrderStatusContent.${E[s]}.message`),i=O(`Order.OrderStatusContent.${E[s]}.messageWithoutDate`);if(!n)return r("div",{});const m=e!=null&&e.orderStatusChangeDate?a==null?void 0:a.message.replace("{DATE}",e==null?void 0:e.orderStatusChangeDate):i.messageWithoutDate;return p(U,{className:"order-order-status-content",variant:"secondary",children:[r(F,{title:d??o.title}),p("div",{className:"order-order-status-content__wrapper",children:[r("div",{className:"order-order-status-content__wrapper-description",children:r("p",{children:m})}),r(ne,{orderData:e,slots:t})]})]})};var f=(t=>(t.CANCEL="CANCEL",t.RETURN="RETURN",t.REORDER="REORDER",t))(f||{});const Z=`
+mutation CANCEL_ORDER_MUTATION($orderId: ID!, $reason: String!) {
+  cancelOrder(input: { order_id: $orderId, reason: $reason }) {
+    error
+    order {
+      email
+      available_actions
+      status
+      number
+      id
+      order_date
+      carrier
+      shipping_method
+      is_virtual
+      applied_coupons {
+        code
+      }
+      shipments {
+        id
+        number
+        tracking {
+          title
+          number
+          carrier
+        }
+        comments {
+          message
+          timestamp
+        }
+        items {
+          id
+          product_sku
+          product_name
+          order_item {
+            ...OrderItems
+            ... on GiftCardOrderItem {
+              gift_card {
+                recipient_name
+                recipient_email
+                sender_name
+                sender_email
+                message
+              }
+            }
+          }
+        }
+      }
+      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
+      }
+    }
+  }
+}
+${j}
+${J}
+${P}  
+`,ee=async(t,d,n,e)=>{if(!t)throw new Error("No order ID found");if(!d)throw new Error("No reason found");return B(Z,{variables:{orderId:t,reason:d}}).then(({errors:s,data:o})=>{if(s)return Q(s);if(o.cancelOrder.error!=null){e();return}const a=z(o.cancelOrder.order);n(a)})},re=()=>{const[t,d]=u(null);return y(()=>{const n=sessionStorage.getItem("orderStoreConfig"),e=n?JSON.parse(n):null;e?d(e):Y().then(s=>{s&&(sessionStorage.setItem("orderStoreConfig",JSON.stringify(s)),d(s))})},[]),t},te=({cancelButtonProps:t,modalProps:d,pickerProps:n,submitButtonProps:e,orderId:s})=>{const o=O({buttonText:"Order.OrderCancel.buttonText",ErrorHeading:"Order.OrderCancellationReasonsModal.errorHeading",ErrorDescription:"Order.OrderCancellationReasonsModal.errorDescription",orderCancellationLabel:"Order.OrderCancellationReasonsModal.label"}),[a,i]=u(!1),[m,g]=u(0),[C,M]=u(!1),[I,T]=u(!1),w=()=>{i(!0)},L=()=>{i(!1)},x=c=>{c.preventDefault();const l=Number(c.target.value);g(l)},R=re(),_=(R==null?void 0:R.orderCancellationReasons)??[];N.on("authenticated",c=>{c&&T(!0)},{eager:!0});const b=c=>c.map((l,H)=>({text:l==null?void 0:l.description,value:H.toString()})),$=async c=>(c.preventDefault(),ee(s,_[m].description,l=>{i(!1),I||(l.status="guest order cancellation requested"),N.emit("order/data",l)},()=>{M(!0)}));return p(A,{children:[r(h,{onClick:w,type:"button",variant:"secondary",...t,children:o.buttonText}),a&&p(k,{size:"medium",onClose:L,className:"order-order-cancel__modal",title:r("h2",{className:"order-order-cancel__title",children:r(S,{id:"Order.OrderCancellationReasonsModal.title"})}),"data-testid":"order-cancellation-reasons-modal",...d,children:[C&&r(q,{heading:o.ErrorHeading,description:o.ErrorDescription}),p(V,{onSubmit:$,children:[r("div",{className:"order-order-cancel__text",children:r(S,{id:"Order.OrderCancellationReasonsModal.description"})}),r(G,{name:"cancellationReasons",floatingLabel:o.orderCancellationLabel,defaultOption:b(_)[0],variant:"primary",options:b(_),value:String(m),handleSelect:x,required:!0,"data-testid":"order-cancellation-reasons-selector",...n}),r("div",{className:"order-order-cancel__button-container",children:r(h,{variant:"primary",...e,children:r(S,{id:"Order.OrderCancellationReasonsModal.button"})})})]})]})]})},ne=({className:t,children:d,orderData:n,slots:e,...s})=>{const o=O({cancel:"Order.OrderStatusContent.actions.cancel",return:"Order.OrderStatusContent.actions.return",reorder:"Order.OrderStatusContent.actions.reorder"}),a=W(()=>{const i=n==null?void 0:n.availableActions,m=!!(i!=null&&i.length);return r(A,{children:e!=null&&e.OrderActions?r(D,{"data-testid":"OrderActionsSlot",name:"OrderCanceledActions",slot:e==null?void 0:e.OrderActions,context:n}):r("div",{"data-testid":"availableActionsList",className:v(["order-order-actions__wrapper",["order-order-actions__wrapper--empty",!m]]),children:i==null?void 0:i.map((g,C)=>{switch(g){case f.CANCEL:return r(te,{orderId:atob(n.id)});case f.RETURN:return r(h,{variant:"secondary",children:o.return},C);case f.REORDER:return r(h,{variant:"secondary",children:o.reorder},C)}})})})},[n,e==null?void 0:e.OrderActions,o]);return r("div",{...s,className:v(["order-order-actions",t]),children:a})},oe=({orderData:t})=>{const[d,n]=u(t),[e,s]=u(t==null?void 0:t.status);return y(()=>{const o=N.on("order/data",a=>{n(a),s(a.status)},{eager:!0});return()=>{o==null||o.off()}},[]),{orderStatus:e,order:d}},ge=({slots:t,orderData:d,className:n,statusTitle:e,status:s})=>{const{orderStatus:o,order:a}=oe({orderData:d});return r("div",{className:v(["order-order-status",n]),children:a?r(X,{title:e,status:s||o,slots:t,orderData:a}):r(K,{withCard:!1})})};export{ge as OrderStatus,ge as default};

package/containers/ShippingStatus/ShippingStatus.d.ts

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

package/containers/ShippingStatus/index.d.ts

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

package/containers/ShippingStatus.d.ts

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

package/containers/ShippingStatus.js

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

package/containers/index.d.ts

@@ -0,0 +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/customer.d.ts

@@ -0,0 +1,6 @@
+export interface CustomerDataModelShort {
+    firstname: string;
+    lastname: string;
+    email: string;
+}
+//# sourceMappingURL=customer.d.ts.map

package/data/models/index.d.ts

@@ -0,0 +1,5 @@
+export * from './order-details';
+export * from './attributes-form';
+export * from './store-config';
+export * from './customer';
+//# sourceMappingURL=index.d.ts.map

package/data/models/order-details.d.ts

@@ -0,0 +1,117 @@
+import { AvailableActionsProps, MoneyProps, QueryType } from '../../types';
+
+export type OrderAddressModel = {
+    city: string;
+    company: string;
+    country: string;
+    firstName: string;
+    middleName: string;
+    lastName: string;
+    postCode: string;
+    region: string;
+    regionId: string;
+    street: string[];
+    telephone: string;
+    customAttributes: {
+        code: string;
+        value: string;
+    }[];
+} | null;
+export type OrderItemProductModel = {
+    canonicalUrl?: string;
+    id: string;
+    image?: string;
+    imageAlt?: string;
+    name: string;
+    productType: string;
+    sku: string;
+    thumbnail: {
+        url: string;
+        label: string;
+    };
+};
+export type OrderItemModel = {
+    type: string;
+    discounted: boolean;
+    id: string;
+    productName: string;
+    regularPrice: MoneyProps;
+    price: MoneyProps;
+    product: OrderItemProductModel;
+    selectedOptions?: Array<{
+        label: string;
+        value: any;
+    }>;
+    totalQuantity: number;
+    thumbnail: {
+        label: string;
+        url: string;
+    };
+    giftCard?: {
+        senderName: string;
+        senderEmail: string;
+        recipientEmail: string;
+        recipientName: string;
+    };
+    quantityCanceled: number;
+    quantityInvoiced: number;
+    quantityOrdered: number;
+    quantityRefunded: number;
+    quantityReturned: number;
+    quantityShipped: number;
+};
+export type ShipmentItemsModel = {
+    id: string;
+    productSku: string;
+    productName: string;
+    orderItem: OrderItemModel;
+};
+export type ShipmentsTracingModel = {
+    carrier: string;
+    number: string;
+    title: string;
+};
+export type ShipmentsModel = {
+    id: string;
+    number: string;
+    tracking: ShipmentsTracingModel[];
+    comments: {
+        message: string;
+        timestamp: string;
+    }[];
+    items: ShipmentItemsModel[];
+};
+export type OrderDataModel = {
+    id: string;
+    orderStatusChangeDate?: string;
+    number: string;
+    email?: string;
+    token?: string;
+    status: string;
+    isVirtual: boolean;
+    totalQuantity: number;
+    shippingMethod?: string;
+    carrier?: string;
+    coupons: {
+        code: string;
+    }[];
+    payments: {
+        code: string;
+        name: string;
+    }[];
+    shipping?: {
+        code: string;
+        amount: number;
+        currency: string;
+    };
+    shipments: ShipmentsModel[];
+    items: OrderItemModel[];
+    grandTotal: MoneyProps;
+    subtotal: MoneyProps;
+    totalTax: MoneyProps;
+    shippingAddress: OrderAddressModel;
+    billingAddress: OrderAddressModel;
+    availableActions: AvailableActionsProps[];
+};
+export type TransformedData<T extends QueryType> = T extends 'orderData' ? OrderDataModel : null;
+//# sourceMappingURL=order-details.d.ts.map

package/data/models/store-config.d.ts

@@ -0,0 +1,8 @@
+export interface StoreConfigModel {
+    orderCancellationEnabled: boolean;
+    orderCancellationReasons: OrderCancellationReason[];
+}
+export interface OrderCancellationReason {
+    description: string;
+}
+//# sourceMappingURL=store-config.d.ts.map

package/data/transforms/index.d.ts

@@ -0,0 +1,6 @@
+export * from './transform-order-details';
+export * from './transform-guest-order';
+export * from './transform-attributes-form';
+export * from './transform-store-config';
+export * from './transform-customer';
+//# 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/data/transforms/transform-customer.d.ts

@@ -0,0 +1,5 @@
+import { getCustomerShortResponse } from '../../types';
+import { CustomerDataModelShort } from '../models';
+
+export declare const transformCustomer: (response: getCustomerShortResponse) => CustomerDataModelShort;
+//# sourceMappingURL=transform-customer.d.ts.map

package/data/transforms/transform-guest-order.d.ts

@@ -0,0 +1,6 @@
+import { GuestOrderByTokenResponse, GuestOrderResponse } from '../../types';
+import { OrderDataModel } from '../models';
+
+export declare const transformGuestOrder: (response: GuestOrderResponse) => OrderDataModel | null;
+export declare const transformGuestOrderByToken: (response: GuestOrderByTokenResponse) => OrderDataModel | null;
+//# sourceMappingURL=transform-guest-order.d.ts.map

package/data/transforms/transform-order-details.d.ts

@@ -0,0 +1,7 @@
+import { QueryType, ResponseData, OrderProps, OrderItemProps } from '../../types';
+import { TransformedData } from '../models';
+
+export declare const transformConfigurableOptions: (item: OrderItemProps) => Record<string, string> | undefined;
+export declare const transformOrderData: (orderData: OrderProps) => any;
+export declare const transformOrderDetails: <T extends "orderData">(queryType: QueryType, response: ResponseData<T>) => TransformedData<T>;
+//# sourceMappingURL=transform-order-details.d.ts.map

package/data/transforms/transform-store-config.d.ts

@@ -0,0 +1,4 @@
+import { StoreConfigModel } from '../models';
+
+export declare function transformStoreConfig(data: any): StoreConfigModel | null;
+//# sourceMappingURL=transform-store-config.d.ts.map

package/hooks/api/useGetStoreConfig.d.ts

@@ -0,0 +1,4 @@
+import { StoreConfigModel } from '../../data/models';
+
+export declare const useGetStoreConfig: () => StoreConfigModel | null;
+//# sourceMappingURL=useGetStoreConfig.d.ts.map

package/hooks/components/useForm.d.ts

@@ -0,0 +1,11 @@
+import { FormValues, useFormProps } from '../../types';
+
+export declare const useForm: ({ fieldsConfig, onSubmit }: useFormProps) => {
+    formData: FormValues;
+    errors: Record<string, string>;
+    formRef: import('preact').RefObject<HTMLFormElement>;
+    handleChange: (event: Event) => void;
+    handleBlur: (event: Event) => void;
+    handleSubmit: (event: SubmitEvent) => void;
+};
+//# sourceMappingURL=useForm.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/containers/useOrderSearch.d.ts

@@ -0,0 +1,22 @@
+import { FieldEnumList, inLineAlertProps, useOrderSearchProps } from '../../types';
+
+export declare const useOrderSearch: ({ onError, isAuth, renderSignIn, routeCustomerOrder, routeGuestOrder, }: useOrderSearchProps) => {
+    onSubmit: (event: Event, valid: boolean) => Promise<null | undefined>;
+    inLineAlert: inLineAlertProps;
+    loading: boolean;
+    normalizeFieldsConfig: {
+        entityType: string;
+        is_unique: boolean;
+        label: string;
+        options: never[];
+        defaultValue: string;
+        fieldType: FieldEnumList;
+        className: string;
+        required: boolean;
+        orderNumber: number;
+        name: string;
+        id: string;
+        code: string;
+    }[];
+};
+//# sourceMappingURL=useOrderSearch.d.ts.map

package/hooks/containers/useOrderStatus.d.ts

@@ -0,0 +1,8 @@
+import { OrderDataModel } from '../../data/models';
+import { StatusEnumProps, UseOrderStatusProps } from '../../types';
+
+export declare const useOrderStatus: ({ orderData }: UseOrderStatusProps) => {
+    orderStatus: StatusEnumProps;
+    order: OrderDataModel | undefined;
+};
+//# sourceMappingURL=useOrderStatus.d.ts.map

package/hooks/containers/useShippingStatus.d.ts

@@ -0,0 +1,7 @@
+import { OrderDataModel } from '../../data/models';
+import { UseShippingStatusProps } from '../../types';
+
+export declare const useShippingStatus: ({ orderData }: UseShippingStatusProps) => {
+    order: OrderDataModel | undefined;
+};
+//# sourceMappingURL=useShippingStatus.d.ts.map

package/hooks/index.d.ts

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