Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@dropins/storefront-order-confirmation
Advanced tools
@dropins/storefront-order-confirmation - npm Package Compare versions
Comparing version 0.1.0-alpha2 to 0.1.0-alpha3
@@ -1,1 +0,1 @@ | ||
| import*as r from"@dropins/elsie/fetch-graphql.js";import*as n from"@dropins/elsie/preact-compat.js";import*as e from"@dropins/elsie/preact-hooks.js";import*as o from"@dropins/elsie/preact-jsx-runtime.js";import*as t from"@dropins/elsie/preact.js";export const id=267;export const ids=[267];export const modules={2485:(r,n,e)=>{e.d(n,{N:()=>Ar,Z:()=>Ar});var o=e(2199),t=e(5587),a=e(1892),i=e.n(a),s=e(5760),d=e.n(s),l=e(8311),c=e.n(l),m=e(8192),u=e.n(m),p=e(8060),f=e.n(p),y=e(4865),g=e.n(y),v=e(1238),x={};x.styleTagTransform=g(),x.setAttributes=u(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=f(),i()(v.Z,x),v.Z&&v.Z.locals&&v.Z.locals;var h=e(1072),b=e(8174),j=e(9724),_=e(2270),O={};O.styleTagTransform=g(),O.setAttributes=u(),O.insert=c().bind(null,"head"),O.domAPI=d(),O.insertStyleElement=f(),i()(_.Z,O),_.Z&&_.Z.locals&&_.Z.locals;var w=e(7188),S=function(r){var n=r.customerName,e=r.orderNumber,o=r.orderStatus;return(0,w.jsxs)("div",{className:"order-confirmation-header order-confirmation__card",children:[(0,w.jsx)(h.J,{source:b.Z,size:"64",className:"order-confirmation-header__icon"}),(0,w.jsx)("h1",{className:"order-confirmation-header__title",children:n?(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.title",fields:{name:n}}):(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.defaultTitle"})}),e&&(0,w.jsxs)("p",{children:[(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.order",fields:{order:e}}),void 0!==o&&""!==o&&(0,w.jsxs)("span",{className:"order-confirmation-header__status",children:[" ","(",o,")"]})]})]})},N=e(5539),k={};k.styleTagTransform=g(),k.setAttributes=u(),k.insert=c().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=f(),i()(N.Z,k),N.Z&&N.Z.locals&&N.Z.locals;var E=e(4462),C=e(9627),D=e(6276),R=e(9853),A=e(4625),I=e(2902),Z={};Z.styleTagTransform=g(),Z.setAttributes=u(),Z.insert=c().bind(null,"head"),Z.domAPI=d(),Z.insertStyleElement=f(),i()(I.Z,Z),I.Z&&I.Z.locals&&I.Z.locals;var P=e(2605),z=e(6553),T=e(7498);function L(r){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},L(r)}var F=["className","type","additionalActions","onDismiss","heading","description"];function X(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,o)}return e}function W(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?X(Object(e),!0).forEach((function(n){var o,t,a;o=r,t=n,a=e[n],(t=function(r){var n=function(r,n){if("object"!==L(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!==L(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===L(n)?n:String(n)}(t))in o?Object.defineProperty(o,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[t]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):X(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var M={error:P.Z,success:z.Z,warning:P.Z},q=function(r){var n,e,o,a=r.className,i=r.type,s=void 0===i?"warning":i,d=r.additionalActions,l=r.onDismiss,c=r.heading,m=r.description,u=function(r,n){if(null==r)return{};var e,o,t=function(r,n){if(null==r)return{};var e,o,t={},a=Object.keys(r);for(o=0;o<a.length;o++)e=a[o],n.indexOf(e)>=0||(t[e]=r[e]);return t}(r,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(o=0;o<a.length;o++)e=a[o],n.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(t[e]=r[e])}return t}(r,F),p=M[s];return(0,w.jsxs)("div",W(W({},u),{},{className:(0,t.S)(["elsie-in-line-alert","elsie-in-line-alert--".concat(s),a]),children:[(0,w.jsxs)("div",{className:"elsie-in-line-alert__heading",children:[(0,w.jsxs)("div",{className:"elsie-in-line-alert__title-container",children:[p&&(0,w.jsx)(h.J,{source:p,className:"elsie-in-line-alert__icon"}),(0,w.jsx)("span",{className:"elsie-in-line-alert__title",children:c})]}),(0,w.jsxs)("div",{className:"elsie-in-line-alert__actions-container",children:[1==(null==d?void 0:d.length)&&(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:null===(n=d[0])||void 0===n?void 0:n.onClick,"aria-label":null===(e=d[0])||void 0===e?void 0:e.label,children:null===(o=d[0])||void 0===o?void 0:o.label}),l&&(0,w.jsx)(R.z,{icon:(0,w.jsx)(h.J,{source:T.Z,size:"24",stroke:"2"}),className:"elsie-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":"OrderConfirmation.InlineAlert.Dismiss"})]})]}),m&&(0,w.jsx)("p",{className:"elsie-in-line-alert__description",children:m}),d&&(null==d?void 0:d.length)>1&&(0,w.jsx)("div",{className:"elsie-in-line-alert__additional-actions-container",children:d.map((function(r){return(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:r.onClick,children:r.label},r.label)}))})]}))};function G(r){return G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},G(r)}function V(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,o)}return e}function H(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?V(Object(e),!0).forEach((function(n){var o,t,a;o=r,t=n,a=e[n],(t=function(r){var n=function(r,n){if("object"!==G(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!==G(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===G(n)?n:String(n)}(t))in o?Object.defineProperty(o,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[t]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):V(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var J=function(r){var n=r.alert,e=r.handleOrderRef;return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-order-form order-confirmation__card",children:[(0,w.jsx)("h2",{className:"order-confirmation-order-form__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.title"})}),(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.description"})}),n&&(0,w.jsx)(q,H({className:"order-confirmation-order-form__alert"},n)),(0,w.jsxs)("form",{onSubmit:function(r){r.preventDefault();var n=r.target,o=(0,A.X)(n);o.orderRef&&e(o.orderRef)},children:[(0,w.jsx)(C.g,{children:(0,w.jsx)(D.I,{id:"order-ref",name:"orderRef",type:"text",placeholder:"Order ID",floatingLabel:"Order ID",required:!0,"aria-label":"Order ID","aria-required":!0})}),(0,w.jsx)(R.z,{className:"order-confirmation-order-form__button",size:"medium",variant:"primary",type:"submit",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.button"})})]})]})},K=e(9759),U={};function Q(r){return Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},Q(r)}function B(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,o)}return e}function $(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?B(Object(e),!0).forEach((function(n){var o,t,a;o=r,t=n,a=e[n],(t=function(r){var n=function(r,n){if("object"!==Q(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!==Q(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===Q(n)?n:String(n)}(t))in o?Object.defineProperty(o,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[t]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):B(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}U.styleTagTransform=g(),U.setAttributes=u(),U.insert=c().bind(null,"head"),U.domAPI=d(),U.insertStyleElement=f(),i()(K.Z,U),K.Z&&K.Z.locals&&K.Z.locals;var Y=function(r){var n=r.alert,e=r.onOrderSearch,o=(0,j.XK)({email:"OrderConfirmation.OrderSearchForm.email",postcode:"OrderConfirmation.OrderSearchForm.postcode",number:"OrderConfirmation.OrderSearchForm.orderNumber"});return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-order-search-form order-confirmation__card",children:[(0,w.jsx)("h2",{className:"order-confirmation-order-search-form__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.title"})}),(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.description"})}),n&&(0,w.jsx)(q,$({className:"order-confirmation-order-search-form__alert"},n)),(0,w.jsxs)("form",{className:"order-confirmation-order-search-form__fields",onSubmit:function(r){r.preventDefault();var n=(0,A.X)(r.target);null==e||e(n)},children:[(0,w.jsxs)("div",{className:"order-confirmation-order-search-form__fields-columns",children:[(0,w.jsx)(C.g,{children:(0,w.jsx)(D.I,{id:"order-email",name:"email",type:"email",autocomplete:"email",placeholder:o.email,floatingLabel:o.email,required:!0,"aria-label":o.email,"aria-required":!0})}),(0,w.jsx)(C.g,{children:(0,w.jsx)(D.I,{id:"postcode",name:"postcode",type:"text",autocomplete:"postal-code",placeholder:o.postcode,floatingLabel:o.postcode,required:!1,"aria-label":o.postcode,"aria-required":!0})})]}),(0,w.jsx)(C.g,{children:(0,w.jsx)(D.I,{id:"order-number",name:"number",type:"text",placeholder:o.number,floatingLabel:o.number,required:!0,"aria-label":o.number,"aria-required":!0})}),(0,w.jsx)(R.z,{className:"order-confirmation-order-search-form__button",size:"medium",variant:"primary",type:"submit",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.button"})},"logIn")]})]})},rr=e(474),nr={};nr.styleTagTransform=g(),nr.setAttributes=u(),nr.insert=c().bind(null,"head"),nr.domAPI=d(),nr.insertStyleElement=f(),i()(rr.Z,nr),rr.Z&&rr.Z.locals&&rr.Z.locals;var er=e(1988),or=e(9578),tr=e(8451),ar={};ar.styleTagTransform=g(),ar.setAttributes=u(),ar.insert=c().bind(null,"head"),ar.domAPI=d(),ar.insertStyleElement=f(),i()(tr.Z,ar),tr.Z&&tr.Z.locals&&tr.Z.locals;var ir=function(r){var n=r.rows,e=r.size,o=void 0===e?"xsmall":e;return(0,w.jsx)(or.O,{className:"static-skeleton",children:Array.from(Array(n).keys()).map((function(r){return(0,w.jsx)(or.d,{variant:"heading",size:o,fullWidth:!0},r)}))})},sr=function(r){var n,e,o,t=r.orderDetails,a=t&&(null==t?void 0:t.number),i=(null==t?void 0:t.email)||"",s=t&&""!==i,d=null==t?void 0:t.shipping_address,l=t&&null!==d,c=null==t?void 0:t.billing_address,m=t&&null!==c,u=null==t?void 0:t.shipping_method,p=null==t||null===(n=t.total)||void 0===n||null===(n=n.total_shipping)||void 0===n?void 0:n.value,f=null==t||null===(e=t.total)||void 0===e||null===(e=e.total_shipping)||void 0===e?void 0:e.currency,y=t&&u&&f&&null!=p,g=null==t?void 0:t.payment_methods,v=g&&g.length>0,x=v?null===(o=g[0])||void 0===o?void 0:o.name:"",h=t&&v&&""!==x;return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-details order-confirmation__card",children:[(0,w.jsx)("div",{className:"order-confirmation-details__header",children:(0,w.jsx)("h2",{className:"order-confirmation-details__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.title"})})}),(0,w.jsxs)("div",{className:"order-confirmation-details__contact",children:[(!a||s)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.contact"})}),s&&(0,w.jsx)("p",{children:i}),!a&&(0,w.jsx)(ir,{rows:1})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__information",children:[(0,w.jsxs)("div",{className:"order-confirmation-details__shipping_address",children:[(!a||l)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingAddress"})}),l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==d?void 0:d.firstname," ",null==d?void 0:d.lastname]}),(0,w.jsx)("p",{children:null==d?void 0:d.street}),(0,w.jsxs)("p",{children:[null==d?void 0:d.region," ",null==d?void 0:d.postcode,","," ",null==d?void 0:d.country_code]})]}),!a&&(0,w.jsx)(ir,{rows:3})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__billing_address",children:[(!a||m)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.billingAddress"})}),m&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==c?void 0:c.firstname," ",null==c?void 0:c.lastname]}),(0,w.jsx)("p",{children:null==c?void 0:c.street}),(0,w.jsxs)("p",{children:[null==c?void 0:c.region," ",null==c?void 0:c.postcode,","," ",null==c?void 0:c.country_code]})]}),!a&&(0,w.jsx)(ir,{rows:3})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__shipping-method",children:[(!a||y)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingMethod"})}),y&&(0,w.jsx)(w.Fragment,{children:0===p?(0,w.jsx)("p",{className:"order-confirmation-order-summary__price",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.freeShipping"})}):(0,w.jsxs)("p",{children:[(0,w.jsx)(er.t,{amount:p,currency:f})," ",u]})}),!a&&(0,w.jsx)(ir,{rows:1})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__payment-method",children:[(!a||h)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.paymentMethod"})}),h&&(0,w.jsx)("p",{children:x}),!a&&(0,w.jsx)(ir,{rows:1})]})]})]})},dr=e(5509),lr={};lr.styleTagTransform=g(),lr.setAttributes=u(),lr.insert=c().bind(null,"head"),lr.domAPI=d(),lr.insertStyleElement=f(),i()(dr.Z,lr),dr.Z&&dr.Z.locals&&dr.Z.locals;var cr=e(51),mr=function(r){var n=r.className,e=r.summary,o=r.variant,a=void 0===o?"secondary":o,i=null!=e?e:{},s=i.total,d=i.subtotal,l=i.shipping,c=i.tax;return(0,w.jsxs)(E.Z,{className:(0,t.S)(["order-confirmation-order-summary",n]),variant:a,children:[(0,w.jsx)("h2",{className:"order-confirmation-order-summary__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.title"})}),(0,w.jsx)(cr.i,{variant:"primary"}),null!=d?(0,w.jsxs)("div",{"data-testid":"order-summary-subtotal",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.subtotal"})}),(0,w.jsx)(er.t,{amount:null==d?void 0:d.amount,currency:null==d?void 0:d.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(ir,{rows:1}),(null==d?void 0:d.isTaxIncl)&&(0,w.jsx)("div",{"data-testid":"order-summary-subtotal-incl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.includingTaxes"})})}),null!=l?(0,w.jsxs)("div",{"data-testid":"order-summary-shipping",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.shipping"})}),0===l.amount?(0,w.jsx)("p",{className:"order-confirmation-order-summary__price",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.freeShipping"})}):(0,w.jsx)(er.t,{amount:l.amount,currency:l.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(ir,{rows:1}),null!=c&&!c.breakdown&&(0,w.jsxs)("div",{"data-testid":"order-summary-tax",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.tax"})}),(0,w.jsx)(er.t,{amount:c.amount,currency:c.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]}),null!=c&&c.breakdown&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(cr.i,{variant:"secondary"}),(0,w.jsx)("div",{className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--margin-bottom",children:(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.taxBreakdown"})})}),c.breakdown.map((function(r){return(0,w.jsxs)("div",{"data-testid":"order-summary-tax-breakdown",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:[(0,w.jsx)("p",{children:r.label}),(0,w.jsx)(er.t,{amount:r.amount.value,currency:r.amount.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]},r.label)})),(0,w.jsxs)("div",{"data-testid":"order-summary-tax-breakdown-total",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--strong order-confirmation-order-summary__row--margin-top",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.taxTotal"})}),(0,w.jsx)(er.t,{amount:c.amount,currency:c.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]}),(0,w.jsx)(cr.i,{variant:"secondary"})]}),null!=s?(0,w.jsxs)("div",{"data-testid":"order-summary-total-incl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--emphasized",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.total"})}),(0,w.jsx)(er.t,{amount:null==s?void 0:s.inclTax.amount,currency:null==s?void 0:s.inclTax.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(ir,{rows:1}),null!=(null==s?void 0:s.exclTax)&&(0,w.jsxs)("div",{"data-testid":"order-summary-total-excl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.totalExclTax"})}),(0,w.jsx)(er.t,{amount:s.exclTax.amount,currency:s.exclTax.currency,className:(0,t.S)(["order-confirmation-order-summary__price",n])})]})]})},ur=e(2785),pr={};pr.styleTagTransform=g(),pr.setAttributes=u(),pr.insert=c().bind(null,"head"),pr.domAPI=d(),pr.insertStyleElement=f(),i()(ur.Z,pr),ur.Z&&ur.Z.locals&&ur.Z.locals;var fr=function(r){var n=r.className,e=r.onContinueShopping,o=void 0===e?function(){window.location.assign("/")}:e;return(0,w.jsxs)("div",{className:(0,t.S)(["order-confirmation-footer",n]),children:[(0,w.jsx)(R.z,{className:"order-confirmation-footer__continue-shopping-button",size:"medium",variant:"primary",type:"submit",onClick:o,children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Footer.continueShopping"})},"continueShopping"),(0,w.jsx)("p",{className:"order-confirmation-footer__contact-support",children:(0,w.jsx)(j.bp,{id:"OrderConfirmation.Footer.contactSupport"})})]})},yr=function(){return(0,w.jsxs)(or.O,{children:[(0,w.jsx)(or.d,{variant:"empty",size:"xlarge",fullWidth:!0}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{size:"small",fullWidth:!0}),(0,w.jsx)(or.d,{variant:"heading",size:"xsmall",fullWidth:!0})]})},gr=function(){return(0,w.jsx)(E.Z,{variant:"secondary",children:(0,w.jsxs)(or.O,{children:[(0,w.jsx)(or.d,{variant:"heading",size:"medium",fullWidth:!0}),(0,w.jsx)(or.d,{size:"xlarge",fullWidth:!0})]})})},vr=function(){return(0,w.jsx)(E.Z,{variant:"secondary",children:(0,w.jsxs)(or.O,{children:[(0,w.jsx)(or.d,{variant:"heading",size:"medium",fullWidth:!0}),(0,w.jsx)(or.d,{size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{size:"xlarge"}),(0,w.jsx)(or.d,{size:"xlarge"}),(0,w.jsx)(or.d,{size:"xlarge"}),(0,w.jsx)(or.d,{size:"xlarge"})]})})},xr=function(){return(0,w.jsxs)(or.O,{children:[(0,w.jsx)(or.d,{variant:"empty",size:"xlarge",fullWidth:!0}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{variant:"empty",size:"medium"}),(0,w.jsx)(or.d,{size:"small",fullWidth:!0}),(0,w.jsx)(or.d,{variant:"heading",size:"xsmall",fullWidth:!0})]})},hr=function(){return(0,w.jsxs)(or.O,{children:[(0,w.jsx)(or.d,{variant:"heading",size:"small"}),(0,w.jsx)(or.d,{variant:"empty",size:"small"}),(0,w.jsx)(or.d,{variant:"empty",size:"small"}),(0,w.jsx)(or.d,{variant:"empty",size:"small"}),(0,w.jsx)(or.d,{variant:"heading",size:"small",fullWidth:!0,lines:3})]})},br=function(){return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(or.d,{fullWidth:!0,className:"order-confirmation-header",children:(0,w.jsx)(yr,{})}),(0,w.jsx)(or.d,{fullWidth:!0,className:"order-confirmation-message",children:(0,w.jsx)(gr,{})}),(0,w.jsx)(or.d,{fullWidth:!0,className:"order-confirmation-details",children:(0,w.jsx)(vr,{})}),(0,w.jsx)(or.d,{fullWidth:!0,className:"order-confirmation-footer",children:(0,w.jsx)(xr,{})}),(0,w.jsx)(or.d,{fullWidth:!0,className:"order-confirmation-order-summary",children:(0,w.jsx)(hr,{})})]})};function jr(r){return jr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},jr(r)}function _r(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,o)}return e}function Or(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?_r(Object(e),!0).forEach((function(n){var o,t,a;o=r,t=n,a=e[n],(t=function(r){var n=function(r,n){if("object"!==jr(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!==jr(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===jr(n)?n:String(n)}(t))in o?Object.defineProperty(o,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[t]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):_r(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var wr=function(r){return r.ADD_ORDER_REFERENCE="ADD_ORDER_REFERENCE",r.LOADING="LOADING",r.SET_DETAILS="SET_DETAILS",r.ALERT="ALERT",r.DISMISS_ALERT="DISMISS_ALERT",r}({}),Sr=function(r){return r.ERROR="error",r.WARNING="warning",r.SUCCESS="success",r}({}),Nr=function(r){return r.INVALID_ORDER="invalid_order",r.INVALID_SEARCH="invalid_search",r.UNKNOWN="unknown_error",r}({});function kr(r,n){switch(n.type){case wr.ADD_ORDER_REFERENCE:return Or(Or({},r),{},{orderRef:n.orderRef});case wr.LOADING:return Or(Or({},r),{},{isLoading:!0});case wr.SET_DETAILS:return Or(Or({},r),{},{isLoading:!1,details:n.details,alert:n.alert});case wr.ALERT:return Or(Or({},r),{},{isLoading:!1,alert:n.alert,orderRef:n.alert.code===Nr.INVALID_ORDER?"":r.orderRef});case wr.DISMISS_ALERT:return Or(Or({},r),{},{alert:void 0});default:return r}}var Er=function(r){var n=r.className,e=r.state,o=r.handleOrderRef,a=r.dismissAlert,i=r.onContinueShopping,s=r.onOrderSearch,d=e.isLoading,l=e.orderRef,c=e.token,m=e.details,u=e.alert,p=!!c,f=!!l,y=!(null==m||!m.number),g=null==m?void 0:m.shipping_address,v=(null==g?void 0:g.firstname)||"",x=(null==m?void 0:m.number)||"",h=(null==m?void 0:m.status)||"",b=u&&u.code===Nr.INVALID_ORDER,j=u&&u.code===Nr.INVALID_SEARCH,_=!f||!p,O=!!v&&!!x,N=_&&!f,k=_&&f&&!y||f&&p&&!y,E=function(r){var n=null==r?void 0:r.total;if(n){var e=null==n?void 0:n.grand_total,o=null==n?void 0:n.subtotal,t=null==n?void 0:n.total_shipping,a=null==n?void 0:n.total_tax;return{total:{inclTax:{amount:(null==e?void 0:e.value)||0,currency:(null==e?void 0:e.currency)||""}},subtotal:{amount:(null==o?void 0:o.value)||0,currency:(null==o?void 0:o.currency)||"",isTaxIncl:!1},shipping:{amount:(null==t?void 0:t.value)||0,currency:(null==t?void 0:t.currency)||""},tax:{amount:(null==a?void 0:a.value)||0,currency:(null==a?void 0:a.currency)||""}}}}(m);return(0,w.jsx)("div",{className:(0,t.S)(["order-confirmation",["order-confirmation-skeleton",d],n]),children:d?(0,w.jsx)(br,{}):(0,w.jsxs)(w.Fragment,{children:[O&&(0,w.jsx)(S,{customerName:v,orderNumber:x,orderStatus:h}),N&&(0,w.jsx)(J,{alert:b?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,handleOrderRef:o}),k&&(0,w.jsx)(Y,{alert:j?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,onOrderSearch:s}),(0,w.jsx)(sr,{orderDetails:m}),(0,w.jsx)(mr,{summary:E}),(0,w.jsx)(fr,{onContinueShopping:i})]})})},Cr=e(1655),Dr=e(4853);function Rr(r,n){(null==n||n>r.length)&&(n=r.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=r[e];return o}var Ar=function(r){var n=r.orderRef,e=r.onContinueShopping,t=function(r){var n,e,t=(n=(0,Dr.useReducer)(kr,{isLoading:!1,orderRef:r,token:Cr.Z.get("guest-view"),details:null}),e=2,function(r){if(Array.isArray(r))return r}(n)||function(r,n){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var o,t,a,i,s=[],d=!0,l=!1;try{if(a=(e=e.call(r)).next,0===n){if(Object(e)!==e)return;d=!1}else for(;!(d=(o=a.call(e)).done)&&(s.push(o.value),s.length!==n);d=!0);}catch(r){l=!0,t=r}finally{try{if(!d&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(l)throw t}}return s}}(n,e)||function(r,n){if(r){if("string"==typeof r)return Rr(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Rr(r,n):void 0}}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=t[0],i=t[1],s=(0,j.XK)({invalidOrder:"OrderConfirmation.Errors.invalidOrder",invalidSearch:"OrderConfirmation.Errors.invalidSearch",unknow:"OrderConfirmation.Errors.unknow"}),d=(0,Dr.useCallback)((function(r){switch(r){case"Invalid order":return{type:Sr.WARNING,code:Nr.INVALID_ORDER,message:s.invalidOrder};case"Invalid search":return{type:Sr.WARNING,code:Nr.INVALID_SEARCH,message:s.invalidSearch}}}),[s.invalidOrder,s.invalidSearch]),l=(0,Dr.useCallback)((function(r){var n={maskedOrderId:a.orderRef||"",checkoutToken:a.token,orderSearch:r};(0,o.i)(n).then((function(r){var n=null!=r&&r.number?void 0:d("Invalid search");i({type:wr.SET_DETAILS,details:r,alert:n})})).catch((function(r){var n=d(r.message);n?i({type:wr.ALERT,alert:n}):console.error(r)}))}),[a.orderRef,a.token,d]);return(0,Dr.useEffect)((function(){a.orderRef&&a.token&&(i({type:wr.LOADING}),l())}),[a.orderRef,a.token,l]),{state:a,handleOrderRef:function(r){i({type:wr.ADD_ORDER_REFERENCE,orderRef:r})},handleOrderSearch:function(r){l(r)},dismissAlert:function(){i({type:wr.DISMISS_ALERT})}}}(n),a=t.state,i=t.handleOrderRef,s=t.handleOrderSearch,d=t.dismissAlert;return(0,w.jsx)(Er,{state:a,handleOrderRef:i,dismissAlert:d,onContinueShopping:e,onOrderSearch:s})}},474:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n/* .order-confirmation-details { } */\n\n.order-confirmation-details__header {\n display: grid;\n grid-auto-rows: max-content;\n}\n\n.order-confirmation-details__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-details h3 {\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n margin: 0 0 var(--spacing-xsmall) 0;\n}\n\n.order-confirmation-details p {\n margin: var(--spacing-xsmall) 0 0 0;\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n}\n\na.order-confirmation__login-link {\n font: var(--type-body-2-strong-font);\n margin-left: var(--spacing-xxsmall);\n}\n\n.order-confirmation-details__shipping-method span {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n}\n\n.order-confirmation-details__information {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n}\n\n.order-confirmation-details__information>div:empty {\n visibility: hidden;\n display: none;\n}\n\n.order-confirmation-details .static-skeleton {\n gap: var(--spacing-xsmall);\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (min-width:320px) and (max-width: 768px) {\n .order-confirmation-details__information {\n grid-template-columns: 1fr;\n }\n}\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},2785:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-footer {\n gap: var(--spacing-small);\n text-align: center;\n}\n\n.order-confirmation-footer button {\n margin: 0 auto;\n}\n\n.order-confirmation-footer__contact-support {\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n color: var(--color-neutral-700);\n}\n\n.order-confirmation-footer__contact-support a {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n color: var(--color-brand-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},2270:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-header {\n text-align: center;\n margin-bottom: var(--spacing-medium);\n padding: var(--spacing-xxbig);\n}\n\n.order-confirmation-header__icon {\n margin-bottom: var(--spacing-small);\n}\n\n.order-confirmation-header h1 {\n color: var(--color-neutral-800);\n font: var(--type-headline-1-font);\n letter-spacing: var(--type-headline-1-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-header h1:first-letter {\n text-transform: uppercase;\n}\n\n.order-confirmation-header p {\n color: var(--color-neutral-700);\n font: var(--type-details-overline-font);\n letter-spacing: var(--type-details-overline-letter-spacing);\n margin: var(--spacing-xxsmall) 0 0 0;\n}\n\n.order-confirmation-header .OrderSuccess_svg__success-icon {\n color: var(--color-positive-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},2902:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.elsie-in-line-alert {\n border-width: var(--shape-border-width-2);\n border-style: solid;\n border-radius: var(--shape-border-radius-1);\n display: grid;\n grid-auto-flow: row;\n gap: var(--spacing-small);\n padding: var(--spacing-small);\n position: relative;\n}\n\n.elsie-in-line-alert__heading {\n display: grid;\n gap: var(--spacing-small);\n grid-template-columns: auto auto;\n align-items: center;\n}\n\n.elsie-in-line-alert__title-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-xsmall);\n}\n\n.elsie-in-line-alert__title {\n color: var(--color-neutral-800);\n font: var(--type-body-2-emphasized-font);\n letter-spacing: var(--type-body-2-emphasized-letter-spacing);\n margin: 0;\n}\n\n.elsie-in-line-alert__actions-container {\n display: flex;\n justify-content: end;\n}\n\n.elsie-in-line-alert__additional-action {\n padding: 0px!important;\n}\n\n.elsie-in-line-alert__additional-action span{\n font: var(--type-details-caption-1-font);\n letter-spacing: var(--type-details-caption-1-letter-spacing);\n text-decoration: underline;\n color: var(--color-neutral-700);\n}\n\n.elsie-in-line-alert__dismiss-button {\n padding: 0;\n}\n\n.elsie-in-line-alert__description {\n color: var(--color-neutral-800);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.elsie-in-line-alert__additional-actions-container {\n display: flex;\n gap: var(--spacing-small);\n justify-content: flex-end;\n}\n\n/* Variants */\n\n/* Error */\n.elsie-in-line-alert--error {\n border-color: var(--color-alert-500);\n}\n\n/* Warning */\n.elsie-in-line-alert--warning {\n border-color: var(--color-warning-500);\n}\n\n/* Success */\n.elsie-in-line-alert--success {\n border-color: var(--color-positive-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},1238:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation {\n grid-template-columns: repeat(var(--grid-4-columns), 1fr);\n grid-column-gap: var(--grid-4-gutters);\n grid-row-gap: var(--spacing-xxbig);\n margin: 0 auto;\n display: grid;\n align-items: start;\n justify-content: center;\n width: 100%;\n max-width: 1920px;\n}\n\n.order-confirmation a {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n margin-left: var(--spacing-xxsmall);\n}\n\n/* GRID */\n.order-confirmation-header,\n.order-confirmation-footer,\n.order-confirmation-message,\n.order-confirmation-order-search-form,\n.order-confirmation-order-form,\n.order-confirmation-status,\n.order-confirmation-details {\n grid-column: 3 / span 4;\n}\n\n.order-confirmation-skeleton {\n grid-column: 3 / span 4;\n gap: var(--spacing-small);\n margin: var(--spacing-xxbig) 0 var(--spacing-xxbig) 0;\n}\n\n.order-confirmation-order-summary {\n grid-column: 8 / span 3;\n grid-row: 1 / 4;\n}\n\n.order-confirmation-details-contact .checkout-skeleton,\n.order-confirmation-details-address .checkout-skeleton,\n.order-confirmation-details-payment .checkout-skeleton {\n gap: var(--spacing-xsmall);\n margin-top: var(--spacing-xsmall);\n}\n\n.order-confirmation-details-contact .checkout-skeleton-row,\n.order-confirmation-details-address .checkout-skeleton-row,\n.order-confirmation-details-payment .checkout-skeleton-row {\n animation: 0;\n background: var(--color-neutral-300);\n}\n\n/*********** Media queries ***********/\n@media screen and (min-width: 768px) and (max-width: 1366px) {\n .order-confirmation {\n grid-template-columns: repeat(var(--grid-3-columns), 1fr);\n grid-column-gap: var(--grid-3-gutters);\n }\n\n .order-confirmation-header,\n .order-confirmation-footer,\n .order-confirmation-message,\n .order-confirmation-order-search-form,\n .order-confirmation-order-form,\n .order-confirmation-status,\n .order-confirmation-details,\n .order-confirmation-order-summary {\n grid-column: 1 / span 7;\n }\n\n .order-confirmation-order-summary {\n grid-column: 9 / span 4;\n grid-row: 1 / 4;\n }\n}\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (min-width: 320px) and (max-width: 768px) {\n .order-confirmation {\n grid-template-columns: repeat(var(--grid-1-columns), 1fr);\n grid-column-gap: var(--grid-1-gutters);\n }\n\n .order-confirmation-header,\n .order-confirmation-footer,\n .order-confirmation-message,\n .order-confirmation-order-search-form,\n .order-confirmation-order-form,\n .order-confirmation-details,\n .order-confirmation-order-summary {\n grid-column: 1 / span 4;\n }\n\n .order-confirmation-order-summary {\n grid-row: 3 / 4;\n }\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},5539:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-order-form .elsie-card__content {\n gap: var(--spacing-small);\n}\n.order-confirmation-order-form p {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-form__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-form form {\n display: grid;\n grid-template-rows: 1fr;\n}\n\n.order-confirmation-order-form__fields-columns {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n margin-bottom: var(--spacing-medium);\n}\n\n.order-confirmation-order-form form button {\n align-self: flex-end;\n justify-self: flex-end;\n margin-top: var(--spacing-small);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},9759:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-order-search-form .elsie-card__content {\n gap: var(--spacing-small);\n}\n.order-confirmation-order-search-form p {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-search-form__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-search-form form {\n display: grid;\n grid-template-rows: 1fr;\n}\n\n.order-confirmation-order-search-form__fields-columns {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n margin-bottom: var(--spacing-medium);\n}\n\n.order-confirmation-order-search-form form button {\n align-self: flex-end;\n justify-self: flex-end;\n margin-top: var(--spacing-small);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},5509:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,".order-confirmation-order-summary .elsie-card__content {\n gap: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-default-font);\n letter-spacing: var(--type-headline-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-summary .elsie-divider--primary {\n margin: 0 0 var(--spacing-medium) 0 !important;\n}\n\n.order-confirmation-order-summary .elsie-divider--secondary {\n margin: var(--spacing-xsmall) 0 var(--spacing-xsmall) 0 !important;\n}\n\n.order-confirmation-order-summary__breakdown {\n margin: var(--spacing-big) 0 var(--spacing-medium) 0;\n}\n\n.order-confirmation-order-summary__breakdown .elsie-divider:last-child {\n margin-bottom: 0;\n}\n\n.order-confirmation-order-summary__row {\n display: flex;\n justify-content: space-between;\n color: var(--color-neutral-800);\n font: var(--type-body-1-default-font);\n letter-spacing: var(--type-body-1-default-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--margin-top {\n margin-top: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__row--margin-bottom {\n margin-bottom: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__row .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-default-font);\n letter-spacing: var(--type-body-1-default-letter-spacing);\n}\n\n.order-confirmation-order-summary__row p {\n margin: 0;\n}\n\n.order-confirmation-order-summary__row--strong {\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--strong .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--emphasized {\n font: var(--type-body-1-emphasized-font);\n letter-spacing: var(--type-body-1-emphasized-letter-spacing);\n margin-top: var(--spacing-small);\n}\n\n.order-confirmation-order-summary__row--emphasized .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-emphasized-font);\n letter-spacing: var(--type-body-1-emphasized-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--muted {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin-top: calc(-1 * var(--spacing-xxsmall));\n}\n\n.order-confirmation-order-summary__row--muted .order-confirmation-order-summary__price {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n}\n\n/*.order-summary__skeleton {\n margin-top: var(--spacing-medium);\n}*/\n\n.order-confirmation-order-summary .elsie-skeleton:last-child {\n margin-top: var(--spacing-big);\n}\n\n@media only screen and (min-width: 320px) and (max-width: 768px) {\n .order-confirmation-order-summary {\n border-top: var(--shape-border-width-2) solid var(--color-neutral-400);\n border-bottom: var(--shape-border-width-2) solid var(--color-neutral-400);\n border-radius: 0;\n }\n\n .order-confirmation-skeleton .order-confirmation-order-summary {\n border: 0 none;\n }\n}\n",""]);const s=i},8451:(r,n,e)=>{e.d(n,{Z:()=>s});var o=e(4933),t=e.n(o),a=e(3476),i=e.n(a)()(t());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.static-skeleton .elsie-skeleton--row__content {\n animation: 0;\n background: var(--color-neutral-300);\n border-radius: var(--shape-border-radius-1);\n}",""]);const s=i},9699:(n,e,o)=>{var t,a;n.exports=(t={FetchGraphQL:()=>r.FetchGraphQL},a={},o.d(a,t),a)},4853:(r,e,o)=>{var t,a;r.exports=(t={useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useReducer:()=>n.useReducer},a={},o.d(a,t),a)},5437:(r,n,o)=>{var t,a;r.exports=(t={useCallback:()=>e.useCallback,useContext:()=>e.useContext,useDebugValue:()=>e.useDebugValue,useEffect:()=>e.useEffect,useId:()=>e.useId,useImperativeHandle:()=>e.useImperativeHandle,useLayoutEffect:()=>e.useLayoutEffect,useMemo:()=>e.useMemo,useReducer:()=>e.useReducer,useRef:()=>e.useRef,useState:()=>e.useState},a={},o.d(a,t),a)},4142:(r,n,e)=>{var t,a;r.exports=(t={Fragment:()=>o.Fragment,jsx:()=>o.jsx,jsxs:()=>o.jsxs},a={},e.d(a,t),a)},3474:(r,n,e)=>{var o,a;r.exports=(o={Component:()=>t.Component,Fragment:()=>t.Fragment,cloneElement:()=>t.cloneElement,createContext:()=>t.createContext,createElement:()=>t.createElement,createRef:()=>t.createRef,h:()=>t.h,hydrate:()=>t.hydrate,options:()=>t.options,render:()=>t.render,toChildArray:()=>t.toChildArray},a={},e.d(a,o),a)}};import a from"../runtime.js";import*as i from"../757.js";a.C(i);import*as s from"../113.js";a.C(s);import*as d from"../199.js";a.C(d);import*as l from"./OrderConfirmation.js";a.C(l);var c=(2485,a(a.s=2485)),m=c.N,u=c.Z;export{m as OrderConfirmation,u as default}; | ||
| import*as r from"@dropins/elsie/fetch-graphql.js";import*as n from"@dropins/elsie/preact-compat.js";import*as e from"@dropins/elsie/preact-hooks.js";import*as t from"@dropins/elsie/preact-jsx-runtime.js";import*as o from"@dropins/elsie/preact.js";export const id=267;export const ids=[267];export const modules={2485:(r,n,e)=>{e.d(n,{N:()=>zr,Z:()=>zr});var t=e(2199),o=e(5587),i=e(1892),a=e.n(i),s=e(5760),d=e.n(s),l=e(8311),c=e.n(l),m=e(8192),u=e.n(m),p=e(8060),f=e.n(p),y=e(4865),g=e.n(y),v=e(1238),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=f(),a()(v.Z,h),v.Z&&v.Z.locals&&v.Z.locals;var x=e(1072),b=e(8174),j=e(9724),_=e(2270),O={};O.styleTagTransform=g(),O.setAttributes=u(),O.insert=c().bind(null,"head"),O.domAPI=d(),O.insertStyleElement=f(),a()(_.Z,O),_.Z&&_.Z.locals&&_.Z.locals;var w=e(7188),S=function(r){var n=r.customerName,e=r.orderNumber,t=r.orderStatus;return(0,w.jsxs)("div",{className:"order-confirmation-header order-confirmation__card",children:[(0,w.jsx)(x.J,{source:b.Z,size:"64",className:"order-confirmation-header__icon"}),(0,w.jsx)("h1",{className:"order-confirmation-header__title",children:n?(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.title",fields:{name:n}}):(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.defaultTitle"})}),e&&(0,w.jsxs)("p",{children:[(0,w.jsx)(j.xv,{id:"OrderConfirmation.Header.order",fields:{order:e}}),void 0!==t&&""!==t&&(0,w.jsxs)("span",{className:"order-confirmation-header__status",children:[" ","(",t,")"]})]})]})},N=e(5539),k={};k.styleTagTransform=g(),k.setAttributes=u(),k.insert=c().bind(null,"head"),k.domAPI=d(),k.insertStyleElement=f(),a()(N.Z,k),N.Z&&N.Z.locals&&N.Z.locals;var E=e(4462),D=e(9627),C=e(6276),R=e(9853),A=e(4625),P=e(2902),I={};I.styleTagTransform=g(),I.setAttributes=u(),I.insert=c().bind(null,"head"),I.domAPI=d(),I.insertStyleElement=f(),a()(P.Z,I),P.Z&&P.Z.locals&&P.Z.locals;var Z=e(2605),z=e(6553),T=e(7498);function L(r){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},L(r)}var F=["className","type","additionalActions","onDismiss","heading","description"];function X(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function W(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?X(Object(e),!0).forEach((function(n){var t,o,i;t=r,o=n,i=e[n],(o=function(r){var n=function(r,n){if("object"!==L(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==L(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===L(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):X(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var M={error:Z.Z,success:z.Z,warning:Z.Z},q=function(r){var n,e,t,i=r.className,a=r.type,s=void 0===a?"warning":a,d=r.additionalActions,l=r.onDismiss,c=r.heading,m=r.description,u=function(r,n){if(null==r)return{};var e,t,o=function(r,n){if(null==r)return{};var e,t,o={},i=Object.keys(r);for(t=0;t<i.length;t++)e=i[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(t=0;t<i.length;t++)e=i[t],n.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}(r,F),p=M[s];return(0,w.jsxs)("div",W(W({},u),{},{className:(0,o.S)(["elsie-in-line-alert","elsie-in-line-alert--".concat(s),i]),children:[(0,w.jsxs)("div",{className:"elsie-in-line-alert__heading",children:[(0,w.jsxs)("div",{className:"elsie-in-line-alert__title-container",children:[p&&(0,w.jsx)(x.J,{source:p,className:"elsie-in-line-alert__icon"}),(0,w.jsx)("span",{className:"elsie-in-line-alert__title",children:c})]}),(0,w.jsxs)("div",{className:"elsie-in-line-alert__actions-container",children:[1==(null==d?void 0:d.length)&&(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:null===(n=d[0])||void 0===n?void 0:n.onClick,"aria-label":null===(e=d[0])||void 0===e?void 0:e.label,children:null===(t=d[0])||void 0===t?void 0:t.label}),l&&(0,w.jsx)(R.z,{icon:(0,w.jsx)(x.J,{source:T.Z,size:"24",stroke:"2"}),className:"elsie-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":"OrderConfirmation.InlineAlert.Dismiss"})]})]}),m&&(0,w.jsx)("p",{className:"elsie-in-line-alert__description",children:m}),d&&(null==d?void 0:d.length)>1&&(0,w.jsx)("div",{className:"elsie-in-line-alert__additional-actions-container",children:d.map((function(r){return(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:r.onClick,children:r.label},r.label)}))})]}))};function G(r){return G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},G(r)}function V(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function H(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?V(Object(e),!0).forEach((function(n){var t,o,i;t=r,o=n,i=e[n],(o=function(r){var n=function(r,n){if("object"!==G(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==G(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===G(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):V(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var J=function(r){var n=r.alert,e=r.handleOrderRef;return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-order-form order-confirmation__card",children:[(0,w.jsx)("h2",{className:"order-confirmation-order-form__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.title"})}),(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.description"})}),n&&(0,w.jsx)(q,H({className:"order-confirmation-order-form__alert"},n)),(0,w.jsxs)("form",{onSubmit:function(r){r.preventDefault();var n=r.target,t=(0,A.X)(n);t.orderRef&&e(t.orderRef)},children:[(0,w.jsx)(D.g,{children:(0,w.jsx)(C.I,{id:"order-ref",name:"orderRef",type:"text",placeholder:"Order ID",floatingLabel:"Order ID",required:!0,"aria-label":"Order ID","aria-required":!0})}),(0,w.jsx)(R.z,{className:"order-confirmation-order-form__button",size:"medium",variant:"primary",type:"submit",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderForm.button"})})]})]})},K=e(9759),U={};function Q(r){return Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},Q(r)}function B(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function $(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?B(Object(e),!0).forEach((function(n){var t,o,i;t=r,o=n,i=e[n],(o=function(r){var n=function(r,n){if("object"!==Q(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==Q(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===Q(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):B(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}U.styleTagTransform=g(),U.setAttributes=u(),U.insert=c().bind(null,"head"),U.domAPI=d(),U.insertStyleElement=f(),a()(K.Z,U),K.Z&&K.Z.locals&&K.Z.locals;var Y=function(r){var n=r.alert,e=r.onOrderSearch,t=(0,j.XK)({email:"OrderConfirmation.OrderSearchForm.email",postcode:"OrderConfirmation.OrderSearchForm.postcode",number:"OrderConfirmation.OrderSearchForm.orderNumber"});return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-order-search-form order-confirmation__card",children:[(0,w.jsx)("h2",{className:"order-confirmation-order-search-form__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.title"})}),(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.description"})}),n&&(0,w.jsx)(q,$({className:"order-confirmation-order-search-form__alert"},n)),(0,w.jsxs)("form",{className:"order-confirmation-order-search-form__fields",onSubmit:function(r){r.preventDefault();var n=(0,A.X)(r.target);null==e||e(n)},children:[(0,w.jsxs)("div",{className:"order-confirmation-order-search-form__fields-columns",children:[(0,w.jsx)(D.g,{children:(0,w.jsx)(C.I,{id:"order-email",name:"email",type:"email",autocomplete:"email",placeholder:t.email,floatingLabel:t.email,required:!0,"aria-label":t.email,"aria-required":!0})}),(0,w.jsx)(D.g,{children:(0,w.jsx)(C.I,{id:"postcode",name:"postcode",type:"text",autocomplete:"postal-code",placeholder:t.postcode,floatingLabel:t.postcode,required:!1,"aria-label":t.postcode,"aria-required":!0})})]}),(0,w.jsx)(D.g,{children:(0,w.jsx)(C.I,{id:"order-number",name:"number",type:"text",placeholder:t.number,floatingLabel:t.number,required:!0,"aria-label":t.number,"aria-required":!0})}),(0,w.jsx)(R.z,{className:"order-confirmation-order-search-form__button",size:"medium",variant:"primary",type:"submit",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSearchForm.button"})},"logIn")]})]})},rr=e(474),nr={};nr.styleTagTransform=g(),nr.setAttributes=u(),nr.insert=c().bind(null,"head"),nr.domAPI=d(),nr.insertStyleElement=f(),a()(rr.Z,nr),rr.Z&&rr.Z.locals&&rr.Z.locals;var er=e(1988),tr=e(9578),or=e(8451),ir={};function ar(r){return ar="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},ar(r)}ir.styleTagTransform=g(),ir.setAttributes=u(),ir.insert=c().bind(null,"head"),ir.domAPI=d(),ir.insertStyleElement=f(),a()(or.Z,ir),or.Z&&or.Z.locals&&or.Z.locals;var sr=["rows","size"];function dr(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function lr(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?dr(Object(e),!0).forEach((function(n){var t,o,i;t=r,o=n,i=e[n],(o=function(r){var n=function(r,n){if("object"!==ar(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==ar(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===ar(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):dr(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var cr=function(r){var n=r.rows,e=r.size,t=void 0===e?"xsmall":e,o=function(r,n){if(null==r)return{};var e,t,o=function(r,n){if(null==r)return{};var e,t,o={},i=Object.keys(r);for(t=0;t<i.length;t++)e=i[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(t=0;t<i.length;t++)e=i[t],n.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}(r,sr);return(0,w.jsx)(tr.O,lr(lr({className:"static-skeleton"},o),{},{children:Array.from(Array(n).keys()).map((function(r){return(0,w.jsx)(tr.d,{variant:"heading",size:t,fullWidth:!0},r)}))}))},mr=function(r){var n,e,t,o=r.orderDetails,i=o&&(null==o?void 0:o.number),a=(null==o?void 0:o.email)||"",s=o&&""!==a,d=null==o?void 0:o.shipping_address,l=o&&null!==d,c=null==o?void 0:o.billing_address,m=o&&null!==c,u=null==o?void 0:o.shipping_method,p=null==o||null===(n=o.total)||void 0===n||null===(n=n.total_shipping)||void 0===n?void 0:n.value,f=null==o||null===(e=o.total)||void 0===e||null===(e=e.total_shipping)||void 0===e?void 0:e.currency,y=o&&u&&f&&null!=p,g=null==o?void 0:o.payment_methods,v=g&&g.length>0,h=v?null===(t=g[0])||void 0===t?void 0:t.name:"",x=o&&v&&""!==h;return(0,w.jsxs)(E.Z,{variant:"secondary",className:"order-confirmation-details order-confirmation__card",children:[(0,w.jsx)("div",{className:"order-confirmation-details__header",children:(0,w.jsx)("h2",{className:"order-confirmation-details__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.title"})})}),(0,w.jsxs)("div",{className:"order-confirmation-details__contact",children:[(!o||s)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.contact"})}),s&&(0,w.jsx)("p",{children:a}),!i&&(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-details-contact-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__information",children:[(0,w.jsxs)("div",{className:"order-confirmation-details__shipping_address",children:[(!i||l)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingAddress"})}),l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==d?void 0:d.firstname," ",null==d?void 0:d.lastname]}),null==d?void 0:d.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==d?void 0:d.city," ",null==d?void 0:d.region," ",null==d?void 0:d.postcode,", ",null==d?void 0:d.country_code]})]}),!i&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-shipping-address-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__billing_address",children:[(!i||m)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.billingAddress"})}),m&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==c?void 0:c.firstname," ",null==c?void 0:c.lastname]}),null==c?void 0:c.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==d?void 0:d.city," ",null==c?void 0:c.region," ",null==c?void 0:c.postcode,", ",null==c?void 0:c.country_code]})]}),!i&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-billing-address-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__shipping-method",children:[(!i||y)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingMethod"})}),y&&(0,w.jsx)(w.Fragment,{children:0===p?(0,w.jsx)("p",{className:"order-confirmation-order-summary__price",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.freeShipping"})}):(0,w.jsxs)("p",{children:[(0,w.jsx)(er.t,{amount:p,currency:f})," ",u]})}),!i&&(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-details-shipping-method-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__payment-method",children:[(!i||x)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.paymentMethod"})}),x&&(0,w.jsx)("p",{children:h}),!i&&(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-details-payment-method-skeleton"})]})]})]})},ur=e(5509),pr={};pr.styleTagTransform=g(),pr.setAttributes=u(),pr.insert=c().bind(null,"head"),pr.domAPI=d(),pr.insertStyleElement=f(),a()(ur.Z,pr),ur.Z&&ur.Z.locals&&ur.Z.locals;var fr=e(51),yr=function(r){var n=r.className,e=r.summary,t=r.variant,i=void 0===t?"secondary":t,a=null!=e?e:{},s=a.total,d=a.subtotal,l=a.shipping,c=a.tax;return(0,w.jsxs)(E.Z,{className:(0,o.S)(["order-confirmation-order-summary",n]),variant:i,children:[(0,w.jsx)("h2",{className:"order-confirmation-order-summary__title",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.title"})}),(0,w.jsx)(fr.i,{variant:"primary"}),null!=d?(0,w.jsxs)("div",{"data-testid":"order-summary-subtotal",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.subtotal"})}),(0,w.jsx)(er.t,{amount:null==d?void 0:d.amount,currency:null==d?void 0:d.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-order-summary-subtotal-skeleton"}),(null==d?void 0:d.isTaxIncl)&&(0,w.jsx)("div",{"data-testid":"order-summary-subtotal-incl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.includingTaxes"})})}),null!=l?(0,w.jsxs)("div",{"data-testid":"order-summary-shipping",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.shipping"})}),0===l.amount?(0,w.jsx)("p",{className:"order-confirmation-order-summary__price",children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.freeShipping"})}):(0,w.jsx)(er.t,{amount:l.amount,currency:l.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-order-summary-shipping-skeleton"}),null!=c&&!c.breakdown&&(0,w.jsxs)("div",{"data-testid":"order-summary-tax",className:"order-confirmation-order-summary__row",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.tax"})}),(0,w.jsx)(er.t,{amount:c.amount,currency:c.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]}),null!=c&&c.breakdown&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(fr.i,{variant:"secondary"}),(0,w.jsx)("div",{className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--margin-bottom",children:(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.taxBreakdown"})})}),c.breakdown.map((function(r){return(0,w.jsxs)("div",{"data-testid":"order-summary-tax-breakdown",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:[(0,w.jsx)("p",{children:r.label}),(0,w.jsx)(er.t,{amount:r.amount.value,currency:r.amount.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]},r.label)})),(0,w.jsxs)("div",{"data-testid":"order-summary-tax-breakdown-total",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--strong order-confirmation-order-summary__row--margin-top",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.taxTotal"})}),(0,w.jsx)(er.t,{amount:c.amount,currency:c.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]}),(0,w.jsx)(fr.i,{variant:"secondary"})]}),null!=s?(0,w.jsxs)("div",{"data-testid":"order-summary-total-incl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--emphasized",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.total"})}),(0,w.jsx)(er.t,{amount:null==s?void 0:s.inclTax.amount,currency:null==s?void 0:s.inclTax.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]}):(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-order-summary-total-skeleton"}),null!=(null==s?void 0:s.exclTax)&&(0,w.jsxs)("div",{"data-testid":"order-summary-total-excl-tax",className:"order-confirmation-order-summary__row order-confirmation-order-summary__row--muted",children:[(0,w.jsx)("p",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.OrderSummary.totalExclTax"})}),(0,w.jsx)(er.t,{amount:s.exclTax.amount,currency:s.exclTax.currency,className:(0,o.S)(["order-confirmation-order-summary__price",n])})]})]})},gr=e(2785),vr={};vr.styleTagTransform=g(),vr.setAttributes=u(),vr.insert=c().bind(null,"head"),vr.domAPI=d(),vr.insertStyleElement=f(),a()(gr.Z,vr),gr.Z&&gr.Z.locals&&gr.Z.locals;var hr=function(r){var n=r.className,e=r.onContinueShopping,t=void 0===e?function(){window.location.assign("/")}:e;return(0,w.jsxs)("div",{className:(0,o.S)(["order-confirmation-footer",n]),children:[(0,w.jsx)(R.z,{className:"order-confirmation-footer__continue-shopping-button",size:"medium",variant:"primary",type:"submit",onClick:t,children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Footer.continueShopping"})},"continueShopping"),(0,w.jsx)("p",{className:"order-confirmation-footer__contact-support",children:(0,w.jsx)(j.bp,{id:"OrderConfirmation.Footer.contactSupport"})})]})},xr=function(){return(0,w.jsxs)(tr.O,{"data-testid":"order-confirmation-header-skeleton",children:[(0,w.jsx)(tr.d,{variant:"empty",size:"xlarge",fullWidth:!0}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{size:"small",fullWidth:!0}),(0,w.jsx)(tr.d,{variant:"heading",size:"xsmall",fullWidth:!0})]})},br=function(){return(0,w.jsx)(E.Z,{variant:"secondary",children:(0,w.jsxs)(tr.O,{children:[(0,w.jsx)(tr.d,{variant:"heading",size:"medium",fullWidth:!0}),(0,w.jsx)(tr.d,{size:"xlarge",fullWidth:!0})]})})},jr=function(){return(0,w.jsx)(E.Z,{variant:"secondary",children:(0,w.jsxs)(tr.O,{"data-testid":"order-confirmation-details-skeleton",children:[(0,w.jsx)(tr.d,{variant:"heading",size:"medium",fullWidth:!0}),(0,w.jsx)(tr.d,{size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{size:"xlarge"}),(0,w.jsx)(tr.d,{size:"xlarge"}),(0,w.jsx)(tr.d,{size:"xlarge"}),(0,w.jsx)(tr.d,{size:"xlarge"})]})})},_r=function(){return(0,w.jsxs)(tr.O,{children:[(0,w.jsx)(tr.d,{variant:"empty",size:"xlarge",fullWidth:!0}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{variant:"empty",size:"medium"}),(0,w.jsx)(tr.d,{size:"small",fullWidth:!0}),(0,w.jsx)(tr.d,{variant:"heading",size:"xsmall",fullWidth:!0})]})},Or=function(){return(0,w.jsxs)(tr.O,{"data-testid":"order-confirmation-order-summary-skeleton",children:[(0,w.jsx)(tr.d,{variant:"heading",size:"small"}),(0,w.jsx)(tr.d,{variant:"empty",size:"small"}),(0,w.jsx)(tr.d,{variant:"empty",size:"small"}),(0,w.jsx)(tr.d,{variant:"empty",size:"small"}),(0,w.jsx)(tr.d,{variant:"heading",size:"small",fullWidth:!0,lines:3})]})},wr=function(){return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(tr.d,{fullWidth:!0,className:"order-confirmation-header",children:(0,w.jsx)(xr,{})}),(0,w.jsx)(tr.d,{fullWidth:!0,className:"order-confirmation-message",children:(0,w.jsx)(br,{})}),(0,w.jsx)(tr.d,{fullWidth:!0,className:"order-confirmation-details",children:(0,w.jsx)(jr,{})}),(0,w.jsx)(tr.d,{fullWidth:!0,className:"order-confirmation-footer",children:(0,w.jsx)(_r,{})}),(0,w.jsx)(tr.d,{fullWidth:!0,className:"order-confirmation-order-summary",children:(0,w.jsx)(Or,{})})]})};function Sr(r){return Sr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},Sr(r)}function Nr(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function kr(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?Nr(Object(e),!0).forEach((function(n){var t,o,i;t=r,o=n,i=e[n],(o=function(r){var n=function(r,n){if("object"!==Sr(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==Sr(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===Sr(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):Nr(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}var Er=function(r){return r.ADD_ORDER_REFERENCE="ADD_ORDER_REFERENCE",r.LOADING="LOADING",r.SET_DETAILS="SET_DETAILS",r.ALERT="ALERT",r.DISMISS_ALERT="DISMISS_ALERT",r}({}),Dr=function(r){return r.ERROR="error",r.WARNING="warning",r.SUCCESS="success",r}({}),Cr=function(r){return r.INVALID_ORDER="invalid_order",r.INVALID_SEARCH="invalid_search",r.UNKNOWN="unknown_error",r}({});function Rr(r,n){switch(n.type){case Er.ADD_ORDER_REFERENCE:return kr(kr({},r),{},{orderRef:n.orderRef});case Er.LOADING:return kr(kr({},r),{},{isLoading:!0});case Er.SET_DETAILS:return kr(kr({},r),{},{isLoading:!1,details:n.details,alert:n.alert});case Er.ALERT:return kr(kr({},r),{},{isLoading:!1,alert:n.alert,orderRef:n.alert.code===Cr.INVALID_ORDER?"":r.orderRef});case Er.DISMISS_ALERT:return kr(kr({},r),{},{alert:void 0});default:return r}}var Ar=function(r){var n=r.className,e=r.state,t=r.handleOrderRef,i=r.dismissAlert,a=r.onContinueShopping,s=r.onOrderSearch,d=e.isLoading,l=e.orderRef,c=e.token,m=e.details,u=e.alert,p=!!c,f=!!l,y=!(null==m||!m.number),g=null==m?void 0:m.billing_address,v=(null==g?void 0:g.firstname)||"",h=(null==m?void 0:m.number)||"",x=(null==m?void 0:m.status)||"",b=u&&u.code===Cr.INVALID_ORDER,j=u&&u.code===Cr.INVALID_SEARCH,_=!f||!p,O=!!v&&!!h,N=_&&!f,k=_&&f&&!y||f&&p&&!y,E=function(r){var n=null==r?void 0:r.total;if(n){var e=null==n?void 0:n.grand_total,t=null==n?void 0:n.subtotal,o=null==n?void 0:n.total_shipping,i=null==n?void 0:n.total_tax;return{total:{inclTax:{amount:(null==e?void 0:e.value)||0,currency:(null==e?void 0:e.currency)||""}},subtotal:{amount:(null==t?void 0:t.value)||0,currency:(null==t?void 0:t.currency)||"",isTaxIncl:!1},shipping:{amount:(null==o?void 0:o.value)||0,currency:(null==o?void 0:o.currency)||""},tax:{amount:(null==i?void 0:i.value)||0,currency:(null==i?void 0:i.currency)||""}}}}(m);return(0,w.jsx)("div",{className:(0,o.S)(["order-confirmation",["order-confirmation-skeleton",d],n]),children:d?(0,w.jsx)(wr,{}):(0,w.jsxs)(w.Fragment,{children:[O&&(0,w.jsx)(S,{customerName:v,orderNumber:h,orderStatus:x}),N&&(0,w.jsx)(J,{alert:b?{heading:u.message,description:"",type:u.type,onDismiss:i}:void 0,handleOrderRef:t}),k&&(0,w.jsx)(Y,{alert:j?{heading:u.message,description:"",type:u.type,onDismiss:i}:void 0,onOrderSearch:s}),(0,w.jsx)(mr,{orderDetails:m}),(0,w.jsx)(yr,{summary:E}),(0,w.jsx)(hr,{onContinueShopping:a})]})})},Pr=e(1655),Ir=e(4853);function Zr(r,n){(null==n||n>r.length)&&(n=r.length);for(var e=0,t=new Array(n);e<n;e++)t[e]=r[e];return t}var zr=function(r){var n=r.orderRef,e=r.onContinueShopping,o=function(r){var n,e,o=(n=(0,Ir.useReducer)(Rr,{isLoading:!1,orderRef:r,token:Pr.Z.get("guest-view"),details:null}),e=2,function(r){if(Array.isArray(r))return r}(n)||function(r,n){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var t,o,i,a,s=[],d=!0,l=!1;try{if(i=(e=e.call(r)).next,0===n){if(Object(e)!==e)return;d=!1}else for(;!(d=(t=i.call(e)).done)&&(s.push(t.value),s.length!==n);d=!0);}catch(r){l=!0,o=r}finally{try{if(!d&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(l)throw o}}return s}}(n,e)||function(r,n){if(r){if("string"==typeof r)return Zr(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?Zr(r,n):void 0}}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=o[0],a=o[1],s=(0,j.XK)({invalidOrder:"OrderConfirmation.Errors.invalidOrder",invalidSearch:"OrderConfirmation.Errors.invalidSearch",unknow:"OrderConfirmation.Errors.unknow"}),d=(0,Ir.useCallback)((function(r){switch(r){case"Invalid order":return{type:Dr.WARNING,code:Cr.INVALID_ORDER,message:s.invalidOrder};case"Invalid search":return{type:Dr.WARNING,code:Cr.INVALID_SEARCH,message:s.invalidSearch}}}),[s.invalidOrder,s.invalidSearch]),l=(0,Ir.useCallback)((function(r){var n={maskedOrderId:i.orderRef||"",checkoutToken:i.token,orderSearch:r};(0,t.i)(n).then((function(n){var e=null!=n&&n.number||void 0===r?void 0:d("Invalid search");a({type:Er.SET_DETAILS,details:n,alert:e})})).catch((function(r){var n=d(r.message);n?a({type:Er.ALERT,alert:n}):console.error(r)}))}),[i.orderRef,i.token,d]);return(0,Ir.useEffect)((function(){i.orderRef&&(a({type:Er.LOADING}),l())}),[i.orderRef,i.token,l]),{state:i,handleOrderRef:function(r){a({type:Er.ADD_ORDER_REFERENCE,orderRef:r})},handleOrderSearch:function(r){l(r)},dismissAlert:function(){a({type:Er.DISMISS_ALERT})}}}(n),i=o.state,a=o.handleOrderRef,s=o.handleOrderSearch,d=o.dismissAlert;return(0,w.jsx)(Ar,{state:i,handleOrderRef:a,dismissAlert:d,onContinueShopping:e,onOrderSearch:s})}},474:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n/* .order-confirmation-details { } */\n\n.order-confirmation-details__header {\n display: grid;\n grid-auto-rows: max-content;\n}\n\n.order-confirmation-details__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-details h3 {\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n margin: 0 0 var(--spacing-xsmall) 0;\n}\n\n.order-confirmation-details p {\n margin: var(--spacing-xsmall) 0 0 0;\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n}\n\na.order-confirmation__login-link {\n font: var(--type-body-2-strong-font);\n margin-left: var(--spacing-xxsmall);\n}\n\n.order-confirmation-details__shipping-method span {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n}\n\n.order-confirmation-details__information {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n}\n\n.order-confirmation-details__information>div:empty {\n visibility: hidden;\n display: none;\n}\n\n.order-confirmation-details .static-skeleton {\n gap: var(--spacing-xsmall);\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (min-width:320px) and (max-width: 768px) {\n .order-confirmation-details__information {\n grid-template-columns: 1fr;\n }\n}\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},2785:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-footer {\n gap: var(--spacing-small);\n text-align: center;\n}\n\n.order-confirmation-footer button {\n margin: 0 auto;\n}\n\n.order-confirmation-footer__contact-support {\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n color: var(--color-neutral-700);\n}\n\n.order-confirmation-footer__contact-support a {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n color: var(--color-brand-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},2270:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-header {\n text-align: center;\n margin-bottom: var(--spacing-medium);\n padding: var(--spacing-xxbig);\n}\n\n.order-confirmation-header__icon {\n margin-bottom: var(--spacing-small);\n}\n\n.order-confirmation-header h1 {\n color: var(--color-neutral-800);\n font: var(--type-headline-1-font);\n letter-spacing: var(--type-headline-1-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-header h1:first-letter {\n text-transform: uppercase;\n}\n\n.order-confirmation-header p {\n color: var(--color-neutral-700);\n font: var(--type-details-overline-font);\n letter-spacing: var(--type-details-overline-letter-spacing);\n margin: var(--spacing-xxsmall) 0 0 0;\n}\n\n.order-confirmation-header .OrderSuccess_svg__success-icon {\n color: var(--color-positive-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},2902:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.elsie-in-line-alert {\n border-width: var(--shape-border-width-2);\n border-style: solid;\n border-radius: var(--shape-border-radius-1);\n display: grid;\n grid-auto-flow: row;\n gap: var(--spacing-small);\n padding: var(--spacing-small);\n position: relative;\n}\n\n.elsie-in-line-alert__heading {\n display: grid;\n gap: var(--spacing-small);\n grid-template-columns: auto auto;\n align-items: center;\n}\n\n.elsie-in-line-alert__title-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-xsmall);\n}\n\n.elsie-in-line-alert__title {\n color: var(--color-neutral-800);\n font: var(--type-body-2-emphasized-font);\n letter-spacing: var(--type-body-2-emphasized-letter-spacing);\n margin: 0;\n}\n\n.elsie-in-line-alert__actions-container {\n display: flex;\n justify-content: end;\n}\n\n.elsie-in-line-alert__additional-action {\n padding: 0px!important;\n}\n\n.elsie-in-line-alert__additional-action span{\n font: var(--type-details-caption-1-font);\n letter-spacing: var(--type-details-caption-1-letter-spacing);\n text-decoration: underline;\n color: var(--color-neutral-700);\n}\n\n.elsie-in-line-alert__dismiss-button {\n padding: 0;\n}\n\n.elsie-in-line-alert__description {\n color: var(--color-neutral-800);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.elsie-in-line-alert__additional-actions-container {\n display: flex;\n gap: var(--spacing-small);\n justify-content: flex-end;\n}\n\n/* Variants */\n\n/* Error */\n.elsie-in-line-alert--error {\n border-color: var(--color-alert-500);\n}\n\n/* Warning */\n.elsie-in-line-alert--warning {\n border-color: var(--color-warning-500);\n}\n\n/* Success */\n.elsie-in-line-alert--success {\n border-color: var(--color-positive-500);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},1238:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation {\n grid-template-columns: repeat(var(--grid-4-columns), 1fr);\n grid-column-gap: var(--grid-4-gutters);\n grid-row-gap: var(--spacing-xxbig);\n margin: 0 auto;\n display: grid;\n align-items: start;\n justify-content: center;\n width: 100%;\n max-width: 1920px;\n}\n\n.order-confirmation a {\n font: var(--type-body-2-strong-font);\n letter-spacing: var(--type-body-2-strong-letter-spacing);\n margin-left: var(--spacing-xxsmall);\n}\n\n/* GRID */\n.order-confirmation-header,\n.order-confirmation-footer,\n.order-confirmation-message,\n.order-confirmation-order-search-form,\n.order-confirmation-order-form,\n.order-confirmation-status,\n.order-confirmation-details {\n grid-column: 3 / span 4;\n}\n\n.order-confirmation-skeleton {\n grid-column: 3 / span 4;\n gap: var(--spacing-small);\n margin: var(--spacing-xxbig) 0 var(--spacing-xxbig) 0;\n}\n\n.order-confirmation-order-summary {\n grid-column: 8 / span 3;\n grid-row: 1 / 4;\n}\n\n.order-confirmation-details-contact .checkout-skeleton,\n.order-confirmation-details-address .checkout-skeleton,\n.order-confirmation-details-payment .checkout-skeleton {\n gap: var(--spacing-xsmall);\n margin-top: var(--spacing-xsmall);\n}\n\n.order-confirmation-details-contact .checkout-skeleton-row,\n.order-confirmation-details-address .checkout-skeleton-row,\n.order-confirmation-details-payment .checkout-skeleton-row {\n animation: 0;\n background: var(--color-neutral-300);\n}\n\n/*********** Media queries ***********/\n@media screen and (min-width: 768px) and (max-width: 1366px) {\n .order-confirmation {\n grid-template-columns: repeat(var(--grid-3-columns), 1fr);\n grid-column-gap: var(--grid-3-gutters);\n }\n\n .order-confirmation-header,\n .order-confirmation-footer,\n .order-confirmation-message,\n .order-confirmation-order-search-form,\n .order-confirmation-order-form,\n .order-confirmation-status,\n .order-confirmation-details,\n .order-confirmation-order-summary {\n grid-column: 1 / span 7;\n }\n\n .order-confirmation-order-summary {\n grid-column: 9 / span 4;\n grid-row: 1 / 4;\n }\n}\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (min-width: 320px) and (max-width: 768px) {\n .order-confirmation {\n grid-template-columns: repeat(var(--grid-1-columns), 1fr);\n grid-column-gap: var(--grid-1-gutters);\n }\n\n .order-confirmation-header,\n .order-confirmation-footer,\n .order-confirmation-message,\n .order-confirmation-order-search-form,\n .order-confirmation-order-form,\n .order-confirmation-details,\n .order-confirmation-order-summary {\n grid-column: 1 / span 4;\n }\n\n .order-confirmation-order-summary {\n grid-row: 3 / 4;\n }\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},5539:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-order-form .elsie-card__content {\n gap: var(--spacing-small);\n}\n.order-confirmation-order-form p {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-form__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-form form {\n display: grid;\n grid-template-rows: 1fr;\n}\n\n.order-confirmation-order-form__fields-columns {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n margin-bottom: var(--spacing-medium);\n}\n\n.order-confirmation-order-form form button {\n align-self: flex-end;\n justify-self: flex-end;\n margin-top: var(--spacing-small);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},9759:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-order-search-form .elsie-card__content {\n gap: var(--spacing-small);\n}\n.order-confirmation-order-search-form p {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-search-form__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-strong-font);\n letter-spacing: var(--type-headline-2-strong-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-search-form form {\n display: grid;\n grid-template-rows: 1fr;\n}\n\n.order-confirmation-order-search-form__fields-columns {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-medium);\n margin-bottom: var(--spacing-medium);\n}\n\n.order-confirmation-order-search-form form button {\n align-self: flex-end;\n justify-self: flex-end;\n margin-top: var(--spacing-small);\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=a},5509:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,".order-confirmation-order-summary .elsie-card__content {\n gap: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__title {\n color: var(--color-neutral-800);\n font: var(--type-headline-2-default-font);\n letter-spacing: var(--type-headline-2-default-letter-spacing);\n margin: 0;\n}\n\n.order-confirmation-order-summary .elsie-divider--primary {\n margin: 0 0 var(--spacing-medium) 0 !important;\n}\n\n.order-confirmation-order-summary .elsie-divider--secondary {\n margin: var(--spacing-xsmall) 0 var(--spacing-xsmall) 0 !important;\n}\n\n.order-confirmation-order-summary__breakdown {\n margin: var(--spacing-big) 0 var(--spacing-medium) 0;\n}\n\n.order-confirmation-order-summary__breakdown .elsie-divider:last-child {\n margin-bottom: 0;\n}\n\n.order-confirmation-order-summary__row {\n display: flex;\n justify-content: space-between;\n color: var(--color-neutral-800);\n font: var(--type-body-1-default-font);\n letter-spacing: var(--type-body-1-default-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--margin-top {\n margin-top: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__row--margin-bottom {\n margin-bottom: var(--spacing-xsmall);\n}\n\n.order-confirmation-order-summary__row .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-default-font);\n letter-spacing: var(--type-body-1-default-letter-spacing);\n}\n\n.order-confirmation-order-summary__row p {\n margin: 0;\n}\n\n.order-confirmation-order-summary__row--strong {\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--strong .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-strong-font);\n letter-spacing: var(--type-body-1-strong-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--emphasized {\n font: var(--type-body-1-emphasized-font);\n letter-spacing: var(--type-body-1-emphasized-letter-spacing);\n margin-top: var(--spacing-small);\n}\n\n.order-confirmation-order-summary__row--emphasized .order-confirmation-order-summary__price {\n color: var(--color-neutral-800);\n font: var(--type-body-1-emphasized-font);\n letter-spacing: var(--type-body-1-emphasized-letter-spacing);\n}\n\n.order-confirmation-order-summary__row--muted {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n margin-top: calc(-1 * var(--spacing-xxsmall));\n}\n\n.order-confirmation-order-summary__row--muted .order-confirmation-order-summary__price {\n color: var(--color-neutral-700);\n font: var(--type-body-2-default-font);\n letter-spacing: var(--type-body-2-default-letter-spacing);\n}\n\n/*.order-summary__skeleton {\n margin-top: var(--spacing-medium);\n}*/\n\n.order-confirmation-order-summary .elsie-skeleton:last-child {\n margin-top: var(--spacing-big);\n}\n\n@media only screen and (min-width: 320px) and (max-width: 768px) {\n .order-confirmation-order-summary {\n border-top: var(--shape-border-width-2) solid var(--color-neutral-400);\n border-bottom: var(--shape-border-width-2) solid var(--color-neutral-400);\n border-radius: 0;\n }\n\n .order-confirmation-skeleton .order-confirmation-order-summary {\n border: 0 none;\n }\n}\n",""]);const s=a},8451:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),i=e(3476),a=e.n(i)()(o());a.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.static-skeleton .elsie-skeleton--row__content {\n animation: 0;\n background: var(--color-neutral-300);\n border-radius: var(--shape-border-radius-1);\n}",""]);const s=a},9699:(n,e,t)=>{var o,i;n.exports=(o={FetchGraphQL:()=>r.FetchGraphQL},i={},t.d(i,o),i)},4853:(r,e,t)=>{var o,i;r.exports=(o={useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useReducer:()=>n.useReducer},i={},t.d(i,o),i)},5437:(r,n,t)=>{var o,i;r.exports=(o={useCallback:()=>e.useCallback,useContext:()=>e.useContext,useDebugValue:()=>e.useDebugValue,useEffect:()=>e.useEffect,useId:()=>e.useId,useImperativeHandle:()=>e.useImperativeHandle,useLayoutEffect:()=>e.useLayoutEffect,useMemo:()=>e.useMemo,useReducer:()=>e.useReducer,useRef:()=>e.useRef,useState:()=>e.useState},i={},t.d(i,o),i)},4142:(r,n,e)=>{var o,i;r.exports=(o={Fragment:()=>t.Fragment,jsx:()=>t.jsx,jsxs:()=>t.jsxs},i={},e.d(i,o),i)},3474:(r,n,e)=>{var t,i;r.exports=(t={Component:()=>o.Component,Fragment:()=>o.Fragment,cloneElement:()=>o.cloneElement,createContext:()=>o.createContext,createElement:()=>o.createElement,createRef:()=>o.createRef,h:()=>o.h,hydrate:()=>o.hydrate,options:()=>o.options,render:()=>o.render,toChildArray:()=>o.toChildArray},i={},e.d(i,t),i)}};import i from"../runtime.js";import*as a from"../757.js";i.C(a);import*as s from"../113.js";i.C(s);import*as d from"../199.js";i.C(d);import*as l from"./OrderConfirmation.js";i.C(l);var c=(2485,i(i.s=2485)),m=c.N,u=c.Z;export{m as OrderConfirmation,u as default}; |
@@ -1,1 +0,1 @@ | ||
| {"name": "@dropins/storefront-order-confirmation", "version": "0.1.0-alpha2", "dependencies": { "@dropins/elsie": "0.10.0" } } | ||
| {"name": "@dropins/storefront-order-confirmation", "version": "0.1.0-alpha3", "dependencies": { "@dropins/elsie": "0.10.0" } } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.33%
183768
Worsened metrics
- Number of medium supply chain risk alerts
- increased by50%
3
No dependency changes