Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@dropins/storefront-order-confirmation

Package Overview
Dependencies
Maintainers
4
Versions
32
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dropins/storefront-order-confirmation - npm Package Compare versions

Comparing version 0.1.0-alpha5 to 0.1.0-alpha6

2

containers/OrderConfirmation.js

@@ -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 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:()=>Tr,Z:()=>Tr});var t=e(2199),o=e(5587),a=e(1892),i=e.n(a),s=e(5760),l=e.n(s),d=e(8311),c=e.n(d),m=e(8192),u=e.n(m),p=e(8060),f=e.n(p),y=e(4865),v=e.n(y),g=e(1238),h={};h.styleTagTransform=v(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=f(),i()(g.Z,h),g.Z&&g.Z.locals&&g.Z.locals;var x=e(1072),b=e(8174),j=e(9724),_=e(2270),O={};O.styleTagTransform=v(),O.setAttributes=u(),O.insert=c().bind(null,"head"),O.domAPI=l(),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,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=v(),k.setAttributes=u(),k.insert=c().bind(null,"head"),k.domAPI=l(),k.insertStyleElement=f(),i()(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=v(),I.setAttributes=u(),I.insert=c().bind(null,"head"),I.domAPI=l(),I.insertStyleElement=f(),i()(P.Z,I),P.Z&&P.Z.locals&&P.Z.locals;var Z=e(2605),T=e(6553),L=e(7498);function z(r){return z="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},z(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 M(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,a;t=r,o=n,a=e[n],(o=function(r){var n=function(r,n){if("object"!==z(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==z(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===z(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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 W={error:Z.Z,success:T.Z,warning:Z.Z},q=function(r){var n,e,t,a=r.className,i=r.type,s=void 0===i?"warning":i,l=r.additionalActions,d=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={},a=Object.keys(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}(r,F),p=W[s];return(0,w.jsxs)("div",M(M({},u),{},{className:(0,o.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)(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==l?void 0:l.length)&&(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:null===(n=l[0])||void 0===n?void 0:n.onClick,"aria-label":null===(e=l[0])||void 0===e?void 0:e.label,children:null===(t=l[0])||void 0===t?void 0:t.label}),d&&(0,w.jsx)(R.z,{icon:(0,w.jsx)(x.J,{source:L.Z,size:"24",stroke:"2"}),className:"elsie-in-line-alert__dismiss-button",variant:"tertiary",onClick:d,"aria-label":"OrderConfirmation.InlineAlert.Dismiss"})]})]}),m&&(0,w.jsx)("p",{className:"elsie-in-line-alert__description",children:m}),l&&(null==l?void 0:l.length)>1&&(0,w.jsx)("div",{className:"elsie-in-line-alert__additional-actions-container",children:l.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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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,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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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=v(),U.setAttributes=u(),U.insert=c().bind(null,"head"),U.domAPI=l(),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,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=v(),nr.setAttributes=u(),nr.insert=c().bind(null,"head"),nr.domAPI=l(),nr.insertStyleElement=f(),i()(rr.Z,nr),rr.Z&&rr.Z.locals&&rr.Z.locals;var er=e(1988),tr=e(9578),or=e(8451),ar={};function ir(r){return ir="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},ir(r)}ar.styleTagTransform=v(),ar.setAttributes=u(),ar.insert=c().bind(null,"head"),ar.domAPI=l(),ar.insertStyleElement=f(),i()(or.Z,ar),or.Z&&or.Z.locals&&or.Z.locals;var sr=["rows","size"];function lr(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 dr(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?lr(Object(e),!0).forEach((function(n){var t,o,a;t=r,o=n,a=e[n],(o=function(r){var n=function(r,n){if("object"!==ir(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==ir(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===ir(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):lr(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={},a=Object.keys(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)e=a[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,dr(dr({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,a=o&&(null==o?void 0:o.number),i=(null==o?void 0:o.email)||"",s=o&&""!==i,l=null==o?void 0:o.shipping_address,d=o&&null!==l,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,v=null==o?void 0:o.payment_methods,g=v&&v.length>0,h=g?null===(t=v[0])||void 0===t?void 0:t.name:"",x=o&&g&&""!==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:i}),!a&&(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:[(!a||d)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingAddress"})}),d&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==l?void 0:l.firstname," ",null==l?void 0:l.lastname]}),null==l?void 0:l.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==l?void 0:l.city," ",null==l?void 0:l.region," ",null==l?void 0:l.postcode,", ",null==l?void 0:l.country_code]})]}),!a&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-shipping-address-skeleton"})]}),(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]}),null==c?void 0:c.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==c?void 0:c.city," ",null==c?void 0:c.region," ",null==c?void 0:c.postcode,", ",null==c?void 0:c.country_code]})]}),!a&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-billing-address-skeleton"})]}),(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)(cr,{rows:1,"data-testid":"order-confirmation-details-shipping-method-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__payment-method",children:[(!a||x)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.paymentMethod"})}),x&&(0,w.jsx)("p",{children:h}),!a&&(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-details-payment-method-skeleton"})]})]})]})},ur=e(5509),pr={};pr.styleTagTransform=v(),pr.setAttributes=u(),pr.insert=c().bind(null,"head"),pr.domAPI=l(),pr.insertStyleElement=f(),i()(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,a=void 0===t?"secondary":t,i=null!=e?e:{},s=i.total,l=i.subtotal,d=i.shipping,c=i.tax;return(0,w.jsxs)(E.Z,{className:(0,o.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)(fr.i,{variant:"primary"}),null!=l?(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==l?void 0:l.amount,currency:null==l?void 0:l.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==l?void 0:l.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!=d?(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===d.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:d.amount,currency:d.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])})]})]})},vr=e(2785),gr={};gr.styleTagTransform=v(),gr.setAttributes=u(),gr.insert=c().bind(null,"head"),gr.domAPI=l(),gr.insertStyleElement=f(),i()(vr.Z,gr),vr.Z&&vr.Z.locals&&vr.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",className:"order-confirmation-header",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",className:"order-confirmation-message",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",className:"order-confirmation-details",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,{className:"order-confirmation-footer",children:[(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",className:"order-confirmation-order-summary",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)(xr,{}),(0,w.jsx)(br,{}),(0,w.jsx)(jr,{}),(0,w.jsx)(_r,{}),(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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a})):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,a=r.dismissAlert,i=r.onContinueShopping,s=r.onOrderSearch,l=e.isLoading,d=e.orderRef,c=e.token,m=e.details,u=e.alert,p=!!c,f=!!d,y=!(null==m||!m.number),v=null==m?void 0:m.billing_address,g=(null==v?void 0:v.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=!!g&&!!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,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==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==a?void 0:a.value)||0,currency:(null==a?void 0:a.currency)||""}}}}(m);return(0,w.jsx)("div",{className:(0,o.S)(["order-confirmation",["order-confirmation-skeleton",l],n]),children:l?(0,w.jsx)(wr,{}):(0,w.jsxs)(w.Fragment,{children:[O&&(0,w.jsx)(S,{customerName:g,orderNumber:h,orderStatus:x}),N&&(0,w.jsx)(J,{alert:b?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,handleOrderRef:t}),k&&(0,w.jsx)(Y,{alert:j?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,onOrderSearch:s}),(0,w.jsx)(mr,{orderDetails:m}),(0,w.jsx)(yr,{summary:E}),(0,w.jsx)(hr,{onContinueShopping:i})]})})},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 Tr=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,a,i,s=[],l=!0,d=!1;try{if(a=(e=e.call(r)).next,0===n){if(Object(e)!==e)return;l=!1}else for(;!(l=(t=a.call(e)).done)&&(s.push(t.value),s.length!==n);l=!0);}catch(r){d=!0,o=r}finally{try{if(!l&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(d)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.")}()),a=o[0],i=o[1],s=(0,j.XK)({invalidOrder:"OrderConfirmation.Errors.invalidOrder",invalidSearch:"OrderConfirmation.Errors.invalidSearch",unknow:"OrderConfirmation.Errors.unknow"}),l=(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]),d=(0,Ir.useCallback)((function(r){var n={maskedOrderId:a.orderRef||"",checkoutToken:a.token,orderSearch:r};(0,t.i)(n).then((function(n){var e=null!=n&&n.number||void 0===r?void 0:l("Invalid search");i({type:Er.SET_DETAILS,details:n,alert:e})})).catch((function(r){var n=l(r.message);n?i({type:Er.ALERT,alert:n}):console.error(r)}))}),[a.orderRef,a.token,l]);return(0,Ir.useEffect)((function(){a.orderRef&&(i({type:Er.LOADING}),d())}),[a.orderRef,a.token,d]),{state:a,handleOrderRef:function(r){i({type:Er.ADD_ORDER_REFERENCE,orderRef:r})},handleOrderSearch:function(r){d(r)},dismissAlert:function(){i({type:Er.DISMISS_ALERT})}}}(n),a=o.state,i=o.handleOrderRef,s=o.handleOrderSearch,l=o.dismissAlert;return(0,w.jsx)(Ar,{state:a,handleOrderRef:i,dismissAlert:l,onContinueShopping:e,onOrderSearch:s})}},474:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-header {\n text-align: center;\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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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-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/* 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/*@media screen and (min-width: 768px) and (max-width: 1366px) { }*/\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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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,t)=>{var o,a;n.exports=(o={FetchGraphQL:()=>r.FetchGraphQL},a={},t.d(a,o),a)},4853:(r,e,t)=>{var o,a;r.exports=(o={useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useReducer:()=>n.useReducer},a={},t.d(a,o),a)},5437:(r,n,t)=>{var o,a;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},a={},t.d(a,o),a)},4142:(r,n,e)=>{var o,a;r.exports=(o={Fragment:()=>t.Fragment,jsx:()=>t.jsx,jsxs:()=>t.jsxs},a={},e.d(a,o),a)},3474:(r,n,e)=>{var t,a;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},a={},e.d(a,t),a)}};import a from"../runtime.js";import*as i from"../315.js";a.C(i);import*as s from"../113.js";a.C(s);import*as l from"../199.js";a.C(l);import*as d from"./OrderConfirmation.js";a.C(d);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:()=>Tr,Z:()=>Tr});var t=e(2199),o=e(5587),a=e(1892),i=e.n(a),s=e(5760),l=e.n(s),d=e(8311),c=e.n(d),m=e(8192),u=e.n(m),p=e(8060),f=e.n(p),y=e(4865),v=e.n(y),g=e(1238),h={};h.styleTagTransform=v(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=f(),i()(g.Z,h),g.Z&&g.Z.locals&&g.Z.locals;var x=e(1072),b=e(8174),j=e(9724),_=e(2270),O={};O.styleTagTransform=v(),O.setAttributes=u(),O.insert=c().bind(null,"head"),O.domAPI=l(),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,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=v(),k.setAttributes=u(),k.insert=c().bind(null,"head"),k.domAPI=l(),k.insertStyleElement=f(),i()(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=v(),I.setAttributes=u(),I.insert=c().bind(null,"head"),I.domAPI=l(),I.insertStyleElement=f(),i()(P.Z,I),P.Z&&P.Z.locals&&P.Z.locals;var Z=e(2605),T=e(6553),L=e(7498);function z(r){return z="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},z(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 M(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,a;t=r,o=n,a=e[n],(o=function(r){var n=function(r,n){if("object"!==z(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==z(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===z(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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 W={error:Z.Z,success:T.Z,warning:Z.Z},q=function(r){var n,e,t,a=r.className,i=r.type,s=void 0===i?"warning":i,l=r.additionalActions,d=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={},a=Object.keys(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}(r,F),p=W[s];return(0,w.jsxs)("div",M(M({},u),{},{className:(0,o.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)(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==l?void 0:l.length)&&(0,w.jsx)(R.z,{variant:"tertiary",className:"elsie-in-line-alert__additional-action",onClick:null===(n=l[0])||void 0===n?void 0:n.onClick,"aria-label":null===(e=l[0])||void 0===e?void 0:e.label,children:null===(t=l[0])||void 0===t?void 0:t.label}),d&&(0,w.jsx)(R.z,{icon:(0,w.jsx)(x.J,{source:L.Z,size:"24",stroke:"2"}),className:"elsie-in-line-alert__dismiss-button",variant:"tertiary",onClick:d,"aria-label":"OrderConfirmation.InlineAlert.Dismiss"})]})]}),m&&(0,w.jsx)("p",{className:"elsie-in-line-alert__description",children:m}),l&&(null==l?void 0:l.length)>1&&(0,w.jsx)("div",{className:"elsie-in-line-alert__additional-actions-container",children:l.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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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,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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=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=v(),U.setAttributes=u(),U.insert=c().bind(null,"head"),U.domAPI=l(),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,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=v(),nr.setAttributes=u(),nr.insert=c().bind(null,"head"),nr.domAPI=l(),nr.insertStyleElement=f(),i()(rr.Z,nr),rr.Z&&rr.Z.locals&&rr.Z.locals;var er=e(1988),tr=e(9578),or=e(8451),ar={};function ir(r){return ir="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},ir(r)}ar.styleTagTransform=v(),ar.setAttributes=u(),ar.insert=c().bind(null,"head"),ar.domAPI=l(),ar.insertStyleElement=f(),i()(or.Z,ar),or.Z&&or.Z.locals&&or.Z.locals;var sr=["rows","size"];function lr(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 dr(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?lr(Object(e),!0).forEach((function(n){var t,o,a;t=r,o=n,a=e[n],(o=function(r){var n=function(r,n){if("object"!==ir(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==ir(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===ir(n)?n:String(n)}(o))in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):lr(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={},a=Object.keys(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}(r,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(t=0;t<a.length;t++)e=a[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,dr(dr({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,a=o&&(null==o?void 0:o.number),i=(null==o?void 0:o.email)||"",s=o&&""!==i,l=null==o?void 0:o.shipping_address,d=o&&null!==l,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,v=null==o?void 0:o.payment_methods,g=v&&v.length>0,h=g?null===(t=v[0])||void 0===t?void 0:t.name:"",x=o&&g&&""!==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:i}),!a&&(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:[(!a||d)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.shippingAddress"})}),d&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("p",{children:[null==l?void 0:l.firstname," ",null==l?void 0:l.lastname]}),null==l?void 0:l.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==l?void 0:l.city," ",null==l?void 0:l.region," ",null==l?void 0:l.postcode,", ",null==l?void 0:l.country_code]})]}),!a&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-shipping-address-skeleton"})]}),(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]}),null==c?void 0:c.street.map((function(r,n){return(0,w.jsx)("p",{children:r},n)})),(0,w.jsxs)("p",{children:[null==c?void 0:c.city," ",null==c?void 0:c.region," ",null==c?void 0:c.postcode,", ",null==c?void 0:c.country_code]})]}),!a&&(0,w.jsx)(cr,{rows:3,"data-testid":"order-confirmation-billing-address-skeleton"})]}),(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)(cr,{rows:1,"data-testid":"order-confirmation-details-shipping-method-skeleton"})]}),(0,w.jsxs)("div",{className:"order-confirmation-details__payment-method",children:[(!a||x)&&(0,w.jsx)("h3",{children:(0,w.jsx)(j.xv,{id:"OrderConfirmation.Details.paymentMethod"})}),x&&(0,w.jsx)("p",{children:h}),!a&&(0,w.jsx)(cr,{rows:1,"data-testid":"order-confirmation-details-payment-method-skeleton"})]})]})]})},ur=e(5509),pr={};pr.styleTagTransform=v(),pr.setAttributes=u(),pr.insert=c().bind(null,"head"),pr.domAPI=l(),pr.insertStyleElement=f(),i()(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,a=void 0===t?"secondary":t,i=null!=e?e:{},s=i.total,l=i.subtotal,d=i.shipping,c=i.tax;return(0,w.jsxs)(E.Z,{className:(0,o.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)(fr.i,{variant:"primary"}),null!=l?(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==l?void 0:l.amount,currency:null==l?void 0:l.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==l?void 0:l.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!=d?(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===d.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:d.amount,currency:d.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])})]})]})},vr=e(2785),gr={};gr.styleTagTransform=v(),gr.setAttributes=u(),gr.insert=c().bind(null,"head"),gr.domAPI=l(),gr.insertStyleElement=f(),i()(vr.Z,gr),vr.Z&&vr.Z.locals&&vr.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",className:"order-confirmation-header",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",className:"order-confirmation-message",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",className:"order-confirmation-details",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,{className:"order-confirmation-footer",children:[(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",className:"order-confirmation-order-summary",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)(xr,{}),(0,w.jsx)(br,{}),(0,w.jsx)(jr,{}),(0,w.jsx)(_r,{}),(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,a;t=r,o=n,a=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:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a})):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,a=r.dismissAlert,i=r.onContinueShopping,s=r.onOrderSearch,l=e.isLoading,d=e.orderRef,c=e.token,m=e.details,u=e.alert,p=!!c,f=!!d,y=!(null==m||!m.number),v=null==m?void 0:m.billing_address,g=(null==v?void 0:v.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=!!g&&!!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,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==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==a?void 0:a.value)||0,currency:(null==a?void 0:a.currency)||""}}}}(m);return(0,w.jsx)("div",{className:(0,o.S)(["order-confirmation",["order-confirmation-skeleton",l],n]),children:l?(0,w.jsx)(wr,{}):(0,w.jsxs)(w.Fragment,{children:[O&&(0,w.jsx)(S,{customerName:g,orderNumber:h,orderStatus:x}),N&&(0,w.jsx)(J,{alert:b?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,handleOrderRef:t}),k&&(0,w.jsx)(Y,{alert:j?{heading:u.message,description:"",type:u.type,onDismiss:a}:void 0,onOrderSearch:s}),(0,w.jsx)(mr,{orderDetails:m}),(0,w.jsx)(yr,{summary:E}),(0,w.jsx)(hr,{onContinueShopping:i})]})})},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 Tr=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,a,i,s=[],l=!0,d=!1;try{if(a=(e=e.call(r)).next,0===n){if(Object(e)!==e)return;l=!1}else for(;!(l=(t=a.call(e)).done)&&(s.push(t.value),s.length!==n);l=!0);}catch(r){d=!0,o=r}finally{try{if(!l&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(d)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.")}()),a=o[0],i=o[1],s=(0,j.XK)({invalidOrder:"OrderConfirmation.Errors.invalidOrder",invalidSearch:"OrderConfirmation.Errors.invalidSearch",unknow:"OrderConfirmation.Errors.unknow"}),l=(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]),d=(0,Ir.useCallback)((function(r){var n={maskedOrderId:a.orderRef||"",checkoutToken:a.token,orderSearch:r};(0,t.i)(n).then((function(n){var e=null!=n&&n.number||void 0===r?void 0:l("Invalid search");i({type:Er.SET_DETAILS,details:n,alert:e})})).catch((function(r){var n=l(r.message);n?i({type:Er.ALERT,alert:n}):console.error(r)}))}),[a.orderRef,a.token,l]);return(0,Ir.useEffect)((function(){a.orderRef&&(i({type:Er.LOADING}),d())}),[a.orderRef,a.token,d]),{state:a,handleOrderRef:function(r){i({type:Er.ADD_ORDER_REFERENCE,orderRef:r})},handleOrderSearch:function(r){d(r)},dismissAlert:function(){i({type:Er.DISMISS_ALERT})}}}(n),a=o.state,i=o.handleOrderRef,s=o.handleOrderSearch,l=o.dismissAlert;return(0,w.jsx)(Ar,{state:a,handleOrderRef:i,dismissAlert:l,onContinueShopping:e,onOrderSearch:s})}},474:(r,n,e)=>{e.d(n,{Z:()=>s});var t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());i.push([r.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.order-confirmation-header {\n text-align: center;\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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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: 1 / span 7;\n}\n\n.order-confirmation-order-summary {\n grid-column: 9 / span 4;\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/* 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/*@media screen and (min-width: 768px) and (max-width: 1366px) { }*/\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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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 t=e(4933),o=e.n(t),a=e(3476),i=e.n(a)()(o());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,t)=>{var o,a;n.exports=(o={FetchGraphQL:()=>r.FetchGraphQL},a={},t.d(a,o),a)},4853:(r,e,t)=>{var o,a;r.exports=(o={useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useReducer:()=>n.useReducer},a={},t.d(a,o),a)},5437:(r,n,t)=>{var o,a;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},a={},t.d(a,o),a)},4142:(r,n,e)=>{var o,a;r.exports=(o={Fragment:()=>t.Fragment,jsx:()=>t.jsx,jsxs:()=>t.jsxs},a={},e.d(a,o),a)},3474:(r,n,e)=>{var t,a;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},a={},e.d(a,t),a)}};import a from"../runtime.js";import*as i from"../315.js";a.C(i);import*as s from"../113.js";a.C(s);import*as l from"../199.js";a.C(l);import*as d from"./OrderConfirmation.js";a.C(d);var c=(2485,a(a.s=2485)),m=c.N,u=c.Z;export{m as OrderConfirmation,u as default};

2

package.json

@@ -1,1 +0,1 @@

{"name": "@dropins/storefront-order-confirmation", "version": "0.1.0-alpha5", "dependencies": { "@dropins/elsie": "~0.11.0" } }
{"name": "@dropins/storefront-order-confirmation", "version": "0.1.0-alpha6", "dependencies": { "@dropins/elsie": "~0.12.0" } }

2

render.js
/*! For license information please see render.js.LICENSE.txt */
import*as e from"@dropins/elsie/event-bus.js";import*as t from"@dropins/elsie/preact-compat.js";import*as r from"@dropins/elsie/preact-hooks.js";import*as n from"@dropins/elsie/preact-jsx-runtime.js";import*as o from"@dropins/elsie/preact.js";export const id=70;export const ids=[70];export const modules={5941:(t,r,n)=>{n.d(r,{s:()=>we});var o=n(3474),a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,i=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,l=/[\s\n\\/='"\0<>]/,s=/^xlink:?./,c=/["&<]/;function u(e){if(!1===c.test(e+=""))return e;for(var t=0,r=0,n="",o="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:o="&quot;";break;case 38:o="&amp;";break;case 60:o="&lt;";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=o,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var f=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||"\t"))},p=function(e,t,r){return String(e).length>(t||40)||!r&&-1!==String(e).indexOf("\n")||-1!==String(e).indexOf("<")},d={},y=/([A-Z])/g;function h(e){var t="";for(var r in e){var n=e[r];null!=n&&""!==n&&(t&&(t+=" "),t+="-"==r[0]?r:d[r]||(d[r]=r.replace(y,"-$1").toLowerCase()),t="number"==typeof n&&!1===a.test(r)?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function m(e,t){return Array.isArray(t)?t.reduce(m,e):null!=t&&!1!==t&&e.push(t),e}function v(){this.__d=!0}function g(e,t){return{__v:e,context:t,props:e.props,setState:v,forceUpdate:v,__d:!0,__h:[]}}function b(e,t){var r=e.contextType,n=r&&t[r.__c];return null!=r?n?n.props.value:r.__:t}var x=[];function w(e,t,r,n,a,c){if(null==e||"boolean"==typeof e)return"";if("object"!=typeof e)return"function"==typeof e?"":u(e);var d=r.pretty,y=d&&"string"==typeof d?d:"\t";if(Array.isArray(e)){for(var v="",_=0;_<e.length;_++)d&&_>0&&(v+="\n"),v+=w(e[_],t,r,n,a,c);return v}if(void 0!==e.constructor)return"";var O,S=e.type,j=e.props,A=!1;if("function"==typeof S){if(A=!0,!r.shallow||!n&&!1!==r.renderRootComponent){if(S===o.Fragment){var k=[];return m(k,e.props.children),w(k,t,r,!1!==r.shallowHighOrder,a,c)}var E,L=e.__c=g(e,t);o.options.__b&&o.options.__b(e);var P=o.options.__r;if(S.prototype&&"function"==typeof S.prototype.render){var C=b(S,t);(L=e.__c=new S(j,C)).__v=e,L._dirty=L.__d=!0,L.props=j,null==L.state&&(L.state={}),null==L._nextState&&null==L.__s&&(L._nextState=L.__s=L.state),L.context=C,S.getDerivedStateFromProps?L.state=Object.assign({},L.state,S.getDerivedStateFromProps(L.props,L.state)):L.componentWillMount&&(L.componentWillMount(),L.state=L._nextState!==L.state?L._nextState:L.__s!==L.state?L.__s:L.state),P&&P(e),E=L.render(L.props,L.state,L.context)}else for(var D=b(S,t),F=0;L.__d&&F++<25;)L.__d=!1,P&&P(e),E=S.call(e.__c,j,D);return L.getChildContext&&(t=Object.assign({},t,L.getChildContext())),o.options.diffed&&o.options.diffed(e),w(E,t,r,!1!==r.shallowHighOrder,a,c)}S=(O=S).displayName||O!==Function&&O.name||function(e){var t=(Function.prototype.toString.call(e).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!t){for(var r=-1,n=x.length;n--;)if(x[n]===e){r=n;break}r<0&&(r=x.push(e)-1),t="UnnamedComponent"+r}return t}(O)}var T,M,I="<"+S;if(j){var N=Object.keys(j);r&&!0===r.sortAttributes&&N.sort();for(var R=0;R<N.length;R++){var H=N[R],Z=j[H];if("children"!==H){if(!l.test(H)&&(r&&r.allAttributes||"key"!==H&&"ref"!==H&&"__self"!==H&&"__source"!==H)){if("defaultValue"===H)H="value";else if("defaultChecked"===H)H="checked";else if("defaultSelected"===H)H="selected";else if("className"===H){if(void 0!==j.class)continue;H="class"}else a&&s.test(H)&&(H=H.toLowerCase().replace(/^xlink:?/,"xlink:"));if("htmlFor"===H){if(j.for)continue;H="for"}"style"===H&&Z&&"object"==typeof Z&&(Z=h(Z)),"a"===H[0]&&"r"===H[1]&&"boolean"==typeof Z&&(Z=String(Z));var G=r.attributeHook&&r.attributeHook(H,Z,t,r,A);if(G||""===G)I+=G;else if("dangerouslySetInnerHTML"===H)M=Z&&Z.__html;else if("textarea"===S&&"value"===H)T=Z;else if((Z||0===Z||""===Z)&&"function"!=typeof Z){if(!(!0!==Z&&""!==Z||(Z=H,r&&r.xml))){I=I+" "+H;continue}if("value"===H){if("select"===S){c=Z;continue}"option"===S&&c==Z&&void 0===j.selected&&(I+=" selected")}I=I+" "+H+'="'+u(Z)+'"'}}}else T=Z}}if(d){var $=I.replace(/\n\s*/," ");$===I||~$.indexOf("\n")?d&&~I.indexOf("\n")&&(I+="\n"):I=$}if(I+=">",l.test(S))throw new Error(S+" is not a valid HTML tag name in "+I);var U,B=i.test(S)||r.voidElements&&r.voidElements.test(S),Y=[];if(M)d&&p(M)&&(M="\n"+y+f(M,y)),I+=M;else if(null!=T&&m(U=[],T).length){for(var z=d&&~I.indexOf("\n"),V=!1,W=0;W<U.length;W++){var J=U[W];if(null!=J&&!1!==J){var Q=w(J,t,r,!0,"svg"===S||"foreignObject"!==S&&a,c);if(d&&!z&&p(Q)&&(z=!0),Q)if(d){var q=Q.length>0&&"<"!=Q[0];V&&q?Y[Y.length-1]+=Q:Y.push(Q),V=q}else Y.push(Q)}}if(d&&z)for(var K=Y.length;K--;)Y[K]="\n"+y+f(Y[K],y)}if(Y.length||M)I+=Y.join("");else if(r&&r.xml)return I.substring(0,I.length-1)+" />";return!B||U||M?(d&&~I.indexOf("\n")&&(I+="\n"),I=I+"</"+S+">"):I=I.replace(/>$/," />"),I}var _={shallow:!0};S.render=S;var O=[];function S(e,t,r){t=t||{};var n=o.options.__s;o.options.__s=!0;var a,i=(0,o.h)(o.Fragment,null);return i.__k=[e],a=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?w(e,t,r):P(e,t,!1,void 0,i),o.options.__c&&o.options.__c(e,O),o.options.__s=n,O.length=0,a}function j(e){return null==e||"boolean"==typeof e?null:"string"==typeof e||"number"==typeof e||"bigint"==typeof e?(0,o.h)(null,null,e):e}function A(e,t){return"className"===e?"class":"htmlFor"===e?"for":"defaultValue"===e?"value":"defaultChecked"===e?"checked":"defaultSelected"===e?"selected":t&&s.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function k(e,t){return"style"===e&&null!=t&&"object"==typeof t?h(t):"a"===e[0]&&"r"===e[1]&&"boolean"==typeof t?String(t):t}var E=Array.isArray,L=Object.assign;function P(e,t,r,n,a){if(null==e||!0===e||!1===e||""===e)return"";if("object"!=typeof e)return"function"==typeof e?"":u(e);if(E(e)){var s="";a.__k=e;for(var c=0;c<e.length;c++)s+=P(e[c],t,r,n,a),e[c]=j(e[c]);return s}if(void 0!==e.constructor)return"";e.__=a,o.options.__b&&o.options.__b(e);var f=e.type,p=e.props;if("function"==typeof f){var d;if(f===o.Fragment)d=p.children;else{d=f.prototype&&"function"==typeof f.prototype.render?function(e,t){var r=e.type,n=b(r,t),a=new r(e.props,n);e.__c=a,a.__v=e,a.__d=!0,a.props=e.props,null==a.state&&(a.state={}),null==a.__s&&(a.__s=a.state),a.context=n,r.getDerivedStateFromProps?a.state=L({},a.state,r.getDerivedStateFromProps(a.props,a.state)):a.componentWillMount&&(a.componentWillMount(),a.state=a.__s!==a.state?a.__s:a.state);var i=o.options.__r;return i&&i(e),a.render(a.props,a.state,a.context)}(e,t):function(e,t){var r,n=g(e,t),a=b(e.type,t);e.__c=n;for(var i=o.options.__r,l=0;n.__d&&l++<25;)n.__d=!1,i&&i(e),r=e.type.call(n,e.props,a);return r}(e,t);var y=e.__c;y.getChildContext&&(t=L({},t,y.getChildContext()))}var h=P(d=null!=d&&d.type===o.Fragment&&null==d.key?d.props.children:d,t,r,n,e);return o.options.diffed&&o.options.diffed(e),e.__=void 0,o.options.unmount&&o.options.unmount(e),h}var m,v,x="<";if(x+=f,p)for(var w in m=p.children,p){var _=p[w];if(!("key"===w||"ref"===w||"__self"===w||"__source"===w||"children"===w||"className"===w&&"class"in p||"htmlFor"===w&&"for"in p||l.test(w)))if(_=k(w=A(w,r),_),"dangerouslySetInnerHTML"===w)v=_&&_.__html;else if("textarea"===f&&"value"===w)m=_;else if((_||0===_||""===_)&&"function"!=typeof _){if(!0===_||""===_){_=w,x=x+" "+w;continue}if("value"===w){if("select"===f){n=_;continue}"option"!==f||n!=_||"selected"in p||(x+=" selected")}x=x+" "+w+'="'+u(_)+'"'}}var O=x;if(x+=">",l.test(f))throw new Error(f+" is not a valid HTML tag name in "+x);var S="",C=!1;if(v)S+=v,C=!0;else if("string"==typeof m)S+=u(m),C=!0;else if(E(m)){e.__k=m;for(var D=0;D<m.length;D++){var F=m[D];if(m[D]=j(F),null!=F&&!1!==F){var T=P(F,t,"svg"===f||"foreignObject"!==f&&r,n,e);T&&(S+=T,C=!0)}}}else if(null!=m&&!1!==m&&!0!==m){e.__k=[j(m)];var M=P(m,t,"svg"===f||"foreignObject"!==f&&r,n,e);M&&(S+=M,C=!0)}if(o.options.diffed&&o.options.diffed(e),e.__=void 0,o.options.unmount&&o.options.unmount(e),C)x+=S;else if(i.test(f))return O+" />";return x+"</"+f+">"}S.shallowRender=function(e,t){return S(e,t,_)};const C=S;var D=n(1177),F=n(7188);function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function M(){M=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",l=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,r){return e[t]=r}}function u(e,t,r,n){var a=t&&t.prototype instanceof v?t:v,i=Object.create(a.prototype),l=new P(n||[]);return o(i,"_invoke",{value:A(e,r,l)}),i}function f(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var p="suspendedStart",d="suspendedYield",y="executing",h="completed",m={};function v(){}function g(){}function b(){}var x={};c(x,i,(function(){return this}));var w=Object.getPrototypeOf,_=w&&w(w(C([])));_&&_!==r&&n.call(_,i)&&(x=_);var O=b.prototype=v.prototype=Object.create(x);function S(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function r(o,a,i,l){var s=f(e[o],e,a);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==T(u)&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){r("next",e,i,l)}),(function(e){r("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return r("throw",e,i,l)}))}l(s.arg)}var a;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return a=a?a.then(o,o):o()}})}function A(t,r,n){var o=p;return function(a,i){if(o===y)throw new Error("Generator is already running");if(o===h){if("throw"===a)throw i;return{value:e,done:!0}}for(n.method=a,n.arg=i;;){var l=n.delegate;if(l){var s=k(l,n);if(s){if(s===m)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=y;var c=f(t,r,n);if("normal"===c.type){if(o=n.done?h:d,c.arg===m)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=h,n.method="throw",n.arg=c.arg)}}}function k(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,k(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var a=f(o,t.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,m;var i=a.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function C(t){if(t||""===t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}throw new TypeError(T(t)+" is not iterable")}return g.prototype=b,o(O,"constructor",{value:b,configurable:!0}),o(b,"constructor",{value:g,configurable:!0}),g.displayName=c(b,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,c(e,s,"GeneratorFunction")),e.prototype=Object.create(O),e},t.awrap=function(e){return{__await:e}},S(j.prototype),c(j.prototype,l,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,o,a){void 0===a&&(a=Promise);var i=new j(u(e,r,n,o),a);return t.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},S(O),c(O,s,"Generator"),c(O,i,(function(){return this})),c(O,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=C,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(L),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return l.type="throw",l.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],l=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var s=n.call(i,"catchLoc"),c=n.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,m):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),L(r),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:C(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),m}},t}function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){var n,o,a;n=e,o=t,a=r[t],(o=G(o))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(e,t,r,n,o,a,i){try{var l=e[a](i),s=l.value}catch(e){return void r(e)}l.done?t(s):Promise.resolve(s).then(n,o)}function H(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var a=e.apply(t,r);function i(e){R(a,n,o,i,l,"next",e)}function l(e){R(a,n,o,i,l,"throw",e)}i(void 0)}))}}function Z(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,G(n.key),n)}}function G(e){var t=function(e,t){if("object"!==T(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}var $=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._provider=t}var t,r,n;return t=e,r=[{key:"render",value:function(e,t){var r=this;return function(){var n=H(M().mark((function n(a){var i,l,s;return M().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e){n.next=2;break}throw new Error("Component is not defined");case 2:if(a){n.next=4;break}throw new Error("Root element is not defined");case 4:return n.next=6,null===(l=e.getInitialData)||void 0===l?void 0:l.call(e,t);case 6:if(n.t1=i=n.sent,n.t0=null!==n.t1,!n.t0){n.next=10;break}n.t0=void 0!==i;case 10:if(!n.t0){n.next=14;break}n.t2=i,n.next=15;break;case 14:n.t2={};case 15:s=n.t2,(0,o.render)((0,F.jsx)(D.F,N(N({node:r._provider},r._provider.props),{},{children:(0,F.jsx)(e,N(N({},t),{},{initialData:s}))})),a);case 17:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}()}},{key:"toString",value:(n=H(M().mark((function e(t,r,n){var o,a,i;return M().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t){e.next=2;break}throw new Error("Component is not defined");case 2:return e.next=4,null===(a=t.getInitialData)||void 0===a?void 0:a.call(t,r);case 4:if(e.t1=o=e.sent,e.t0=null!==e.t1,!e.t0){e.next=8;break}e.t0=void 0!==o;case 8:if(!e.t0){e.next=12;break}e.t2=o,e.next=13;break;case 12:e.t2={};case 13:return i=e.t2,e.abrupt("return",C((0,F.jsx)(D.F,N(N({node:this._provider},this._provider.props),{},{children:(0,F.jsx)(t,N(N({},r),{},{initialData:i}))})),{},N({},n)));case 15:case"end":return e.stop()}}),e,this)}))),function(e,t,r){return n.apply(this,arguments)})}],r&&Z(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),U=n(5437),B=n(1857),Y=n.n(B),z=n(5587);const V=JSON.parse('{"Elsie":{"ExampleComponentName":{"item":{"label":"string"}},"Incrementer":{"decreaseLabel":"Decrease Quantity","increaseLabel":"Increase Quantity","label":"Quantity"},"Swatches":{"outOfStock":{"label":"out of stock swatch"},"selected":{"label":"swatch selected"},"swatch":{"label":"swatch"}}}}');var W=n(9724),J={default:V,en_US:V},Q=n(1892),q=n.n(Q),K=n(5760),X=n.n(K),ee=n(8311),te=n.n(ee),re=n(8192),ne=n.n(re),oe=n(8060),ae=n.n(oe),ie=n(4865),le=n.n(ie),se=n(2080),ce={};ce.styleTagTransform=le(),ce.setAttributes=ne(),ce.insert=te().bind(null,"head"),ce.domAPI=X(),ce.insertStyleElement=ae(),q()(se.Z,ce),se.Z&&se.Z.locals&&se.Z.locals;var ue=n(4763),fe={};function pe(e){return pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pe(e)}fe.styleTagTransform=le(),fe.setAttributes=ne(),fe.insert=te().bind(null,"head"),fe.domAPI=X(),fe.insertStyleElement=ae(),q()(ue.Z,fe),ue.Z&&ue.Z.locals&&ue.Z.locals;var de=["lang","langDefinitions","className","children"];function ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function he(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(r),!0).forEach((function(t){var n,o,a;n=e,o=t,a=r[t],(o=function(e){var t=function(e,t){if("object"!==pe(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pe(t)?t:String(t)}(o))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ye(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var me=function(e){var t,r=e.lang,n=void 0===r?"en_US":r,o=e.langDefinitions,a=void 0===o?{}:o,i=e.className,l=e.children,s=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,de),c=Y()(a.default,null!==(t=a[n])&&void 0!==t?t:{}),u=Y()(function(e){return Y()(J.default,J[e]||{})}(n),c);return(0,F.jsx)(W.Pj,{definition:u,children:(0,F.jsx)("div",he(he({},s),{},{className:(0,z.S)(["elsie-base-design",i]),children:l}))})};const ve=(e=>{var t={};return n.d(t,e),t})({events:()=>e.events});function ge(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}ve.events.enableLogger(!0);var be={default:n(7770)},xe=function(e){var t=e.children,r=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,l=[],s=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ge(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ge(e,t):void 0}}(e,t)||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.")}()}((0,U.useState)("en_US"),2),n=r[0],o=r[1];return(0,U.useEffect)((function(){var e=ve.events.on("locale",(function(e){o(e)}),{eager:!0});return function(){e.off()}}),[]),(0,F.jsx)(me,{lang:n,langDefinitions:be,children:t})},we=new $((0,F.jsx)(xe,{}))},2080:(e,t,r)=>{r.d(t,{Z:()=>l});var n=r(4933),o=r.n(n),a=r(3476),i=r.n(a)()(o());i.push([e.id,"/**\n * Do not edit directly\n * Generated on Fri, 14 Jul 2023 19:01:45 GMT\n */\n\n.elsie-base-design {\n --color-brand-500: #454545; /* Brand buttons default - AAA */\n --color-brand-600: #383838; /* Brand buttons on hover - AAA */\n --color-brand-700: #2b2b2b; /* Brand buttons selected */\n --color-neutral-50: #ffffff; /* Lightest surface / Text & components On Dark surface - AAA */\n --color-neutral-100: #fafafa; /* Light surface - AAA */\n --color-neutral-200: #f5f5f5; /* Light surface - AAA */\n --color-neutral-300: #e8e8e8; /* Disabled surfaces - AAA */\n --color-neutral-400: #d6d6d6; /* Ornamental elements (ie. Divider) */\n --color-neutral-500: #b8b8b8; /* Disabled text */\n --color-neutral-600: #8f8f8f; /* Component borders (ie. Text field border) - AA Large text */\n --color-neutral-700: #666666; /* Secondary text - AAA */\n --color-neutral-800: #3d3d3d; /* Default text - AAA */\n --color-neutral-900: #292929; /* Default text on hover - AAA */\n --color-positive-200: #eff5ef; /* Semantic positive surface - AA Large text */\n --color-positive-500: #7fb078; /* Semantic positive surface */\n --color-positive-800: #53824c; /* Semantic Positive text - On Light AA */\n --color-informational-200: #eeeffb; /* Semantic informational surface - AA Large text */\n --color-informational-500: #6978d9; /* Semantic informational surface */\n --color-informational-800: #5d6dd6; /* Semantic informational text, Highlights - On Light AA */\n --color-warning-200: #fdf3e9; /* Semantic warning surface - AA Large text */\n --color-warning-500: #e79f5c; /* Semantic warning surface */\n --color-warning-800: #cc7a2e; /* Semantic warning text - On Light AA */\n --color-alert-200: #ffebeb; /* Semantic alert surface - AA Large text */\n --color-alert-500: #db7070; /* Semantic alert surface */\n --color-alert-800: #c35050; /* Semantic alert text - On light AA */\n --color-button-active: var(--color-brand-700);\n --color-button-focus: var(--color-neutral-400);\n --color-button-hover: var(--color-brand-600);\n --color-action-button-active: var(--color-neutral-50);\n --color-action-button-hover: var(--color-neutral-300);\n --color-opacity-16: rgba(255, 255, 255, 0.16);\n --color-opacity-24: rgba(255, 255, 255, 0.24);\n --grid-1-columns: 4;\n --grid-1-margins: 0;\n --grid-1-gutters: 16px;\n --grid-2-columns: 12;\n --grid-2-margins: 0;\n --grid-2-gutters: 16px;\n --grid-3-columns: 12;\n --grid-3-margins: 0;\n --grid-3-gutters: 24px;\n --grid-4-columns: 12;\n --grid-4-margins: 0;\n --grid-4-gutters: 24px;\n --grid-5-columns: 12;\n --grid-5-margins: 0;\n --grid-5-gutters: 24px;\n --shape-border-radius-1: 3px;\n --shape-border-radius-2: 8px;\n --shape-border-radius-3: 24px;\n --shape-border-width-1: 1px;\n --shape-border-width-2: 1.5px;\n --shape-border-width-3: 2px;\n --shape-border-width-4: 4px;\n --shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, 0.16); /* Elevated panels (ie. Page side panel, Mobile bottom bar) */\n --shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, 0.16); /* Elevated dialogs (ie. Modal) */\n --shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, 0.16); /* Elevated container (ie. Card) */\n --shape-icon-stroke-1: 1px;\n --shape-icon-stroke-2: 1.5px;\n --shape-icon-stroke-3: 2px;\n --shape-icon-stroke-4: 4px;\n --spacing-xxsmall: 4px;\n --spacing-xsmall: 8px;\n --spacing-small: 16px;\n --spacing-medium: 24px;\n --spacing-big: 32px;\n --spacing-xbig: 40px;\n --spacing-xxbig: 48px;\n --spacing-large: 64px;\n --spacing-xlarge: 72px;\n --spacing-xxlarge: 96px;\n --spacing-huge: 120px;\n --spacing-xhuge: 144px;\n --spacing-xxhuge: 192px;\n --type-base-font-family: system-ui, sans-serif;\n --type-display-1-font: normal normal 300 60px/72px\n var(--type-base-font-family); /* Hero title */\n --type-display-1-letter-spacing: 0.04em;\n --type-display-2-font: normal normal 300 48px/56px\n var(--type-base-font-family); /* Banner title */\n --type-display-2-letter-spacing: 0.04em;\n --type-display-3-font: normal normal 300 34px/40px\n var(--type-base-font-family); /* Desktop & tablet section title */\n --type-display-3-letter-spacing: 0.04em;\n --type-headline-1-font: normal normal 400 24px/32px\n var(--type-base-font-family); /* Desktop & tablet page title */\n --type-headline-1-letter-spacing: 0.04em;\n --type-headline-2-default-font: normal normal 300 20px/24px\n var(--type-base-font-family); /* Rail title */\n --type-headline-2-default-letter-spacing: 0.04em;\n --type-headline-2-strong-font: normal normal 400 20px/24px\n var(--type-base-font-family); /* Mobile page and section title */\n --type-headline-2-strong-letter-spacing: 0.04em;\n --type-body-1-default-font: normal normal 300 16px/24px\n var(--type-base-font-family); /* Normal text paragraph */\n --type-body-1-default-letter-spacing: 0.04em;\n --type-body-1-strong-font: normal normal 400 16px/24px\n var(--type-base-font-family);\n --type-body-1-strong-letter-spacing: 0.04em;\n --type-body-1-emphasized-font: normal normal 700 16px/24px\n var(--type-base-font-family);\n --type-body-1-emphasized-letter-spacing: 0.04em;\n --type-body-2-default-font: normal normal 300 14px/20px\n var(--type-base-font-family);\n --type-body-2-default-letter-spacing: 0.04em;\n --type-body-2-strong-font: normal normal 400 14px/20px\n var(--type-base-font-family);\n --type-body-2-strong-letter-spacing: 0.04em;\n --type-body-2-emphasized-font: normal normal 700 14px/20px\n var(--type-base-font-family);\n --type-body-2-emphasized-letter-spacing: 0.04em;\n --type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family); /* Primary button text */\n --type-button-1-letter-spacing: 0.08em;\n --type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family); /* Small buttons */\n --type-button-2-letter-spacing: 0.08em;\n --type-details-caption-1-font: normal normal 400 12px/16px\n var(--type-base-font-family);\n --type-details-caption-1-letter-spacing: 0.08em;\n --type-details-caption-2-font: normal normal 300 12px/16px\n var(--type-base-font-family);\n --type-details-caption-2-letter-spacing: 0.08em;\n --type-details-overline-font: normal normal 400 12px/20px\n var(--type-base-font-family);\n --type-details-overline-letter-spacing: 0.16em;\n}\n",""]);const l=i},4763:(e,t,r)=>{r.d(t,{Z:()=>l});var n=r(4933),o=r.n(n),a=r(3476),i=r.n(a)()(o());i.push([e.id,".elsie-base-design a {\n --textColor: var(--color-brand-500);\n --textFont: var(--type-body-1-strong-font)\n --textLetterSpacing: var(--type-body-1-strong-letter-spacing);\n color: var(--textColor);\n font: var(--textFont);\n letter-spacing: var(--textLetterSpacing);\n text-decoration: none;\n}\n\n.elsie-base-design a:hover {\n --textColor: var(--color-brand-700);\n text-decoration: solid underline var(--textColor);\n text-underline-offset: 6px;\n}\n\n.elsie-base-design a:focus-visible {\n outline: solid var(--shape-border-width-4) var(--color-neutral-400);\n border: var(--shape-border-width-1) solid var(--color-neutral-800); \n border-radius: var(--shape-border-radius-1);\n}\n",""]);const l=i},1857:e=>{var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)},r="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(e,t){return!1!==t.clone&&t.isMergeableObject(e)?l((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function o(e,t,r){return e.concat(t).map((function(e){return n(e,r)}))}function a(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function i(e,t){try{return t in e}catch(e){return!1}}function l(e,r,s){(s=s||{}).arrayMerge=s.arrayMerge||o,s.isMergeableObject=s.isMergeableObject||t,s.cloneUnlessOtherwiseSpecified=n;var c=Array.isArray(r);return c===Array.isArray(e)?c?s.arrayMerge(e,r,s):function(e,t,r){var o={};return r.isMergeableObject(e)&&a(e).forEach((function(t){o[t]=n(e[t],r)})),a(t).forEach((function(a){(function(e,t){return i(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(i(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return l;var r=t.customMerge(e);return"function"==typeof r?r:l}(a,r)(e[a],t[a],r):o[a]=n(t[a],r))})),o}(e,r,s):n(r,s)}l.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return l(e,r,t)}),{})};var s=l;e.exports=s},4853:(e,r,n)=>{var o,a;e.exports=(o={useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useReducer:()=>t.useReducer},a={},n.d(a,o),a)},5437:(e,t,n)=>{var o,a;e.exports=(o={useCallback:()=>r.useCallback,useContext:()=>r.useContext,useDebugValue:()=>r.useDebugValue,useEffect:()=>r.useEffect,useId:()=>r.useId,useImperativeHandle:()=>r.useImperativeHandle,useLayoutEffect:()=>r.useLayoutEffect,useMemo:()=>r.useMemo,useReducer:()=>r.useReducer,useRef:()=>r.useRef,useState:()=>r.useState},a={},n.d(a,o),a)},4142:(e,t,r)=>{var o,a;e.exports=(o={Fragment:()=>n.Fragment,jsx:()=>n.jsx,jsxs:()=>n.jsxs},a={},r.d(a,o),a)},3474:(e,t,r)=>{var n,a;e.exports=(n={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},a={},r.d(a,n),a)},7770:e=>{e.exports=JSON.parse('{"OrderConfirmation":{"Header":{"title":"{{name}}, thank you for your order!","defaultTitle":"Thank you for your order!","order":"ORDER #{{order}}"},"InlineAlert":{"dismissLabel":"Dismiss Alert"},"OrderSearchForm":{"title":"Enter your information to view order details","description":"You can find your order number in the receipt you received via email.","button":"View Order","email":"Email","postcode":"Zip Code","orderNumber":"Order Number"},"OrderForm":{"title":"Enter order ID to proceed","description":"You can find your order number in the receipt you received via email","placeholder":"Order ID","button":"Continue"},"OrderSummary":{"title":"Order summary","total":"Total","totalExclTax":"Total excluding taxes","subtotal":"Subtotal","tax":"Tax","taxTotal":"Tax total","taxBreakdown":"Taxes","includingTaxes":"Including taxes","shipping":"Shipping","freeShipping":"Free shipping"},"Message":{"title":"Your order is confirmed","description":"We have successfully processed your order and will be soon prepared for shipping. <br /> You will also receive an email with details and we will let you know when your order has shipped."},"Details":{"title":"Order details","contact":"Contact details","shippingAddress":"Shipping address","billingAddress":"Billing address","shippingMethod":"Shipping method","freeShipping":"Free shipping","paymentMethod":"Payment method"},"Footer":{"continueShopping":"Continue shopping","contactSupport":"Need help? <a href=\\"/contact\\">Contact us</a>"},"Errors":{"invalidOrder":"Invalid order. Please try again.","invalidSearch":"No order found with these order details.","unknown":"Something went wrong. Please try again."}}}')}};import a from"./runtime.js";import*as i from"./315.js";a.C(i);import*as l from"./render.js";a.C(l);var s=(5941,a(a.s=5941)).s;export{s as render};
import*as e from"@dropins/elsie/event-bus.js";import*as t from"@dropins/elsie/preact-compat.js";import*as r from"@dropins/elsie/preact-hooks.js";import*as n from"@dropins/elsie/preact-jsx-runtime.js";import*as o from"@dropins/elsie/preact.js";export const id=70;export const ids=[70];export const modules={5941:(t,r,n)=>{n.d(r,{s:()=>we});var o=n(3474),a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,i=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,l=/[\s\n\\/='"\0<>]/,s=/^xlink:?./,c=/["&<]/;function u(e){if(!1===c.test(e+=""))return e;for(var t=0,r=0,n="",o="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:o="&quot;";break;case 38:o="&amp;";break;case 60:o="&lt;";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=o,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var f=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||"\t"))},p=function(e,t,r){return String(e).length>(t||40)||!r&&-1!==String(e).indexOf("\n")||-1!==String(e).indexOf("<")},d={},y=/([A-Z])/g;function h(e){var t="";for(var r in e){var n=e[r];null!=n&&""!==n&&(t&&(t+=" "),t+="-"==r[0]?r:d[r]||(d[r]=r.replace(y,"-$1").toLowerCase()),t="number"==typeof n&&!1===a.test(r)?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function m(e,t){return Array.isArray(t)?t.reduce(m,e):null!=t&&!1!==t&&e.push(t),e}function v(){this.__d=!0}function g(e,t){return{__v:e,context:t,props:e.props,setState:v,forceUpdate:v,__d:!0,__h:[]}}function b(e,t){var r=e.contextType,n=r&&t[r.__c];return null!=r?n?n.props.value:r.__:t}var x=[];function w(e,t,r,n,a,c){if(null==e||"boolean"==typeof e)return"";if("object"!=typeof e)return"function"==typeof e?"":u(e);var d=r.pretty,y=d&&"string"==typeof d?d:"\t";if(Array.isArray(e)){for(var v="",_=0;_<e.length;_++)d&&_>0&&(v+="\n"),v+=w(e[_],t,r,n,a,c);return v}if(void 0!==e.constructor)return"";var O,S=e.type,j=e.props,A=!1;if("function"==typeof S){if(A=!0,!r.shallow||!n&&!1!==r.renderRootComponent){if(S===o.Fragment){var k=[];return m(k,e.props.children),w(k,t,r,!1!==r.shallowHighOrder,a,c)}var E,L=e.__c=g(e,t);o.options.__b&&o.options.__b(e);var P=o.options.__r;if(S.prototype&&"function"==typeof S.prototype.render){var C=b(S,t);(L=e.__c=new S(j,C)).__v=e,L._dirty=L.__d=!0,L.props=j,null==L.state&&(L.state={}),null==L._nextState&&null==L.__s&&(L._nextState=L.__s=L.state),L.context=C,S.getDerivedStateFromProps?L.state=Object.assign({},L.state,S.getDerivedStateFromProps(L.props,L.state)):L.componentWillMount&&(L.componentWillMount(),L.state=L._nextState!==L.state?L._nextState:L.__s!==L.state?L.__s:L.state),P&&P(e),E=L.render(L.props,L.state,L.context)}else for(var D=b(S,t),F=0;L.__d&&F++<25;)L.__d=!1,P&&P(e),E=S.call(e.__c,j,D);return L.getChildContext&&(t=Object.assign({},t,L.getChildContext())),o.options.diffed&&o.options.diffed(e),w(E,t,r,!1!==r.shallowHighOrder,a,c)}S=(O=S).displayName||O!==Function&&O.name||function(e){var t=(Function.prototype.toString.call(e).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!t){for(var r=-1,n=x.length;n--;)if(x[n]===e){r=n;break}r<0&&(r=x.push(e)-1),t="UnnamedComponent"+r}return t}(O)}var T,M,I="<"+S;if(j){var N=Object.keys(j);r&&!0===r.sortAttributes&&N.sort();for(var R=0;R<N.length;R++){var H=N[R],Z=j[H];if("children"!==H){if(!l.test(H)&&(r&&r.allAttributes||"key"!==H&&"ref"!==H&&"__self"!==H&&"__source"!==H)){if("defaultValue"===H)H="value";else if("defaultChecked"===H)H="checked";else if("defaultSelected"===H)H="selected";else if("className"===H){if(void 0!==j.class)continue;H="class"}else a&&s.test(H)&&(H=H.toLowerCase().replace(/^xlink:?/,"xlink:"));if("htmlFor"===H){if(j.for)continue;H="for"}"style"===H&&Z&&"object"==typeof Z&&(Z=h(Z)),"a"===H[0]&&"r"===H[1]&&"boolean"==typeof Z&&(Z=String(Z));var G=r.attributeHook&&r.attributeHook(H,Z,t,r,A);if(G||""===G)I+=G;else if("dangerouslySetInnerHTML"===H)M=Z&&Z.__html;else if("textarea"===S&&"value"===H)T=Z;else if((Z||0===Z||""===Z)&&"function"!=typeof Z){if(!(!0!==Z&&""!==Z||(Z=H,r&&r.xml))){I=I+" "+H;continue}if("value"===H){if("select"===S){c=Z;continue}"option"===S&&c==Z&&void 0===j.selected&&(I+=" selected")}I=I+" "+H+'="'+u(Z)+'"'}}}else T=Z}}if(d){var $=I.replace(/\n\s*/," ");$===I||~$.indexOf("\n")?d&&~I.indexOf("\n")&&(I+="\n"):I=$}if(I+=">",l.test(S))throw new Error(S+" is not a valid HTML tag name in "+I);var U,B=i.test(S)||r.voidElements&&r.voidElements.test(S),Y=[];if(M)d&&p(M)&&(M="\n"+y+f(M,y)),I+=M;else if(null!=T&&m(U=[],T).length){for(var z=d&&~I.indexOf("\n"),V=!1,W=0;W<U.length;W++){var J=U[W];if(null!=J&&!1!==J){var Q=w(J,t,r,!0,"svg"===S||"foreignObject"!==S&&a,c);if(d&&!z&&p(Q)&&(z=!0),Q)if(d){var q=Q.length>0&&"<"!=Q[0];V&&q?Y[Y.length-1]+=Q:Y.push(Q),V=q}else Y.push(Q)}}if(d&&z)for(var K=Y.length;K--;)Y[K]="\n"+y+f(Y[K],y)}if(Y.length||M)I+=Y.join("");else if(r&&r.xml)return I.substring(0,I.length-1)+" />";return!B||U||M?(d&&~I.indexOf("\n")&&(I+="\n"),I=I+"</"+S+">"):I=I.replace(/>$/," />"),I}var _={shallow:!0};S.render=S;var O=[];function S(e,t,r){t=t||{};var n=o.options.__s;o.options.__s=!0;var a,i=(0,o.h)(o.Fragment,null);return i.__k=[e],a=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?w(e,t,r):P(e,t,!1,void 0,i),o.options.__c&&o.options.__c(e,O),o.options.__s=n,O.length=0,a}function j(e){return null==e||"boolean"==typeof e?null:"string"==typeof e||"number"==typeof e||"bigint"==typeof e?(0,o.h)(null,null,e):e}function A(e,t){return"className"===e?"class":"htmlFor"===e?"for":"defaultValue"===e?"value":"defaultChecked"===e?"checked":"defaultSelected"===e?"selected":t&&s.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function k(e,t){return"style"===e&&null!=t&&"object"==typeof t?h(t):"a"===e[0]&&"r"===e[1]&&"boolean"==typeof t?String(t):t}var E=Array.isArray,L=Object.assign;function P(e,t,r,n,a){if(null==e||!0===e||!1===e||""===e)return"";if("object"!=typeof e)return"function"==typeof e?"":u(e);if(E(e)){var s="";a.__k=e;for(var c=0;c<e.length;c++)s+=P(e[c],t,r,n,a),e[c]=j(e[c]);return s}if(void 0!==e.constructor)return"";e.__=a,o.options.__b&&o.options.__b(e);var f=e.type,p=e.props;if("function"==typeof f){var d;if(f===o.Fragment)d=p.children;else{d=f.prototype&&"function"==typeof f.prototype.render?function(e,t){var r=e.type,n=b(r,t),a=new r(e.props,n);e.__c=a,a.__v=e,a.__d=!0,a.props=e.props,null==a.state&&(a.state={}),null==a.__s&&(a.__s=a.state),a.context=n,r.getDerivedStateFromProps?a.state=L({},a.state,r.getDerivedStateFromProps(a.props,a.state)):a.componentWillMount&&(a.componentWillMount(),a.state=a.__s!==a.state?a.__s:a.state);var i=o.options.__r;return i&&i(e),a.render(a.props,a.state,a.context)}(e,t):function(e,t){var r,n=g(e,t),a=b(e.type,t);e.__c=n;for(var i=o.options.__r,l=0;n.__d&&l++<25;)n.__d=!1,i&&i(e),r=e.type.call(n,e.props,a);return r}(e,t);var y=e.__c;y.getChildContext&&(t=L({},t,y.getChildContext()))}var h=P(d=null!=d&&d.type===o.Fragment&&null==d.key?d.props.children:d,t,r,n,e);return o.options.diffed&&o.options.diffed(e),e.__=void 0,o.options.unmount&&o.options.unmount(e),h}var m,v,x="<";if(x+=f,p)for(var w in m=p.children,p){var _=p[w];if(!("key"===w||"ref"===w||"__self"===w||"__source"===w||"children"===w||"className"===w&&"class"in p||"htmlFor"===w&&"for"in p||l.test(w)))if(_=k(w=A(w,r),_),"dangerouslySetInnerHTML"===w)v=_&&_.__html;else if("textarea"===f&&"value"===w)m=_;else if((_||0===_||""===_)&&"function"!=typeof _){if(!0===_||""===_){_=w,x=x+" "+w;continue}if("value"===w){if("select"===f){n=_;continue}"option"!==f||n!=_||"selected"in p||(x+=" selected")}x=x+" "+w+'="'+u(_)+'"'}}var O=x;if(x+=">",l.test(f))throw new Error(f+" is not a valid HTML tag name in "+x);var S="",C=!1;if(v)S+=v,C=!0;else if("string"==typeof m)S+=u(m),C=!0;else if(E(m)){e.__k=m;for(var D=0;D<m.length;D++){var F=m[D];if(m[D]=j(F),null!=F&&!1!==F){var T=P(F,t,"svg"===f||"foreignObject"!==f&&r,n,e);T&&(S+=T,C=!0)}}}else if(null!=m&&!1!==m&&!0!==m){e.__k=[j(m)];var M=P(m,t,"svg"===f||"foreignObject"!==f&&r,n,e);M&&(S+=M,C=!0)}if(o.options.diffed&&o.options.diffed(e),e.__=void 0,o.options.unmount&&o.options.unmount(e),C)x+=S;else if(i.test(f))return O+" />";return x+"</"+f+">"}S.shallowRender=function(e,t){return S(e,t,_)};const C=S;var D=n(1177),F=n(7188);function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function M(){M=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",l=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,r){return e[t]=r}}function u(e,t,r,n){var a=t&&t.prototype instanceof v?t:v,i=Object.create(a.prototype),l=new P(n||[]);return o(i,"_invoke",{value:A(e,r,l)}),i}function f(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var p="suspendedStart",d="suspendedYield",y="executing",h="completed",m={};function v(){}function g(){}function b(){}var x={};c(x,i,(function(){return this}));var w=Object.getPrototypeOf,_=w&&w(w(C([])));_&&_!==r&&n.call(_,i)&&(x=_);var O=b.prototype=v.prototype=Object.create(x);function S(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function r(o,a,i,l){var s=f(e[o],e,a);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==T(u)&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){r("next",e,i,l)}),(function(e){r("throw",e,i,l)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return r("throw",e,i,l)}))}l(s.arg)}var a;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return a=a?a.then(o,o):o()}})}function A(t,r,n){var o=p;return function(a,i){if(o===y)throw new Error("Generator is already running");if(o===h){if("throw"===a)throw i;return{value:e,done:!0}}for(n.method=a,n.arg=i;;){var l=n.delegate;if(l){var s=k(l,n);if(s){if(s===m)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=y;var c=f(t,r,n);if("normal"===c.type){if(o=n.done?h:d,c.arg===m)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=h,n.method="throw",n.arg=c.arg)}}}function k(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,k(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var a=f(o,t.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,m;var i=a.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function C(t){if(t||""===t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}throw new TypeError(T(t)+" is not iterable")}return g.prototype=b,o(O,"constructor",{value:b,configurable:!0}),o(b,"constructor",{value:g,configurable:!0}),g.displayName=c(b,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,c(e,s,"GeneratorFunction")),e.prototype=Object.create(O),e},t.awrap=function(e){return{__await:e}},S(j.prototype),c(j.prototype,l,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,o,a){void 0===a&&(a=Promise);var i=new j(u(e,r,n,o),a);return t.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},S(O),c(O,s,"Generator"),c(O,i,(function(){return this})),c(O,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=C,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(L),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return l.type="throw",l.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],l=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var s=n.call(i,"catchLoc"),c=n.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,m):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),L(r),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:C(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),m}},t}function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){var n,o,a;n=e,o=t,a=r[t],(o=G(o))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(e,t,r,n,o,a,i){try{var l=e[a](i),s=l.value}catch(e){return void r(e)}l.done?t(s):Promise.resolve(s).then(n,o)}function H(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var a=e.apply(t,r);function i(e){R(a,n,o,i,l,"next",e)}function l(e){R(a,n,o,i,l,"throw",e)}i(void 0)}))}}function Z(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,G(n.key),n)}}function G(e){var t=function(e,t){if("object"!==T(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===T(t)?t:String(t)}var $=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._provider=t}var t,r,n;return t=e,r=[{key:"render",value:function(e,t){var r=this;return function(){var n=H(M().mark((function n(a){var i,l,s;return M().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e){n.next=2;break}throw new Error("Component is not defined");case 2:if(a){n.next=4;break}throw new Error("Root element is not defined");case 4:return n.next=6,null===(l=e.getInitialData)||void 0===l?void 0:l.call(e,t);case 6:if(n.t1=i=n.sent,n.t0=null!==n.t1,!n.t0){n.next=10;break}n.t0=void 0!==i;case 10:if(!n.t0){n.next=14;break}n.t2=i,n.next=15;break;case 14:n.t2={};case 15:s=n.t2,(0,o.render)((0,F.jsx)(D.F,N(N({node:r._provider},r._provider.props),{},{children:(0,F.jsx)(e,N(N({},t),{},{initialData:s}))})),a);case 17:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}()}},{key:"toString",value:(n=H(M().mark((function e(t,r,n){var o,a,i;return M().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t){e.next=2;break}throw new Error("Component is not defined");case 2:return e.next=4,null===(a=t.getInitialData)||void 0===a?void 0:a.call(t,r);case 4:if(e.t1=o=e.sent,e.t0=null!==e.t1,!e.t0){e.next=8;break}e.t0=void 0!==o;case 8:if(!e.t0){e.next=12;break}e.t2=o,e.next=13;break;case 12:e.t2={};case 13:return i=e.t2,e.abrupt("return",C((0,F.jsx)(D.F,N(N({node:this._provider},this._provider.props),{},{children:(0,F.jsx)(t,N(N({},r),{},{initialData:i}))})),{},N({},n)));case 15:case"end":return e.stop()}}),e,this)}))),function(e,t,r){return n.apply(this,arguments)})}],r&&Z(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),U=n(5437),B=n(1857),Y=n.n(B),z=n(5587);const V=JSON.parse('{"Elsie":{"ExampleComponentName":{"item":{"label":"string"}},"Incrementer":{"decreaseLabel":"Decrease Quantity","increaseLabel":"Increase Quantity","label":"Quantity"},"InlineAlert":{"dismissLabel":"Dismiss Alert"},"Swatches":{"outOfStock":{"label":"out of stock swatch"},"selected":{"label":"swatch selected"},"swatch":{"label":"swatch"}}}}');var W=n(9724),J={default:V,en_US:V},Q=n(1892),q=n.n(Q),K=n(5760),X=n.n(K),ee=n(8311),te=n.n(ee),re=n(8192),ne=n.n(re),oe=n(8060),ae=n.n(oe),ie=n(4865),le=n.n(ie),se=n(2080),ce={};ce.styleTagTransform=le(),ce.setAttributes=ne(),ce.insert=te().bind(null,"head"),ce.domAPI=X(),ce.insertStyleElement=ae(),q()(se.Z,ce),se.Z&&se.Z.locals&&se.Z.locals;var ue=n(4763),fe={};function pe(e){return pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pe(e)}fe.styleTagTransform=le(),fe.setAttributes=ne(),fe.insert=te().bind(null,"head"),fe.domAPI=X(),fe.insertStyleElement=ae(),q()(ue.Z,fe),ue.Z&&ue.Z.locals&&ue.Z.locals;var de=["lang","langDefinitions","className","children"];function ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function he(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(r),!0).forEach((function(t){var n,o,a;n=e,o=t,a=r[t],(o=function(e){var t=function(e,t){if("object"!==pe(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===pe(t)?t:String(t)}(o))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ye(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var me=function(e){var t,r=e.lang,n=void 0===r?"en_US":r,o=e.langDefinitions,a=void 0===o?{}:o,i=e.className,l=e.children,s=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,de),c=Y()(a.default,null!==(t=a[n])&&void 0!==t?t:{}),u=Y()(function(e){return Y()(J.default,J[e]||{})}(n),c);return(0,F.jsx)(W.Pj,{definition:u,children:(0,F.jsx)("div",he(he({},s),{},{className:(0,z.S)(["elsie-base-design",i]),children:l}))})};const ve=(e=>{var t={};return n.d(t,e),t})({events:()=>e.events});function ge(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}ve.events.enableLogger(!0);var be={default:n(7770)},xe=function(e){var t=e.children,r=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,l=[],s=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(l.push(n.value),l.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ge(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ge(e,t):void 0}}(e,t)||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.")}()}((0,U.useState)("en_US"),2),n=r[0],o=r[1];return(0,U.useEffect)((function(){var e=ve.events.on("locale",(function(e){o(e)}),{eager:!0});return function(){e.off()}}),[]),(0,F.jsx)(me,{lang:n,langDefinitions:be,children:t})},we=new $((0,F.jsx)(xe,{}))},2080:(e,t,r)=>{r.d(t,{Z:()=>l});var n=r(4933),o=r.n(n),a=r(3476),i=r.n(a)()(o());i.push([e.id,"/**\n * Do not edit directly\n * Generated on Fri, 14 Jul 2023 19:01:45 GMT\n */\n\n.elsie-base-design {\n --color-brand-500: #454545; /* Brand buttons default - AAA */\n --color-brand-600: #383838; /* Brand buttons on hover - AAA */\n --color-brand-700: #2b2b2b; /* Brand buttons selected */\n --color-neutral-50: #ffffff; /* Lightest surface / Text & components On Dark surface - AAA */\n --color-neutral-100: #fafafa; /* Light surface - AAA */\n --color-neutral-200: #f5f5f5; /* Light surface - AAA */\n --color-neutral-300: #e8e8e8; /* Disabled surfaces - AAA */\n --color-neutral-400: #d6d6d6; /* Ornamental elements (ie. Divider) */\n --color-neutral-500: #b8b8b8; /* Disabled text */\n --color-neutral-600: #8f8f8f; /* Component borders (ie. Text field border) - AA Large text */\n --color-neutral-700: #666666; /* Secondary text - AAA */\n --color-neutral-800: #3d3d3d; /* Default text - AAA */\n --color-neutral-900: #292929; /* Default text on hover - AAA */\n --color-positive-200: #eff5ef; /* Semantic positive surface - AA Large text */\n --color-positive-500: #7fb078; /* Semantic positive surface */\n --color-positive-800: #53824c; /* Semantic Positive text - On Light AA */\n --color-informational-200: #eeeffb; /* Semantic informational surface - AA Large text */\n --color-informational-500: #6978d9; /* Semantic informational surface */\n --color-informational-800: #5d6dd6; /* Semantic informational text, Highlights - On Light AA */\n --color-warning-200: #fdf3e9; /* Semantic warning surface - AA Large text */\n --color-warning-500: #e79f5c; /* Semantic warning surface */\n --color-warning-800: #cc7a2e; /* Semantic warning text - On Light AA */\n --color-alert-200: #ffebeb; /* Semantic alert surface - AA Large text */\n --color-alert-500: #db7070; /* Semantic alert surface */\n --color-alert-800: #c35050; /* Semantic alert text - On light AA */\n --color-button-active: var(--color-brand-700);\n --color-button-focus: var(--color-neutral-400);\n --color-button-hover: var(--color-brand-600);\n --color-action-button-active: var(--color-neutral-50);\n --color-action-button-hover: var(--color-neutral-300);\n --color-opacity-16: rgba(255, 255, 255, 0.16);\n --color-opacity-24: rgba(255, 255, 255, 0.24);\n --grid-1-columns: 4;\n --grid-1-margins: 0;\n --grid-1-gutters: 16px;\n --grid-2-columns: 12;\n --grid-2-margins: 0;\n --grid-2-gutters: 16px;\n --grid-3-columns: 12;\n --grid-3-margins: 0;\n --grid-3-gutters: 24px;\n --grid-4-columns: 12;\n --grid-4-margins: 0;\n --grid-4-gutters: 24px;\n --grid-5-columns: 12;\n --grid-5-margins: 0;\n --grid-5-gutters: 24px;\n --shape-border-radius-1: 3px;\n --shape-border-radius-2: 8px;\n --shape-border-radius-3: 24px;\n --shape-border-width-1: 1px;\n --shape-border-width-2: 1.5px;\n --shape-border-width-3: 2px;\n --shape-border-width-4: 4px;\n --shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, 0.16); /* Elevated panels (ie. Page side panel, Mobile bottom bar) */\n --shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, 0.16); /* Elevated dialogs (ie. Modal) */\n --shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, 0.16); /* Elevated container (ie. Card) */\n --shape-icon-stroke-1: 1px;\n --shape-icon-stroke-2: 1.5px;\n --shape-icon-stroke-3: 2px;\n --shape-icon-stroke-4: 4px;\n --spacing-xxsmall: 4px;\n --spacing-xsmall: 8px;\n --spacing-small: 16px;\n --spacing-medium: 24px;\n --spacing-big: 32px;\n --spacing-xbig: 40px;\n --spacing-xxbig: 48px;\n --spacing-large: 64px;\n --spacing-xlarge: 72px;\n --spacing-xxlarge: 96px;\n --spacing-huge: 120px;\n --spacing-xhuge: 144px;\n --spacing-xxhuge: 192px;\n --type-base-font-family: system-ui, sans-serif;\n --type-display-1-font: normal normal 300 60px/72px\n var(--type-base-font-family); /* Hero title */\n --type-display-1-letter-spacing: 0.04em;\n --type-display-2-font: normal normal 300 48px/56px\n var(--type-base-font-family); /* Banner title */\n --type-display-2-letter-spacing: 0.04em;\n --type-display-3-font: normal normal 300 34px/40px\n var(--type-base-font-family); /* Desktop & tablet section title */\n --type-display-3-letter-spacing: 0.04em;\n --type-headline-1-font: normal normal 400 24px/32px\n var(--type-base-font-family); /* Desktop & tablet page title */\n --type-headline-1-letter-spacing: 0.04em;\n --type-headline-2-default-font: normal normal 300 20px/24px\n var(--type-base-font-family); /* Rail title */\n --type-headline-2-default-letter-spacing: 0.04em;\n --type-headline-2-strong-font: normal normal 400 20px/24px\n var(--type-base-font-family); /* Mobile page and section title */\n --type-headline-2-strong-letter-spacing: 0.04em;\n --type-body-1-default-font: normal normal 300 16px/24px\n var(--type-base-font-family); /* Normal text paragraph */\n --type-body-1-default-letter-spacing: 0.04em;\n --type-body-1-strong-font: normal normal 400 16px/24px\n var(--type-base-font-family);\n --type-body-1-strong-letter-spacing: 0.04em;\n --type-body-1-emphasized-font: normal normal 700 16px/24px\n var(--type-base-font-family);\n --type-body-1-emphasized-letter-spacing: 0.04em;\n --type-body-2-default-font: normal normal 300 14px/20px\n var(--type-base-font-family);\n --type-body-2-default-letter-spacing: 0.04em;\n --type-body-2-strong-font: normal normal 400 14px/20px\n var(--type-base-font-family);\n --type-body-2-strong-letter-spacing: 0.04em;\n --type-body-2-emphasized-font: normal normal 700 14px/20px\n var(--type-base-font-family);\n --type-body-2-emphasized-letter-spacing: 0.04em;\n --type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family); /* Primary button text */\n --type-button-1-letter-spacing: 0.08em;\n --type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family); /* Small buttons */\n --type-button-2-letter-spacing: 0.08em;\n --type-details-caption-1-font: normal normal 400 12px/16px\n var(--type-base-font-family);\n --type-details-caption-1-letter-spacing: 0.08em;\n --type-details-caption-2-font: normal normal 300 12px/16px\n var(--type-base-font-family);\n --type-details-caption-2-letter-spacing: 0.08em;\n --type-details-overline-font: normal normal 400 12px/20px\n var(--type-base-font-family);\n --type-details-overline-letter-spacing: 0.16em;\n}\n",""]);const l=i},4763:(e,t,r)=>{r.d(t,{Z:()=>l});var n=r(4933),o=r.n(n),a=r(3476),i=r.n(a)()(o());i.push([e.id,".elsie-base-design a {\n --textColor: var(--color-brand-500);\n --textFont: var(--type-body-1-strong-font)\n --textLetterSpacing: var(--type-body-1-strong-letter-spacing);\n color: var(--textColor);\n font: var(--textFont);\n letter-spacing: var(--textLetterSpacing);\n text-decoration: none;\n}\n\n.elsie-base-design a:hover {\n --textColor: var(--color-brand-700);\n text-decoration: solid underline var(--textColor);\n text-underline-offset: 6px;\n}\n\n.elsie-base-design a:focus-visible {\n outline: solid var(--shape-border-width-4) var(--color-neutral-400);\n border: var(--shape-border-width-1) solid var(--color-neutral-800); \n border-radius: var(--shape-border-radius-1);\n}\n",""]);const l=i},1857:e=>{var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)},r="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(e,t){return!1!==t.clone&&t.isMergeableObject(e)?l((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function o(e,t,r){return e.concat(t).map((function(e){return n(e,r)}))}function a(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function i(e,t){try{return t in e}catch(e){return!1}}function l(e,r,s){(s=s||{}).arrayMerge=s.arrayMerge||o,s.isMergeableObject=s.isMergeableObject||t,s.cloneUnlessOtherwiseSpecified=n;var c=Array.isArray(r);return c===Array.isArray(e)?c?s.arrayMerge(e,r,s):function(e,t,r){var o={};return r.isMergeableObject(e)&&a(e).forEach((function(t){o[t]=n(e[t],r)})),a(t).forEach((function(a){(function(e,t){return i(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(i(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return l;var r=t.customMerge(e);return"function"==typeof r?r:l}(a,r)(e[a],t[a],r):o[a]=n(t[a],r))})),o}(e,r,s):n(r,s)}l.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return l(e,r,t)}),{})};var s=l;e.exports=s},4853:(e,r,n)=>{var o,a;e.exports=(o={useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useReducer:()=>t.useReducer},a={},n.d(a,o),a)},5437:(e,t,n)=>{var o,a;e.exports=(o={useCallback:()=>r.useCallback,useContext:()=>r.useContext,useDebugValue:()=>r.useDebugValue,useEffect:()=>r.useEffect,useId:()=>r.useId,useImperativeHandle:()=>r.useImperativeHandle,useLayoutEffect:()=>r.useLayoutEffect,useMemo:()=>r.useMemo,useReducer:()=>r.useReducer,useRef:()=>r.useRef,useState:()=>r.useState},a={},n.d(a,o),a)},4142:(e,t,r)=>{var o,a;e.exports=(o={Fragment:()=>n.Fragment,jsx:()=>n.jsx,jsxs:()=>n.jsxs},a={},r.d(a,o),a)},3474:(e,t,r)=>{var n,a;e.exports=(n={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},a={},r.d(a,n),a)},7770:e=>{e.exports=JSON.parse('{"OrderConfirmation":{"Header":{"title":"{{name}}, thank you for your order!","defaultTitle":"Thank you for your order!","order":"ORDER #{{order}}"},"InlineAlert":{"dismissLabel":"Dismiss Alert"},"OrderSearchForm":{"title":"Enter your information to view order details","description":"You can find your order number in the receipt you received via email.","button":"View Order","email":"Email","postcode":"Zip Code","orderNumber":"Order Number"},"OrderForm":{"title":"Enter order ID to proceed","description":"You can find your order number in the receipt you received via email","placeholder":"Order ID","button":"Continue"},"OrderSummary":{"title":"Order summary","total":"Total","totalExclTax":"Total excluding taxes","subtotal":"Subtotal","tax":"Tax","taxTotal":"Tax total","taxBreakdown":"Taxes","includingTaxes":"Including taxes","shipping":"Shipping","freeShipping":"Free shipping"},"Message":{"title":"Your order is confirmed","description":"We have successfully processed your order and will be soon prepared for shipping. <br /> You will also receive an email with details and we will let you know when your order has shipped."},"Details":{"title":"Order details","contact":"Contact details","shippingAddress":"Shipping address","billingAddress":"Billing address","shippingMethod":"Shipping method","freeShipping":"Free shipping","paymentMethod":"Payment method"},"Footer":{"continueShopping":"Continue shopping","contactSupport":"Need help? <a href=\\"/contact\\">Contact us</a>"},"Errors":{"invalidOrder":"Invalid order. Please try again.","invalidSearch":"No order found with these order details.","unknown":"Something went wrong. Please try again."}}}')}};import a from"./runtime.js";import*as i from"./315.js";a.C(i);import*as l from"./render.js";a.C(l);var s=(5941,a(a.s=5941)).s;export{s as render};
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc