diff --git a/blocks/commerce-create-return/commerce-create-return.css b/blocks/commerce-create-return/commerce-create-return.css new file mode 100644 index 0000000000..8b401f767f --- /dev/null +++ b/blocks/commerce-create-return/commerce-create-return.css @@ -0,0 +1,5 @@ +/* stylelint-disable no-empty-source */ + +body:not(.columns) main div.order-create-return { + margin-top: var(--spacing-large); +} diff --git a/blocks/commerce-create-return/commerce-create-return.js b/blocks/commerce-create-return/commerce-create-return.js new file mode 100644 index 0000000000..5f1e325b2b --- /dev/null +++ b/blocks/commerce-create-return/commerce-create-return.js @@ -0,0 +1,15 @@ +/* eslint-disable import/no-unresolved */ +/* eslint-disable import/no-extraneous-dependencies */ +import { render as orderRenderer } from '@dropins/storefront-order/render.js'; +import { CreateReturn } from '@dropins/storefront-order/containers/CreateReturn.js'; +import { checkIsAuthenticated } from '../../scripts/configs.js'; +import { ORDER_DETAILS_PATH, CUSTOMER_ORDER_DETAILS_PATH } from '../../scripts/constants.js'; + +// Initialize +import '../../scripts/initializers/order.js'; + +export default async function decorate(block) { + await orderRenderer.render(CreateReturn, { + routeReturnSuccess: (orderData) => (checkIsAuthenticated() ? `${CUSTOMER_ORDER_DETAILS_PATH}?orderRef=${orderData.number}` : `${ORDER_DETAILS_PATH}?orderRef=${orderData.token}`), + })(block); +} diff --git a/blocks/commerce-order-status/commerce-order-status.js b/blocks/commerce-order-status/commerce-order-status.js index d47b0061a6..313f56686e 100644 --- a/blocks/commerce-order-status/commerce-order-status.js +++ b/blocks/commerce-order-status/commerce-order-status.js @@ -3,13 +3,24 @@ import { render as orderRenderer } from '@dropins/storefront-order/render.js'; import { OrderStatus } from '@dropins/storefront-order/containers/OrderStatus.js'; import { checkIsAuthenticated } from '../../scripts/configs.js'; +import { CREATE_RETURN_PATH, CUSTOMER_CREATE_RETURN_PATH } from '../../scripts/constants.js'; // Initialize import '../../scripts/initializers/order.js'; export default async function decorate(block) { await orderRenderer.render(OrderStatus, { - routeCreateReturn: (orderData) => (checkIsAuthenticated() ? `/customer/create-return?orderId=${orderData.id}` : `/create-return?orderId=${orderData.id}`), + routeCreateReturn: ({ token, number: orderNumber }) => { + const isAuthenticated = checkIsAuthenticated(); + + const { searchParams } = new URL(window.location.href); + const orderRefFromUrl = searchParams.get('orderRef'); + const newOrderRef = isAuthenticated ? orderNumber : token; + + const encodedOrderRef = encodeURIComponent(orderRefFromUrl || newOrderRef); + + return checkIsAuthenticated() ? `${CUSTOMER_CREATE_RETURN_PATH}?orderRef=${encodedOrderRef}` : `${CREATE_RETURN_PATH}?orderRef=${encodedOrderRef}`; + }, routeOnSuccess: () => '/cart', })(block); } diff --git a/package-lock.json b/package-lock.json index 607fa9dc9f..6a72248448 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,11 +12,11 @@ "dependencies": { "@adobe/magento-storefront-event-collector": "^1.8.0", "@adobe/magento-storefront-events-sdk": "^1.8.0", - "@dropins/storefront-account": "0.1.0-alpha19", + "@dropins/storefront-account": "0.1.0-alpha20", "@dropins/storefront-auth": "0.0.1-alpha25", "@dropins/storefront-cart": "0.10.0", "@dropins/storefront-checkout": "0.1.0-alpha53", - "@dropins/storefront-order": "0.1.0-alpha19", + "@dropins/storefront-order": "0.1.0-alpha21", "@dropins/storefront-pdp": "0.4.0", "@dropins/tools": "^0.35.0" }, @@ -796,9 +796,9 @@ } }, "node_modules/@dropins/storefront-account": { - "version": "0.1.0-alpha19", - "resolved": "https://registry.npmjs.org/@dropins/storefront-account/-/storefront-account-0.1.0-alpha19.tgz", - "integrity": "sha512-V0WWpgTVFdgrXdyYnva+6mZjzFbCz41vABk/NX+fTwh019bOec+vZny+yN8+Gq/NLyPaiWAGr9G1F0ChhIFCLQ==" + "version": "0.1.0-alpha20", + "resolved": "https://registry.npmjs.org/@dropins/storefront-account/-/storefront-account-0.1.0-alpha20.tgz", + "integrity": "sha512-zrDZxq6b2F5Yw1hyq1n52DiKofRi84z8VBVyzeoMWjMYtYYgpPB+G9ubXyGBYPZ/JkK2TdXpGNsVX+o5Tc/ZCg==" }, "node_modules/@dropins/storefront-auth": { "version": "0.0.1-alpha25", @@ -816,9 +816,9 @@ "integrity": "sha512-Pni2JFmQ2O3efhV1nfoqjNxPJdGRf4exwgTSEZ8CE0XnYwdICW14GMyCRse6mjLdetldTe0FNbSxWXpqp/edCg==" }, "node_modules/@dropins/storefront-order": { - "version": "0.1.0-alpha19", - "resolved": "https://registry.npmjs.org/@dropins/storefront-order/-/storefront-order-0.1.0-alpha19.tgz", - "integrity": "sha512-DDRGXF11E4wpiufAbu/+Chl1y5VLyGMEmi/TPM3zdtuwlpnlplgJ7PCvC4sOVt1HpEvbSjjYtmW4fcrKT3Elwg==" + "version": "0.1.0-alpha21", + "resolved": "https://registry.npmjs.org/@dropins/storefront-order/-/storefront-order-0.1.0-alpha21.tgz", + "integrity": "sha512-gxtivVRJFpKVAwecdplfwJ2nGw/allW/ZxTjWFzArucGvHw5MmzW/mOsEpVavsRLJA7pV7MgjtQTCD3wp2zqGg==" }, "node_modules/@dropins/storefront-pdp": { "version": "0.4.0", diff --git a/package.json b/package.json index 604c49fed4..09230c2983 100644 --- a/package.json +++ b/package.json @@ -35,11 +35,11 @@ "dependencies": { "@adobe/magento-storefront-event-collector": "^1.8.0", "@adobe/magento-storefront-events-sdk": "^1.8.0", - "@dropins/storefront-account": "0.1.0-alpha19", + "@dropins/storefront-account": "0.1.0-alpha20", "@dropins/storefront-auth": "0.0.1-alpha25", "@dropins/storefront-cart": "0.10.0", "@dropins/storefront-checkout": "0.1.0-alpha53", - "@dropins/storefront-order": "0.1.0-alpha19", + "@dropins/storefront-order": "0.1.0-alpha21", "@dropins/storefront-pdp": "0.4.0", "@dropins/tools": "^0.35.0" } diff --git a/scripts/__dropins__/storefront-account/chunks/CustomerInformationCard.js b/scripts/__dropins__/storefront-account/chunks/CustomerInformationCard.js index 2e0f055203..95e03fa5ac 100644 --- a/scripts/__dropins__/storefront-account/chunks/CustomerInformationCard.js +++ b/scripts/__dropins__/storefront-account/chunks/CustomerInformationCard.js @@ -1 +1 @@ -import{jsx as a,Fragment as Q,jsxs as P}from"@dropins/tools/preact-jsx-runtime.js";import{classes as X,Slot as Ae}from"@dropins/tools/lib.js";import{Field as le,Picker as qe,Input as Pe,InputDate as We,Checkbox as xe,TextArea as je,Card as he,Skeleton as we,SkeletonRow as j,Button as de,Tag as pe,Icon as Se,Modal as Ge,ProgressSpinner as Ke,IllustratedMessage as De,Header as Je,InLineAlert as Xe}from"@dropins/tools/components.js";import{useRef as Ye,useState as N,useEffect as ee,useCallback as U,useMemo as Qe}from"@dropins/tools/preact-hooks.js";import{k as et,o as Re,u as Ce,c as Ve,e as tt,n as rt,j as st,h as nt,i as at,d as dt}from"./removeCustomerAddress.js";import{useText as se}from"@dropins/tools/i18n.js";import*as K from"@dropins/tools/preact-compat.js";import{memo as Ee,forwardRef as ot,useImperativeHandle as lt,useMemo as be,useCallback as _e}from"@dropins/tools/preact-compat.js";import{Fragment as Ne}from"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";const fe=({hideActionFormButtons:e,formName:s,showFormLoader:n,showSaveCheckBox:r,saveCheckBoxValue:d,forwardFormRef:l,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,billingCheckBoxValue:y,shippingCheckBoxValue:g,showBillingCheckBox:I,showShippingCheckBox:L,isOpen:x,onSubmit:t,onCloseBtnClick:A,onSuccess:f,onError:_,onChange:T})=>a("div",{className:X(["account-address-form"]),children:a(Wt,{hideActionFormButtons:e,formName:s,showFormLoader:n,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,shippingCheckBoxValue:g,billingCheckBoxValue:y,showShippingCheckBox:L,showBillingCheckBox:I,isOpen:x,onSubmit:t,onCloseBtnClick:A,onSuccess:f,onError:_,onChange:T,forwardFormRef:l,showSaveCheckBox:r,saveCheckBoxValue:d})}),it=e=>e.reduce((s,n)=>({...s,[n.name]:n.value}),{}),ct=e=>/^\d+$/.test(e),ut=e=>/^[a-zA-Z0-9\s]+$/.test(e),pt=e=>/^[a-zA-Z0-9]+$/.test(e),ft=e=>/^[a-zA-Z]+$/.test(e),mt=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),ht=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),At=(e,s,n)=>{const r=new Date(e).getTime()/1e3;return isNaN(r)||r<0?!1:r>=s&&r<=n},Te=e=>new Date(parseInt(e,10)*1e3).toISOString().split("T")[0],Lt=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),gt=(e,s,n)=>{const r=e.length;return r>=s&&r<=n},ye=(e,s,n,r)=>{var w,H;const{requiredFieldError:d,lengthTextError:l,numericError:i,alphaNumWithSpacesError:o,alphaNumericError:c,alphaError:u,emailError:p,dateError:y,urlError:g,dateLengthError:I}=n,L=s==null?void 0:s.customUpperCode,x={[L]:""};if(r[L]&&delete r[L],s!=null&&s.required&&!e)return{[L]:d};if(!(s!=null&&s.required)&&!e||!((w=s==null?void 0:s.validateRules)!=null&&w.length))return x;const t=it(s==null?void 0:s.validateRules),A=t.MIN_TEXT_LENGTH??1,f=t.MAX_TEXT_LENGTH??255,_=t.DATE_RANGE_MIN,T=t.DATE_RANGE_MAX;if(!gt(e,+A,+f)&&!(_||T))return{[L]:l.replace("{min}",A).replace("{max}",f)};if(!At(e,+_,+T)&&(_||T))return{[L]:I.replace("{min}",Te(_)).replace("{max}",Te(T))};const z={numeric:{validate:ct,error:i},"alphanum-with-spaces":{validate:ut,error:o},alphanumeric:{validate:pt,error:c},alpha:{validate:ft,error:u},email:{validate:mt,error:p},date:{validate:ht,error:y},url:{validate:Lt,error:g}}[t.INPUT_VALIDATION];return z&&!z.validate(e)&&!((H=r[L])!=null&&H.length)?{[L]:z.error}:x},He=e=>{switch(e){case"on":case"true":case 1:case"1":return!0;case"0":case"off":case"false":case 0:return!1;default:return!1}},yt=["true","false","yes","on","off"],Ct={firstName:"",lastName:"",city:"",company:"",countryCode:"",region:"",regionCode:"",regionId:"",id:"",telephone:"",vatId:"",postcode:"",defaultShipping:"",defaultBilling:"",street:"",saveAddressBook:""},bt=e=>{const s={},n={};for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const d=e[r],l=r.match(/^(.*)Multiline_(\d+)$/);if(l){const i=l[1],o=parseInt(l[2],10);n[i]||(n[i]=[]),n[i].push({index:o,value:d})}else Object.keys(e).filter(o=>o.startsWith(`${r}Multiline_`)).length>0?n[r]=[{index:1,value:d}]:s[r]=d}for(const r in n)if(Object.prototype.hasOwnProperty.call(n,r)){const d=n[r];d.sort((l,i)=>l.index-i.index),s[r]=d.map(l=>l.value)}return s},Mt=e=>{const s={},n=[];for(const r in e){const d=yt.includes(e[r])?He(e[r]):e[r];Object.prototype.hasOwnProperty.call(e,r)&&(Object.prototype.hasOwnProperty.call(Ct,r)?s[r]=d:n.push({code:Re(r),value:d}))}return{...s,customAttributes:n}},ae=(e,s=!1)=>{const n=et(e,"camelCase",{firstname:"firstName",lastname:"lastName"}),r=Mt(bt(n));if(!s)return r;const[d,l]=r.region?r.region.split(","):[];return{...r,region:{regionCode:d,...l&&{regionId:+l}}}},me=e=>{if(!e.current)return{};const s=e.current.elements;return Array.from(s).reduce((r,d)=>(d.name&&(r[d.name]=d.type==="checkbox"?d.checked:d.value),r),{})},Ze=(e,s)=>Object.keys(e).every(r=>r in s&&s[r]!==""),Be=e=>typeof e=="function",vt=e=>e.reduce((s,{customUpperCode:n,required:r,defaultValue:d})=>(r&&n&&(s.initialData[n]=d||"",s.errorList[n]=""),s),{initialData:{},errorList:{}}),$e=e=>Object.keys(e).length>0,Et=({fieldsConfig:e,onSubmit:s,onChange:n,setInputChange:r,formName:d,isWaitingForResponse:l})=>{const i=se({requiredFieldError:"Account.FormText.requiredFieldError",lengthTextError:"Account.FormText.lengthTextError",numericError:"Account.FormText.numericError",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError",alphaNumericError:"Account.FormText.alphaNumericError",alphaError:"Account.FormText.alphaError",emailError:"Account.FormText.emailError",dateError:"Account.FormText.dateError",dateLengthError:"Account.FormText.dateLengthError",urlError:"Account.FormText.urlError"}),o=Ye(null),[c,u]=N({}),[p,y]=N({}),[g,I]=N({}),[L,x]=N(!0),[t,A]=N(!1),[f,_]=N(!1),[T,Z]=N(!0),[z,w]=N(!1);ee(()=>{const h=()=>{if(o.current){const v=window.getComputedStyle(o.current).getPropertyValue("grid-template-rows").split(" ").length,M=o.current.querySelector(".account-address-form--saveAddressBook");M&&(M.style.gridRow=String(v-1))}};return h(),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}},[e==null?void 0:e.length]);const H=U((h=!1)=>{let b=!0;const v={...p};let M=null;for(const[O,m]of Object.entries(c)){const F=e==null?void 0:e.find(S=>S.customUpperCode.includes(O)),R=ye(m.toString(),F,i,v);R[O]&&(Object.assign(v,R),b=!1),M||(M=Object.keys(v).find(S=>v[S])||null)}if(h||y(v),M&&o.current&&!h){const O=o.current.elements.namedItem(M);O==null||O.focus()}return b},[p,e,c,i]),C=U((h,b,v,M)=>{const O={...me(o),[b]:h,...b.includes("countryCode")?{region:""}:{}},m={data:ae(O,!0),isDataValid:Ze(v,O)};w(m.isDataValid),H(!0),["selectedShippingAddress","selectedBillingAddress"].includes(d)&&sessionStorage.setItem(`${d}_addressData`,JSON.stringify(m)),n==null||n(m,{},M)},[H,d,n]);ee(()=>{if(e!=null&&e.length){const{initialData:h,errorList:b}=vt(e);u(v=>({...h,...v})),y(b),I(b)}},[JSON.stringify(e)]),ee(()=>{if(f)return;const h=me(o),b=sessionStorage.getItem(`${d}_addressData`);if($e(c)&&$e(g)){let v={};const M=Ze(g,c);b?v=JSON.parse(b).data:v=ae(h,!0)??{},n==null||n({data:v,isDataValid:M},{},null),w(M),_(!0)}},[c,g]),ee(()=>{var O;if(!T)return;const h=me(o),b=!!(h!=null&&h.countryCode),v=!!((O=h==null?void 0:h.region)!=null&&O.length);h&&b&&!v&&Be(n)&&!l&&C(h==null?void 0:h.region,"region",g,null)},[T,L,e,o,n,C,g,t,l]);const B=U(h=>{const{name:b,value:v,type:M,checked:O}=h==null?void 0:h.target,m=M==="checkbox"?O:v;u(S=>{const G={...S,[b]:m};return b==="countryCode"&&(G.region="",x(!0),A(!1)),G}),r==null||r({[b]:m}),_(!0);const F=e==null?void 0:e.find(S=>S.customUpperCode.includes(b));let R={...p};if(F){const S=ye(m.toString(),F,i,R);S&&Object.assign(R,S),y(R)}C(m,b,g,h)},[r,e,p,i,C,g,L]),k=U(h=>{const{name:b}=h==null?void 0:h.target,v=e==null?void 0:e.find(M=>M.customUpperCode===b);b==="region"&&(v!=null&&v.options.length)&&Z(!1),Z(b==="countryCode")},[]),q=U(h=>{const{name:b,value:v,type:M,checked:O}=h==null?void 0:h.target,m=M==="checkbox"?O:v,F=e==null?void 0:e.find(R=>R.customUpperCode===b);if(F){const R={...p},S=ye(m.toString(),F,i,R);S&&Object.assign(R,S),y(R)}},[p,e,i]),D=U(h=>{h.preventDefault();const b=H();s==null||s(h,b)},[H,s]);return{isDataValid:z,formData:c,errors:p,formRef:o,handleInputChange:B,onFocus:k,handleBlur:q,handleSubmit:D,handleValidationSubmit:H}};var re=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(re||{});const _t=Ee(({loading:e,values:s,fields:n=[],errors:r,className:d="",onChange:l,onBlur:i,onFocus:o,slots:c})=>{const u=`${d}__field`,p=(t,A)=>{if(!(c!=null&&c[`AddressFormInput_${t.code}`]))return;const f={inputName:t.customUpperCode,handleOnChange:l,handleOnBlur:i,handleOnFocus:o,errorMessage:A,config:t};return a(Ae,{"data-testid":`addressFormInput_${t.code}`,name:`AddressFormInput_${t.code}`,slot:c[`AddressFormInput_${t.code}`],context:f})},y=(t,A,f)=>{var T;const _=((T=t.options.find(Z=>Z.isDefault))==null?void 0:T.value)??A??t.defaultValue;return a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e||t.disabled,children:a(qe,{id:t.code,required:t.required,name:t.customUpperCode,floatingLabel:`${t.label} ${t.required?"*":""}`,placeholder:t.label,"aria-label":t.label,options:t.options,onBlur:i,onFocus:o,handleSelect:l,defaultValue:_,value:_})},t.id)})},g=(t,A,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(Pe,{id:t.code,type:"text",name:t.customUpperCode,value:A??t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:i,onFocus:o,onChange:l})},t.id)}),I=(t,A,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e||t.disabled,children:a(We,{id:t.code,type:"text",name:t.customUpperCode,value:A||t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l,disabled:e||t.disabled})},t.id)}),L=(t,A,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(xe,{id:t.code,name:t.customUpperCode,checked:A||t.defaultValue,placeholder:t.label,label:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l})},t.id)}),x=(t,A,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(je,{id:t.code,type:"text",name:t.customUpperCode,value:A??t.defaultValue,label:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l})},t.id)});return n.length?a(Q,{children:n.map(t=>{const A=r==null?void 0:r[t.customUpperCode],f=s==null?void 0:s[t.customUpperCode];switch(t.fieldType){case re.TEXT:return t.options.length?y(t,f,A):g(t,f,A);case re.MULTILINE:return g(t,f,A);case re.SELECT:return y(t,f,A);case re.DATE:return I(t,f,A);case re.BOOLEAN:return L(t,f,A);case re.TEXTAREA:return x(t,f,A);default:return null}})}):null}),ze=({testId:e,withCard:s=!0})=>{const n=P(we,{"data-testid":e||"skeletonLoader",children:[a(j,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),a(j,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),a(j,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return s?n:a(he,{variant:"secondary",className:X(["account-account-loaders","account-account-loaders--card-loader"]),children:n})},Nt=()=>P(we,{"data-testid":"addressFormLoader",children:[a(j,{variant:"heading",size:"medium"}),a(j,{variant:"empty",size:"medium"}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large",fullWidth:!0}),a(j,{size:"large",fullWidth:!0,lines:3}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large"}),a(j,{size:"large",fullWidth:!0})]}),Tt=Ee(ot(({isWaitingForResponse:e,setInputChange:s,showFormLoader:n,slots:r,name:d,loading:l,children:i,className:o="defaultForm",fieldsConfig:c,onSubmit:u,onChange:p,forwardFormRef:y,regionOptions:g,showSaveCheckBox:I,handleSaveCheckBoxAddress:L,saveCheckBoxAddress:x})=>{const t=se({saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{isDataValid:A,formData:f,errors:_,formRef:T,handleInputChange:Z,handleBlur:z,handleSubmit:w,handleValidationSubmit:H,onFocus:C}=Et({fieldsConfig:c,onSubmit:u,onChange:p,setInputChange:s,regionOptions:g,formName:d,isWaitingForResponse:e});return lt(y,()=>{const B=me(T);return{handleValidationSubmit:H,formData:ae(B,!0),isDataValid:A}}),n||!(c!=null&&c.length)?a(Nt,{}):P("form",{className:X(["account-form",o]),onSubmit:w,name:d,ref:T,children:[a(_t,{className:o,loading:l,fields:c,onChange:Z,onBlur:z,errors:_,values:f,onFocus:C,slots:r}),r!=null&&r.AddressFormInputs?a(Ae,{"data-testid":"addressFormInputs",name:"AddressFormInputs",slot:r.AddressFormInputs,context:{formActions:{handleChange:Z}}}):null,I?a("div",{className:"account-address-form--saveAddressBook",children:a(xe,{"data-testid":"testSaveAddressBook",name:"saveAddressBook",label:t.saveAddressBook,checked:x,onChange:B=>{Z(B),L==null||L(B)}})}):null,i]})})),Me=({slots:e,selectable:s,selectShipping:n,selectBilling:r,variant:d="secondary",minifiedView:l,keysSortOrder:i,addressData:o,loading:c,setAddressId:u,handleRenderModal:p,handleRenderForm:y})=>{const g=l?"minifiedView":"fullSizeView",I=se({actionRemove:`Account.${g}.Addresses.addressCard.actionRemove`,actionEdit:`Account.${g}.Addresses.addressCard.actionEdit`,cardLabelShipping:`Account.${g}.Addresses.addressCard.cardLabelShipping`,cardLabelBilling:`Account.${g}.Addresses.addressCard.cardLabelBilling`,defaultLabelText:`Account.${g}.Addresses.addressCard.defaultLabelText`}),L=I.cardLabelBilling.toLocaleUpperCase(),x=I.cardLabelShipping.toLocaleUpperCase(),t=I.defaultLabelText.toLocaleUpperCase(),A=be(()=>{const C={shippingLabel:x,billingLabel:L,hideShipping:!1,hideBilling:!1};return s?n&&!r?{shippingLabel:t,billingLabel:t,hideShipping:!1,hideBilling:!0}:r&&!n?{shippingLabel:t,billingLabel:t,hideShipping:!0,hideBilling:!1}:C:C},[L,t,x,r,n,s]),f=_e(()=>{u==null||u(o==null?void 0:o.id),p==null||p()},[p,o==null?void 0:o.id,u]),_=_e(()=>{u==null||u(o==null?void 0:o.id),y==null||y()},[y,o==null?void 0:o.id,u]),T=be(()=>{if(!i)return[];const{region:C,...B}=o,k={...B,...C};return i.filter(({name:q})=>k[q]).map(q=>({name:q.name,orderNumber:q.orderNumber,value:k[q.name],label:q.label}))},[o,i]),{shippingLabel:Z,billingLabel:z,hideShipping:w,hideBilling:H}=A;return a(he,{variant:d,className:"account-address-card","data-testid":"addressCard",children:c?a(ze,{}):P(Q,{children:[P("div",{className:"account-address-card__action",children:[p?a(de,{type:"button",variant:"tertiary",onClick:f,"data-testid":"removeButton",children:I.actionRemove}):null,y?a(de,{type:"button",variant:"tertiary",onClick:_,className:"account-address-card__action--editbutton","data-testid":"editButton",children:I.actionEdit}):null]}),a("div",{className:"account-address-card__description",children:e!=null&&e.AddressCard?a(Ae,{name:"AddressCard",slot:e==null?void 0:e.AddressCard,context:{addressData:T}}):a(Q,{children:T.map((C,B)=>{const k=C.label?`${C.label}: ${C==null?void 0:C.value}`:C==null?void 0:C.value;return a("p",{"data-testid":`${C.name}_${B}`,children:k},B)})})}),(o!=null&&o.defaultShipping||o!=null&&o.defaultBilling)&&!s?P("div",{className:"account-address-card__labels",children:[o!=null&&o.defaultShipping?a(pe,{label:x}):null,o!=null&&o.defaultBilling?a(pe,{label:L}):null]}):null,s?P("div",{className:"account-address-card__labels",children:[!w&&(o!=null&&o.defaultShipping)?a(pe,{label:Z}):null,!H&&(o!=null&&o.defaultBilling)?a(pe,{label:z}):null]}):null]})})},Zt=e=>K.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),$t=e=>K.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},K.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),Ft=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z",fill:"#3D3D3D"})),It=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),Fe=({selectable:e,className:s,addNewAddress:n,minifiedView:r,routeAddressesPage:d})=>{const l=r?"minifiedView":"fullSizeView",i=se({viewAllAddressesButton:`Account.${l}.Addresses.viewAllAddressesButton`,addNewAddressButton:`Account.${l}.Addresses.addNewAddressButton`,differentAddressButton:`Account.${l}.Addresses.differentAddressButton`}),o=e?"span":"button",c=e?{}:{AriaRole:"button",type:"button"},u=r&&!n?i.viewAllAddressesButton:i.addNewAddressButton,p=e?i.differentAddressButton:u;return P(o,{...c,className:X(["account-actions-address",["account-actions-address--viewall",r],["account-actions-address--address",!r],["account-actions-address--selectable",e],s]),"data-testid":"showRouteFullAddress",onClick:d,children:[a("span",{className:"account-actions-address__title","data-testid":"addressActionsText",children:p}),a(Se,{source:r&&!n?$t:Zt,size:"32"})]})},Ot=({minifiedView:e,keysSortOrder:s,addressData:n,open:r,submitLoading:d,onRemoveAddress:l,closeModal:i})=>{const o=e?"minifiedView":"fullSizeView",c=se({title:`Account.${o}.Addresses.removeAddressModal.title`,description:`Account.${o}.Addresses.removeAddressModal.description`,actionCancel:`Account.${o}.Addresses.removeAddressModal.actionCancel`,actionConfirm:`Account.${o}.Addresses.removeAddressModal.actionConfirm`});return r?P(Ge,{title:a("h3",{children:c.title}),className:"account-address-modal",size:"full","data-testid":"addressModal",showCloseButton:!0,onClose:i,children:[d?a("div",{className:"account-address-modal__spinner","data-testid":"progressSpinner",children:a(Ke,{stroke:"4",size:"large"})}):null,a("p",{children:c.description}),a(Me,{minifiedView:e,addressData:n,keysSortOrder:s}),P("div",{className:"account-address-modal__buttons",children:[a(de,{type:"button",onClick:i,variant:"secondary",disabled:d,children:c.actionCancel}),a(de,{disabled:d,onClick:l,children:c.actionConfirm})]})]}):null},xt=({typeList:e,isEmpty:s,minifiedView:n,className:r})=>{const d=n?"minifiedView":"fullSizeView",l=se({addressesMessage:`Account.${d}.EmptyList.Addresses.message`,ordersListMessage:`Account.${d}.EmptyList.OrdersList.message`}),i=be(()=>{switch(e){case"address":return{icon:Ft,text:a("p",{children:l.addressesMessage})};case"orders":return{icon:It,text:a("p",{children:l.ordersListMessage})};default:return{icon:"",text:""}}},[e,l]);return!s||!e||!i.text?null:a(De,{className:X(["account-empty-list",n?"account-empty-list--minified":"",r]),message:i.text,icon:a(Se,{source:i.icon}),"data-testid":"emptyList"})},wt=async(e,s)=>{if(s.length===1){const i=s[0],c=Object.values(i.region).every(p=>!!p)?{}:{region:{...i.region,regionId:0}};return!!await Ce({addressId:Number(i==null?void 0:i.id),defaultShipping:!1,defaultBilling:!1,...c})}const n=s.filter(i=>i.id!==e&&(i.defaultBilling||i.defaultShipping)||i.id!==e),r=s[s.length-1],d=n[0]||((r==null?void 0:r.id)!==e?r:null);return!d||!d.id?!1:!!await Ce({addressId:+d.id,defaultShipping:!0,defaultBilling:!0})},St=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_multiline_2","default_shipping","default_billing"],t1=["email","firstname","lastname","middlename","gender","dob","date_of_birth","prefix","suffix"],Ue=(e,s,n)=>{if(s&&n||!s&&!n)return e;const r=e.slice();return s?r.sort((d,l)=>Number(l.defaultShipping)-Number(d.defaultShipping)):n?r.sort((d,l)=>Number(l.defaultBilling)-Number(d.defaultBilling)):e},ve=e=>e==null?!0:typeof e!="object"?!1:Object.keys(e).length===0||Object.values(e).every(ve),Rt=({selectShipping:e,selectBilling:s,defaultSelectAddressId:n,onAddressData:r,minifiedView:d,routeAddressesPage:l,onSuccess:i})=>{const[o,c]=N(""),[u,p]=N(!1),[y,g]=N(!1),[I,L]=N(!1),[x,t]=N(!1),[A,f]=N(!1),[_,T]=N(""),[Z,z]=N([]),[w,H]=N([]),C=U(async()=>{L(!0),Promise.all([Ve("shortRequest"),tt()]).then(m=>{const[F,R]=m;if(F){const S=F.map(({name:G,orderNumber:ne,label:te})=>({name:rt(G),orderNumber:ne,label:St.includes(G)?null:te}));H(S)}if(R)if(d){const S=R.filter(G=>!!G.defaultShipping||!!G.defaultBilling);z(S)}else z(R)}).finally(()=>{L(!1)})},[d]);ee(()=>{C()},[C]),ee(()=>{var m;if(Z.length)if(n===0)f(!0),c("0");else{const F=Z.find(S=>+S.id===n)||Ue(Z,e,s)[0],R={data:ae(F),isDataValid:!ve(F)};c(n.toString()||((m=F==null?void 0:F.id)==null?void 0:m.toString())),r==null||r(R)}},[Z,n,r,s,e]);const B=U(m=>{T(m),f(!1)},[]),k=U((m,F)=>{const R=(m==null?void 0:m.target).value;c(R);const S={data:ae(F),isDataValid:!ve(ae(F))};r==null||r(S),R!=="0"&&f(!1)},[r]),q=U(()=>{g(!0)},[]),D=U(()=>{T(""),g(!1),p(!1)},[]),h=U(()=>{p(!0)},[]),b=U(async()=>{t(!0),await wt(_,Z),st(+_).then(()=>{C(),D()}).finally(()=>{t(!1)})},[Z,_,D,C]),v=U(()=>{f(!1)},[]),M=U(()=>{Be(l)&&d&&!A?window.location.href=l():(f(!0),T(""))},[A,l,d]),O=U(async()=>{await C(),await(i==null?void 0:i())},[C,i]);return{keysSortOrder:w,submitLoading:x,isModalRendered:u,isFormRendered:y,loading:I,addNewAddress:A,addressesList:Z,addressId:_,handleRenderForm:q,handleRenderModal:h,removeAddress:b,onCloseBtnClick:D,setEditingAddressId:B,closeNewAddressForm:v,redirectToAddressesRoute:M,handleOnSuccess:O,handleSelectAddressOption:k,selectedAddressOption:o}},r1=Ee(({hideActionFormButtons:e=!1,formName:s,slots:n,title:r="",addressFormTitle:d="",defaultSelectAddressId:l="",showFormLoader:i=!1,onAddressData:o,forwardFormRef:c,className:u,showSaveCheckBox:p=!1,saveCheckBoxValue:y=!1,selectShipping:g=!1,selectBilling:I=!1,selectable:L=!1,withHeader:x=!0,minifiedView:t=!1,withActionsInMinifiedView:A=!1,withActionsInFullSizeView:f=!0,inputsDefaultValueSet:_,showShippingCheckBox:T=!0,showBillingCheckBox:Z=!0,shippingCheckBoxValue:z=!0,billingCheckBoxValue:w=!0,routeAddressesPage:H,onSuccess:C,onError:B})=>{var J;const k=t?"minifiedView":"fullSizeView",q=se({containerTitle:`Account.${k}.Addresses.containerTitle`,differentAddressFormTitle:`Account.${k}.Addresses.differentAddressFormTitle`,editAddressFormTitle:`Account.${k}.Addresses.editAddressFormTitle`,viewAllAddressesButton:`Account.${k}.Addresses.viewAllAddressesButton`,newAddressFormTitle:`Account.${k}.Addresses.newAddressFormTitle`}),{keysSortOrder:D,submitLoading:h,isModalRendered:b,isFormRendered:v,loading:M,addNewAddress:O,addressesList:m,addressId:F,handleRenderForm:R,handleRenderModal:S,removeAddress:G,onCloseBtnClick:ne,handleOnSuccess:te,setEditingAddressId:Le,closeNewAddressForm:oe,redirectToAddressesRoute:ie,handleSelectAddressOption:ce,selectedAddressOption:ue}=Rt({defaultSelectAddressId:l,minifiedView:t,routeAddressesPage:H,onSuccess:C,onAddressData:o,selectShipping:g,selectBilling:I}),V=s??(g&&I?"selectedAddress":g?"selectedShippingAddress":I?"selectedBillingAddress":"default"),W=L?P("div",{className:"account-addresses-wrapper--select-view",children:[(J=Ue(m,g,I))==null?void 0:J.map((E,Y)=>P(Ne,{children:[a("input",{"data-testid":`radio-${Y+1}`,type:"radio",name:V,id:`${V}_${E.id}`,value:E.id,checked:ue===(E==null?void 0:E.id.toString()),onChange:ge=>ce(ge,E)}),a("label",{htmlFor:`${V}_${E.id}`,className:"account-addresses-wrapper__label",children:a(Me,{slots:n,selectable:L,selectShipping:g,selectBilling:I,minifiedView:t,addressData:E,keysSortOrder:D,loading:M})})]},E.id)),a("input",{"data-testid":"radio-0",type:"radio",name:V,id:`${V}_addressActions`,value:"0",checked:ue==="0",onChange:E=>ce(E,{})}),a("label",{htmlFor:`${V}_addressActions`,className:"account-addresses-wrapper__label",children:O?a("div",{className:X(["account-addresses-form__footer__wrapper",["account-addresses-form__footer__wrapper-show",O]]),children:a(fe,{slots:n,hideActionFormButtons:e,formName:V,showFormLoader:i,isOpen:O,forwardFormRef:c,showSaveCheckBox:p,saveCheckBoxValue:y,shippingCheckBoxValue:z,billingCheckBoxValue:w,addressesFormTitle:d||q.differentAddressFormTitle,inputsDefaultValueSet:_,showShippingCheckBox:T,showBillingCheckBox:Z,onCloseBtnClick:oe,onSuccess:te,onError:B,onChange:o})}):m!=null&&m.length?a(Fe,{selectable:L,minifiedView:t,addNewAddress:O,routeAddressesPage:ie}):null})]}):P(Q,{children:[m.map(E=>a(Ne,{children:F===E.id&&v?a(he,{variant:"secondary",style:{marginBottom:20},children:a(fe,{slots:n,isOpen:F===E.id&&v,addressFormId:F,inputsDefaultValueSet:E,addressesFormTitle:q.editAddressFormTitle,showShippingCheckBox:T,showBillingCheckBox:Z,shippingCheckBoxValue:z,billingCheckBoxValue:w,onCloseBtnClick:ne,onSuccess:te,onError:B})}):a(Me,{slots:n,minifiedView:t,addressData:E,keysSortOrder:D,loading:M,setAddressId:Le,handleRenderModal:t&&A||!t&&f?S:void 0,handleRenderForm:t&&A||!t&&f?R:void 0},E.id)},E.id)),a("div",{className:"account-addresses__footer",children:O?a(he,{variant:"secondary",children:a(fe,{slots:n,isOpen:O,addressesFormTitle:q.newAddressFormTitle,inputsDefaultValueSet:_,showShippingCheckBox:!!(m!=null&&m.length),showBillingCheckBox:!!(m!=null&&m.length),shippingCheckBoxValue:z,billingCheckBoxValue:w,onCloseBtnClick:oe,onSuccess:te,onError:B})}):a(Fe,{minifiedView:t,addNewAddress:O,routeAddressesPage:ie})})]});return P("div",{children:[a("div",{children:x?a(Je,{title:r||q.containerTitle,divider:!t,className:t?"account-addresses-header":""}):null}),P("div",{className:X(["account-addresses-wrapper",u]),"data-testid":"addressesIdWrapper",children:[a(Ot,{minifiedView:t,addressData:m==null?void 0:m.find(E=>E.id===F),keysSortOrder:D,submitLoading:h,open:b,closeModal:ne,onRemoveAddress:G}),M?a(ze,{testId:"addressSkeletonLoader",withCard:!1}):L?a(fe,{slots:n,hideActionFormButtons:e,formName:V,isOpen:!(m!=null&&m.length),forwardFormRef:c,showSaveCheckBox:p,saveCheckBoxValue:y,shippingCheckBoxValue:z,billingCheckBoxValue:w,inputsDefaultValueSet:_,showShippingCheckBox:T,showBillingCheckBox:Z,onCloseBtnClick:oe,onSuccess:te,onError:B,onChange:o}):a(xt,{isEmpty:!(m!=null&&m.length),typeList:"address",minifiedView:t}),W]})]})}),ke={entityType:"CUSTOMER_ADDRESS",isUnique:!1,options:[],multilineCount:0,validateRules:[],defaultValue:!1,fieldType:re.BOOLEAN,className:"",required:!1,orderNumber:90,isHidden:!1},Vt={...ke,label:"Set as default shipping address",name:"default_shipping",id:"default_shipping",code:"default_shipping",customUpperCode:"defaultShipping"},Ht={...ke,label:"Set as default billing address",name:"default_billing",id:"default_billing",code:"default_billing",customUpperCode:"defaultBilling"},Bt=(e,s)=>s==null?void 0:s.map(n=>{const r={...e,firstName:e.firstname??e.firstName,lastName:e.lastname??e.lastName},d=JSON.parse(JSON.stringify(n));if(Object.hasOwn(r,n.customUpperCode)){const l=r[n.customUpperCode];n.customUpperCode==="region"&&typeof l=="object"?d.defaultValue=l.regionCode&&l.regionId?`${l.regionCode},${l.regionId}`:l.region??l.regionCode:d.defaultValue=l}return d}),Ie=e=>{if(!e)return null;const s=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(r=>{s.has(r.name)||s.set(r.name,"false"),r.checked&&s.set(r.name,"true")}),s&&typeof s.entries=="function"){const r=s.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},zt=({fields:e,addressId:s,countryOptions:n,disableField:r,regionOptions:d,isRequiredRegion:l,isRequiredPostCode:i})=>e.filter(c=>!(s&&(c.customUpperCode==="defaultShipping"||c.customUpperCode==="defaultBilling")&&c.defaultValue)).map(c=>c.customUpperCode==="countryCode"?{...c,options:n,disabled:r}:c.customUpperCode==="postcode"?{...c,required:i}:c.customUpperCode==="region"?{...c,options:d,required:l,disabled:r}:c),Ut=(e,s="address")=>{const n=s==="address"?["region","city","company","countryCode","countryId","defaultBilling","defaultShipping","fax","firstName","lastName","middleName","postcode","prefix","street","suffix","telephone","vatId","addressId"]:["email","firstName","lastName","middleName","gender","dob","dateOfBirth","prefix","suffix"],r={},d=[];return Object.keys(e).forEach(l=>{n.includes(l)?r[l]=e[l]:d.push({attribute_code:Re(l),value:e[l]})}),d.length>0&&(r.custom_attributesV2=d),r},Oe=e=>{const s=["street","streetMultiline_1","streetMultiline_2"],n=["on","off","true","false"],r=[],d={};for(const L in e){const x=e[L];n.includes(x)&&(d[L]=He(x)),s.includes(L)&&r.push(x)}const{street:l,streetMultiline_2:i,streetMultiline_1:o,region:c,...u}=e,[p,y]=c?c.split(","):[void 0,void 0],g=y&&p?{regionId:+y,regionCode:p}:{region:p};return Ut({...u,...d,region:{...g},street:r})},kt=(e,s)=>{const n={};for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const d=e[r];if(r==="region"&&d.regionId){const l=s.find(i=>(i==null?void 0:i.id)===d.regionId);l?n[r]={...d,text:l.text}:n[r]=d}else Array.isArray(d)?(n[r]=d[0]||"",d.slice(1).forEach((l,i)=>{n[`${r}Multiline_${i+2}`]=l})):n[r]=d}return n},qt=(e,s)=>e&&Object.keys(e).length>0?e:s&&Object.keys(s).length>0?s:{},Pt=({showFormLoader:e,showSaveCheckBox:s,saveCheckBoxValue:n,addressFormId:r,billingCheckBoxValue:d,shippingCheckBoxValue:l,showShippingCheckBox:i,showBillingCheckBox:o,inputsDefaultValueSet:c,onCloseBtnClick:u,onSuccess:p,onError:y,formName:g})=>{const[I,L]=N({text:"",type:"success"}),[x,t]=N(e??!1),[A,f]=N(r||""),[_,T]=N([]),[Z,z]=N([]),[w,H]=N([]),[C,B]=N([]),[k,q]=N([]),[D,h]=N(!1),[b,v]=N(!1),[M,O]=N(()=>{var V,W;const $=sessionStorage.getItem(`${g}_addressData`);return $?{countryCode:(W=(V=JSON.parse($))==null?void 0:V.data)==null?void 0:W.countryCode}:c}),[m,F]=N(!1),[R,S]=N(!1),[G,ne]=N(()=>{var W,J;const $=sessionStorage.getItem(`${g}_addressData`);return $?(J=(W=JSON.parse($))==null?void 0:W.data)==null?void 0:J.saveAddressBook:n}),te=U($=>{ne($.target.checked)},[]);ee(()=>{typeof e>"u"||t(e)},[e]),ee(()=>{Ve(A?"customer_address_edit":"customer_register_address").then($=>{T($)})},[A]),ee(()=>{F(!0),nt().then(({availableCountries:$,countriesWithRequiredRegion:V,optionalZipCountries:W})=>{z($),B(V),q(W),F(!1)})},[]),ee(()=>{if(M!=null&&M.countryCode){F(!0),S(!0);const $=M==null?void 0:M.countryCode;at($).then(V=>{H(V);const W=C.find(E=>E===$),J=k.find(E=>E===$);h(!!W),v(!J),F(!1),S(!1)})}},[M==null?void 0:M.countryCode,C,k]);const Le=U(()=>{L({text:"",type:"success"}),u==null||u()},[u]),oe=U(async($,V)=>{if(!V)return null;t(!0);const W=Ie($.target),J=Oe(W);await Ce(J).then(()=>{var E;p==null||p(),u==null||u(),(E=$==null?void 0:$.target)==null||E.reset()}).catch(E=>{L(Y=>({...Y,text:E.message,type:"error"})),y==null||y(E)}).finally(()=>{f(""),t(!1)})},[u,y,p]),ie=U(async($,V)=>{if(!V)return;t(!0);const{saveAddressBook:W,...J}=Ie($.target),E=Oe(J);await dt(E).then(()=>{var Y;p==null||p(),u==null||u(),(Y=$==null?void 0:$.target)==null||Y.reset()}).catch(Y=>{L(ge=>({...ge,text:Y.message,type:"error"})),y==null||y(Y)}).finally(()=>{f(""),t(!1)})},[u,y,p]),ce=Qe(()=>{if(!_.length)return[];const $={...Vt,defaultValue:l,isHidden:s&&!G?!0:!i},V={...Ht,defaultValue:d,isHidden:s&&!G?!0:!o},W=[..._,$,V],J=sessionStorage.getItem(`${g}_addressData`),E=J?kt(JSON.parse(J).data,w):{},Y=Bt(qt(E,c),W);return zt({fields:Y,addressId:A,countryOptions:Z,disableField:m,regionOptions:w,isRequiredRegion:D,isRequiredPostCode:b})},[_,l,s,G,i,d,o,g,w,c,A,Z,m,D,b]),ue=U($=>{O(V=>({...V,...$}))},[]);return{isWaitingForResponse:R,regionOptions:w,saveCheckBoxAddress:G,inLineAlert:I,addressId:A,submitLoading:x,normalizeFieldsConfig:ce,handleSaveCheckBoxAddress:te,handleUpdateAddress:oe,handleCreateAddress:ie,handleOnCloseForm:Le,handleInputChange:ue}},Wt=({hideActionFormButtons:e,formName:s="",showFormLoader:n=!1,showSaveCheckBox:r=!1,saveCheckBoxValue:d=!1,forwardFormRef:l,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,showShippingCheckBox:y=!0,showBillingCheckBox:g=!0,shippingCheckBoxValue:I=!0,billingCheckBoxValue:L=!0,isOpen:x,onSubmit:t,onCloseBtnClick:A,onSuccess:f,onError:_,onChange:T})=>{const Z=se({secondaryButton:"Account.AddressForm.formText.secondaryButton",primaryButton:"Account.AddressForm.formText.primaryButton",saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{isWaitingForResponse:z,inLineAlert:w,addressId:H,submitLoading:C,normalizeFieldsConfig:B,handleUpdateAddress:k,handleCreateAddress:q,handleOnCloseForm:D,handleSaveCheckBoxAddress:h,saveCheckBoxAddress:b,handleInputChange:v,regionOptions:M}=Pt({showFormLoader:n,addressFormId:u,inputsDefaultValueSet:p,shippingCheckBoxValue:I,billingCheckBoxValue:L,showShippingCheckBox:y,showBillingCheckBox:g,saveCheckBoxValue:d,showSaveCheckBox:r,onSuccess:f,onError:_,onCloseBtnClick:A,formName:s});return x?P("div",{className:X(["account-address-form-wrapper",c]),children:[o?a("div",{className:"account-address-form-wrapper__title","data-testid":"addressesFormTitle",children:o}):null,w.text?a(Xe,{"data-testid":"inLineAlert",className:"account-address-form-wrapper__notification",type:w.type,variant:"secondary",heading:w.text,icon:w.icon}):null,P(Tt,{regionOptions:M,forwardFormRef:l,slots:i,className:"account-address-form",name:s||"addressesForm",fieldsConfig:B,onSubmit:t||(H?k:q),setInputChange:v,loading:C,showFormLoader:n,showSaveCheckBox:r,handleSaveCheckBoxAddress:h,saveCheckBoxAddress:b,onChange:T,isWaitingForResponse:z,children:[H?a("input",{type:"hidden",name:"addressId",value:H,"data-testid":"hidden_test_id"}):null,e?null:a("div",{className:X(["dropin-field account-address-form-wrapper__buttons",["account-address-form-wrapper__buttons--empty",r]]),children:i!=null&&i.AddressFormActions?a(Ae,{"data-testid":"addressFormActions",name:"AddressFormActions",slot:i.AddressFormActions,context:{handleUpdateAddress:k,handleCreateAddress:q,addressId:H}}):a(Q,{children:r?null:P(Q,{children:[a(de,{type:"button",onClick:D,variant:"secondary",disabled:C,children:Z.secondaryButton}),a(de,{disabled:C,children:Z.primaryButton})]})})})]})]}):null};export{fe as A,ze as C,xt as E,Tt as F,$t as S,r1 as a,Be as c,t1 as d,Ie as g,Ut as n}; +import{jsx as a,Fragment as Q,jsxs as W}from"@dropins/tools/preact-jsx-runtime.js";import{classes as X,Slot as Ae}from"@dropins/tools/lib.js";import{Field as le,Picker as qe,Input as Pe,InputDate as We,Checkbox as xe,TextArea as je,Card as he,Skeleton as we,SkeletonRow as G,Button as de,Tag as pe,Icon as Se,Modal as Ge,ProgressSpinner as Ke,IllustratedMessage as De,Header as Je,InLineAlert as Xe}from"@dropins/tools/components.js";import{useRef as Ye,useState as N,useEffect as ee,useCallback as k,useMemo as Qe}from"@dropins/tools/preact-hooks.js";import{k as et,o as Re,u as Ce,c as Ve,e as tt,n as rt,j as st,h as nt,i as at,d as dt}from"./removeCustomerAddress.js";import{useText as ne}from"@dropins/tools/i18n.js";import*as K from"@dropins/tools/preact-compat.js";import{memo as Ee,forwardRef as ot,useImperativeHandle as lt,useMemo as be,useCallback as _e}from"@dropins/tools/preact-compat.js";import{Fragment as Ne}from"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";const fe=({hideActionFormButtons:e,formName:s,showFormLoader:n,showSaveCheckBox:r,saveCheckBoxValue:d,forwardFormRef:l,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,billingCheckBoxValue:y,shippingCheckBoxValue:g,showBillingCheckBox:I,showShippingCheckBox:L,isOpen:x,onSubmit:t,onCloseBtnClick:h,onSuccess:f,onError:_,onChange:T})=>a("div",{className:X(["account-address-form"]),children:a(Wt,{hideActionFormButtons:e,formName:s,showFormLoader:n,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,shippingCheckBoxValue:g,billingCheckBoxValue:y,showShippingCheckBox:L,showBillingCheckBox:I,isOpen:x,onSubmit:t,onCloseBtnClick:h,onSuccess:f,onError:_,onChange:T,forwardFormRef:l,showSaveCheckBox:r,saveCheckBoxValue:d})}),it=e=>e.reduce((s,n)=>({...s,[n.name]:n.value}),{}),ct=e=>/^\d+$/.test(e),ut=e=>/^[a-zA-Z0-9\s]+$/.test(e),pt=e=>/^[a-zA-Z0-9]+$/.test(e),ft=e=>/^[a-zA-Z]+$/.test(e),mt=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),ht=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),At=(e,s,n)=>{const r=new Date(e).getTime()/1e3;return isNaN(r)||r<0?!1:r>=s&&r<=n},Te=e=>new Date(parseInt(e,10)*1e3).toISOString().split("T")[0],Lt=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),gt=(e,s,n)=>{const r=e.length;return r>=s&&r<=n},ye=(e,s,n,r)=>{var w,V;const{requiredFieldError:d,lengthTextError:l,numericError:i,alphaNumWithSpacesError:o,alphaNumericError:c,alphaError:u,emailError:p,dateError:y,urlError:g,dateLengthError:I}=n,L=s==null?void 0:s.customUpperCode,x={[L]:""};if(r[L]&&delete r[L],s!=null&&s.required&&!e)return{[L]:d};if(!(s!=null&&s.required)&&!e||!((w=s==null?void 0:s.validateRules)!=null&&w.length))return x;const t=it(s==null?void 0:s.validateRules),h=t.MIN_TEXT_LENGTH??1,f=t.MAX_TEXT_LENGTH??255,_=t.DATE_RANGE_MIN,T=t.DATE_RANGE_MAX;if(!gt(e,+h,+f)&&!(_||T))return{[L]:l.replace("{min}",h).replace("{max}",f)};if(!At(e,+_,+T)&&(_||T))return{[L]:I.replace("{min}",Te(_)).replace("{max}",Te(T))};const z={numeric:{validate:ct,error:i},"alphanum-with-spaces":{validate:ut,error:o},alphanumeric:{validate:pt,error:c},alpha:{validate:ft,error:u},email:{validate:mt,error:p},date:{validate:ht,error:y},url:{validate:Lt,error:g}}[t.INPUT_VALIDATION];return z&&!z.validate(e)&&!((V=r[L])!=null&&V.length)?{[L]:z.error}:x},He=e=>{switch(e){case"on":case"true":case 1:case"1":return!0;case"0":case"off":case"false":case 0:return!1;default:return!1}},yt=["true","false","yes","on","off"],Ct={firstName:"",lastName:"",city:"",company:"",countryCode:"",region:"",regionCode:"",regionId:"",id:"",telephone:"",vatId:"",postcode:"",defaultShipping:"",defaultBilling:"",street:"",saveAddressBook:""},bt=e=>{const s={},n={};for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const d=e[r],l=r.match(/^(.*)Multiline_(\d+)$/);if(l){const i=l[1],o=parseInt(l[2],10);n[i]||(n[i]=[]),n[i].push({index:o,value:d})}else Object.keys(e).filter(o=>o.startsWith(`${r}Multiline_`)).length>0?n[r]=[{index:1,value:d}]:s[r]=d}for(const r in n)if(Object.prototype.hasOwnProperty.call(n,r)){const d=n[r];d.sort((l,i)=>l.index-i.index),s[r]=d.map(l=>l.value)}return s},Mt=e=>{const s={},n=[];for(const r in e){const d=yt.includes(e[r])?He(e[r]):e[r];Object.prototype.hasOwnProperty.call(e,r)&&(Object.prototype.hasOwnProperty.call(Ct,r)?s[r]=d:n.push({code:Re(r),value:d}))}return{...s,customAttributes:n}},ae=(e,s=!1)=>{const n=et(e,"camelCase",{firstname:"firstName",lastname:"lastName"}),r=Mt(bt(n));if(!s)return r;const[d,l]=r.region?r.region.split(","):[];return{...r,region:{regionCode:d,...l&&{regionId:+l}}}},me=e=>{if(!e.current)return{};const s=e.current.elements;return Array.from(s).reduce((r,d)=>(d.name&&(r[d.name]=d.type==="checkbox"?d.checked:d.value),r),{})},Ze=(e,s)=>Object.keys(e).every(r=>r in s&&s[r]!==""),Be=e=>typeof e=="function",vt=e=>e.reduce((s,{customUpperCode:n,required:r,defaultValue:d})=>(r&&n&&(s.initialData[n]=d||"",s.errorList[n]=""),s),{initialData:{},errorList:{}}),$e=e=>Object.keys(e).length>0,Et=({fieldsConfig:e,onSubmit:s,onChange:n,setInputChange:r,formName:d,isWaitingForResponse:l})=>{const i=ne({requiredFieldError:"Account.FormText.requiredFieldError",lengthTextError:"Account.FormText.lengthTextError",numericError:"Account.FormText.numericError",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError",alphaNumericError:"Account.FormText.alphaNumericError",alphaError:"Account.FormText.alphaError",emailError:"Account.FormText.emailError",dateError:"Account.FormText.dateError",dateLengthError:"Account.FormText.dateLengthError",urlError:"Account.FormText.urlError"}),o=Ye(null),[c,u]=N({}),[p,y]=N({}),[g,I]=N({}),[L,x]=N(!0),[t,h]=N(!1),[f,_]=N(!1),[T,Z]=N(!0),[z,w]=N(!1);ee(()=>{const m=()=>{if(o.current){const b=window.getComputedStyle(o.current).getPropertyValue("grid-template-rows").split(" ").length,M=o.current.querySelector(".account-address-form--saveAddressBook");M&&(M.style.gridRow=String(b-1))}};return m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}},[e==null?void 0:e.length]);const V=k((m=!1)=>{let v=!0;const b={...p};let M=null;for(const[O,A]of Object.entries(c)){const $=e==null?void 0:e.find(S=>S.customUpperCode.includes(O)),U=ye(A.toString(),$,i,b);U[O]&&(Object.assign(b,U),v=!1),M||(M=Object.keys(b).find(S=>b[S])||null)}if(m||y(b),M&&o.current&&!m){const O=o.current.elements.namedItem(M);O==null||O.focus()}return v},[p,e,c,i]),C=k((m,v,b,M)=>{const O={...me(o),[v]:m,...v.includes("countryCode")?{region:""}:{}},A={data:ae(O,!0),isDataValid:Ze(b,O)};w(A.isDataValid),V(!0),["selectedShippingAddress","selectedBillingAddress"].includes(d)&&sessionStorage.setItem(`${d}_addressData`,JSON.stringify(A)),n==null||n(A,{},M)},[V,d,n]);ee(()=>{if(e!=null&&e.length){const{initialData:m,errorList:v}=vt(e);u(b=>({...m,...b})),y(v),I(v)}},[JSON.stringify(e)]),ee(()=>{if(f)return;const m=me(o),v=sessionStorage.getItem(`${d}_addressData`);if($e(c)&&$e(g)){let b={};const M=Ze(g,c);v?b=JSON.parse(v).data:b=ae(m,!0)??{},n==null||n({data:b,isDataValid:M},{},null),w(M),_(!0)}},[c,g]),ee(()=>{var O;if(!T)return;const m=me(o),v=!!(m!=null&&m.countryCode),b=!!((O=m==null?void 0:m.region)!=null&&O.length);m&&v&&!b&&Be(n)&&!l&&C(m==null?void 0:m.region,"region",g,null)},[T,L,e,o,n,C,g,t,l]);const H=k((m,v)=>{const{name:b,value:M,type:O,checked:A}=m==null?void 0:m.target,$=O==="checkbox"?A:M;u(B=>{const te={...B,[b]:$};return b==="countryCode"&&(te.region="",x(!0),h(!1)),te}),r==null||r({[b]:$}),_(!0);const U=e==null?void 0:e.find(B=>B.customUpperCode.includes(b));let S=v?{...v}:{...p};if(U){const B=ye($.toString(),U,i,S);B&&Object.assign(S,B),y(S)}C($,b,g,m)},[r,e,p,i,C,g,L]),q=k(m=>{const{name:v}=m==null?void 0:m.target,b=e==null?void 0:e.find(M=>M.customUpperCode===v);v==="region"&&(b!=null&&b.options.length)&&Z(!1),Z(v==="countryCode")},[]),P=k((m,v)=>{const{name:b,value:M,type:O,checked:A}=m==null?void 0:m.target,$=O==="checkbox"?A:M,U=e==null?void 0:e.find(S=>S.customUpperCode===b);if(U){const S=v?{...v}:{...p},B=ye($.toString(),U,i,S);B&&Object.assign(S,B),y(S)}},[p,e,i]),D=k(m=>{m.preventDefault();const v=V();s==null||s(m,v)},[V,s]);return{isDataValid:z,formData:c,errors:p,formRef:o,handleInputChange:H,onFocus:q,handleBlur:P,handleSubmit:D,handleValidationSubmit:V}};var se=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(se||{});const _t=Ee(({loading:e,values:s,fields:n=[],errors:r,className:d="",onChange:l,onBlur:i,onFocus:o,slots:c})=>{const u=`${d}__field`,p=(t,h)=>{if(!(c!=null&&c[`AddressFormInput_${t.code}`]))return;const f={inputName:t.customUpperCode,handleOnChange:l,handleOnBlur:i,handleOnFocus:o,errorMessage:h,errors:r,config:t};return a(Ae,{"data-testid":`addressFormInput_${t.code}`,name:`AddressFormInput_${t.code}`,slot:c[`AddressFormInput_${t.code}`],context:f},t.id)},y=(t,h,f)=>{var T;const _=((T=t.options.find(Z=>Z.isDefault))==null?void 0:T.value)??h??t.defaultValue;return a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e||t.disabled,children:a(qe,{id:t.code,required:t.required,name:t.customUpperCode,floatingLabel:`${t.label} ${t.required?"*":""}`,placeholder:t.label,"aria-label":t.label,options:t.options,onBlur:i,onFocus:o,handleSelect:l,defaultValue:_,value:_})},t.id)})},g=(t,h,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(Pe,{id:t.code,type:"text",name:t.customUpperCode,value:h??t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:i,onFocus:o,onChange:l})},t.id)}),I=(t,h,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e||t.disabled,children:a(We,{id:t.code,type:"text",name:t.customUpperCode,value:h||t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l,disabled:e||t.disabled})},t.id)}),L=(t,h,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(xe,{id:t.code,name:t.customUpperCode,checked:h||t.defaultValue,placeholder:t.label,label:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l})},t.id)}),x=(t,h,f)=>a(Q,{children:p(t,f)??a(le,{error:f,className:X([u,`${u}--${t.id}`,[`${u}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${d}--${t.id}`,disabled:e,children:a(je,{id:t.code,type:"text",name:t.customUpperCode,value:h??t.defaultValue,label:`${t.label} ${t.required?"*":""}`,onBlur:i,onChange:l})},t.id)});return n.length?a(Q,{children:n.map(t=>{const h=r==null?void 0:r[t.customUpperCode],f=s==null?void 0:s[t.customUpperCode];switch(t.fieldType){case se.TEXT:return t.options.length?y(t,f,h):g(t,f,h);case se.MULTILINE:return g(t,f,h);case se.SELECT:return y(t,f,h);case se.DATE:return I(t,f,h);case se.BOOLEAN:return L(t,f,h);case se.TEXTAREA:return x(t,f,h);default:return null}})}):null}),ze=({testId:e,withCard:s=!0})=>{const n=W(we,{"data-testid":e||"skeletonLoader",children:[a(G,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),a(G,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),a(G,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return s?n:a(he,{variant:"secondary",className:X(["account-account-loaders","account-account-loaders--card-loader"]),children:n})},Nt=()=>W(we,{"data-testid":"addressFormLoader",children:[a(G,{variant:"heading",size:"medium"}),a(G,{variant:"empty",size:"medium"}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large",fullWidth:!0}),a(G,{size:"large",fullWidth:!0,lines:3}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large"}),a(G,{size:"large",fullWidth:!0})]}),Tt=Ee(ot(({isWaitingForResponse:e,setInputChange:s,showFormLoader:n,slots:r,name:d,loading:l,children:i,className:o="defaultForm",fieldsConfig:c,onSubmit:u,onChange:p,forwardFormRef:y,regionOptions:g,showSaveCheckBox:I,handleSaveCheckBoxAddress:L,saveCheckBoxAddress:x})=>{const t=ne({saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{isDataValid:h,formData:f,errors:_,formRef:T,handleInputChange:Z,handleBlur:z,handleSubmit:w,handleValidationSubmit:V,onFocus:C}=Et({fieldsConfig:c,onSubmit:u,onChange:p,setInputChange:s,regionOptions:g,formName:d,isWaitingForResponse:e});return lt(y,()=>{const H=me(T);return{handleValidationSubmit:V,formData:ae(H,!0),isDataValid:h}}),n||!(c!=null&&c.length)?a(Nt,{}):W("form",{className:X(["account-form",o]),onSubmit:w,name:d,ref:T,children:[a(_t,{className:o,loading:l,fields:c,onChange:Z,onBlur:z,errors:_,values:f,onFocus:C,slots:r}),r!=null&&r.AddressFormInputs?a(Ae,{"data-testid":"addressFormInputs",name:"AddressFormInputs",slot:r.AddressFormInputs,context:{formActions:{handleChange:Z}}}):null,I?a("div",{className:"account-address-form--saveAddressBook",children:a(xe,{"data-testid":"testSaveAddressBook",name:"saveAddressBook",label:t.saveAddressBook,checked:x,onChange:H=>{Z(H),L==null||L(H)}})}):null,i]})})),Me=({slots:e,selectable:s,selectShipping:n,selectBilling:r,variant:d="secondary",minifiedView:l,keysSortOrder:i,addressData:o,loading:c,setAddressId:u,handleRenderModal:p,handleRenderForm:y})=>{const g=l?"minifiedView":"fullSizeView",I=ne({actionRemove:`Account.${g}.Addresses.addressCard.actionRemove`,actionEdit:`Account.${g}.Addresses.addressCard.actionEdit`,cardLabelShipping:`Account.${g}.Addresses.addressCard.cardLabelShipping`,cardLabelBilling:`Account.${g}.Addresses.addressCard.cardLabelBilling`,defaultLabelText:`Account.${g}.Addresses.addressCard.defaultLabelText`}),L=I.cardLabelBilling.toLocaleUpperCase(),x=I.cardLabelShipping.toLocaleUpperCase(),t=I.defaultLabelText.toLocaleUpperCase(),h=be(()=>{const C={shippingLabel:x,billingLabel:L,hideShipping:!1,hideBilling:!1};return s?n&&!r?{shippingLabel:t,billingLabel:t,hideShipping:!1,hideBilling:!0}:r&&!n?{shippingLabel:t,billingLabel:t,hideShipping:!0,hideBilling:!1}:C:C},[L,t,x,r,n,s]),f=_e(()=>{u==null||u(o==null?void 0:o.id),p==null||p()},[p,o==null?void 0:o.id,u]),_=_e(()=>{u==null||u(o==null?void 0:o.id),y==null||y()},[y,o==null?void 0:o.id,u]),T=be(()=>{if(!i)return[];const{region:C,...H}=o,q={...H,...C};return i.filter(({name:P})=>q[P]).map(P=>({name:P.name,orderNumber:P.orderNumber,value:q[P.name],label:P.label}))},[o,i]),{shippingLabel:Z,billingLabel:z,hideShipping:w,hideBilling:V}=h;return a(he,{variant:d,className:"account-address-card","data-testid":"addressCard",children:c?a(ze,{}):W(Q,{children:[W("div",{className:"account-address-card__action",children:[p?a(de,{type:"button",variant:"tertiary",onClick:f,"data-testid":"removeButton",children:I.actionRemove}):null,y?a(de,{type:"button",variant:"tertiary",onClick:_,className:"account-address-card__action--editbutton","data-testid":"editButton",children:I.actionEdit}):null]}),a("div",{className:"account-address-card__description",children:e!=null&&e.AddressCard?a(Ae,{name:"AddressCard",slot:e==null?void 0:e.AddressCard,context:{addressData:T}}):a(Q,{children:T.map((C,H)=>{const q=C.label?`${C.label}: ${C==null?void 0:C.value}`:C==null?void 0:C.value;return a("p",{"data-testid":`${C.name}_${H}`,children:q},H)})})}),(o!=null&&o.defaultShipping||o!=null&&o.defaultBilling)&&!s?W("div",{className:"account-address-card__labels",children:[o!=null&&o.defaultShipping?a(pe,{label:x}):null,o!=null&&o.defaultBilling?a(pe,{label:L}):null]}):null,s?W("div",{className:"account-address-card__labels",children:[!w&&(o!=null&&o.defaultShipping)?a(pe,{label:Z}):null,!V&&(o!=null&&o.defaultBilling)?a(pe,{label:z}):null]}):null]})})},Zt=e=>K.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),$t=e=>K.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},K.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),Ft=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z",fill:"#3D3D3D"})),It=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),Fe=({selectable:e,className:s,addNewAddress:n,minifiedView:r,routeAddressesPage:d})=>{const l=r?"minifiedView":"fullSizeView",i=ne({viewAllAddressesButton:`Account.${l}.Addresses.viewAllAddressesButton`,addNewAddressButton:`Account.${l}.Addresses.addNewAddressButton`,differentAddressButton:`Account.${l}.Addresses.differentAddressButton`}),o=e?"span":"button",c=e?{}:{AriaRole:"button",type:"button"},u=r&&!n?i.viewAllAddressesButton:i.addNewAddressButton,p=e?i.differentAddressButton:u;return W(o,{...c,className:X(["account-actions-address",["account-actions-address--viewall",r],["account-actions-address--address",!r],["account-actions-address--selectable",e],s]),"data-testid":"showRouteFullAddress",onClick:d,children:[a("span",{className:"account-actions-address__title","data-testid":"addressActionsText",children:p}),a(Se,{source:r&&!n?$t:Zt,size:"32"})]})},Ot=({minifiedView:e,keysSortOrder:s,addressData:n,open:r,submitLoading:d,onRemoveAddress:l,closeModal:i})=>{const o=e?"minifiedView":"fullSizeView",c=ne({title:`Account.${o}.Addresses.removeAddressModal.title`,description:`Account.${o}.Addresses.removeAddressModal.description`,actionCancel:`Account.${o}.Addresses.removeAddressModal.actionCancel`,actionConfirm:`Account.${o}.Addresses.removeAddressModal.actionConfirm`});return r?W(Ge,{title:a("h3",{children:c.title}),className:"account-address-modal",size:"full","data-testid":"addressModal",showCloseButton:!0,onClose:i,children:[d?a("div",{className:"account-address-modal__spinner","data-testid":"progressSpinner",children:a(Ke,{stroke:"4",size:"large"})}):null,a("p",{children:c.description}),a(Me,{minifiedView:e,addressData:n,keysSortOrder:s}),W("div",{className:"account-address-modal__buttons",children:[a(de,{type:"button",onClick:i,variant:"secondary",disabled:d,children:c.actionCancel}),a(de,{disabled:d,onClick:l,children:c.actionConfirm})]})]}):null},xt=({typeList:e,isEmpty:s,minifiedView:n,className:r})=>{const d=n?"minifiedView":"fullSizeView",l=ne({addressesMessage:`Account.${d}.EmptyList.Addresses.message`,ordersListMessage:`Account.${d}.EmptyList.OrdersList.message`}),i=be(()=>{switch(e){case"address":return{icon:Ft,text:a("p",{children:l.addressesMessage})};case"orders":return{icon:It,text:a("p",{children:l.ordersListMessage})};default:return{icon:"",text:""}}},[e,l]);return!s||!e||!i.text?null:a(De,{className:X(["account-empty-list",n?"account-empty-list--minified":"",r]),message:i.text,icon:a(Se,{source:i.icon}),"data-testid":"emptyList"})},wt=async(e,s)=>{if(s.length===1){const i=s[0],c=Object.values(i.region).every(p=>!!p)?{}:{region:{...i.region,regionId:0}};return!!await Ce({addressId:Number(i==null?void 0:i.id),defaultShipping:!1,defaultBilling:!1,...c})}const n=s.filter(i=>i.id!==e&&(i.defaultBilling||i.defaultShipping)||i.id!==e),r=s[s.length-1],d=n[0]||((r==null?void 0:r.id)!==e?r:null);return!d||!d.id?!1:!!await Ce({addressId:+d.id,defaultShipping:!0,defaultBilling:!0})},St=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_multiline_2","default_shipping","default_billing"],t1=["email","firstname","lastname","middlename","gender","dob","date_of_birth","prefix","suffix"],Ue=(e,s,n)=>{if(s&&n||!s&&!n)return e;const r=e.slice();return s?r.sort((d,l)=>Number(l.defaultShipping)-Number(d.defaultShipping)):n?r.sort((d,l)=>Number(l.defaultBilling)-Number(d.defaultBilling)):e},ve=e=>e==null?!0:typeof e!="object"?!1:Object.keys(e).length===0||Object.values(e).every(ve),Rt=({selectShipping:e,selectBilling:s,defaultSelectAddressId:n,onAddressData:r,minifiedView:d,routeAddressesPage:l,onSuccess:i})=>{const[o,c]=N(""),[u,p]=N(!1),[y,g]=N(!1),[I,L]=N(!1),[x,t]=N(!1),[h,f]=N(!1),[_,T]=N(""),[Z,z]=N([]),[w,V]=N([]),C=k(async()=>{L(!0),Promise.all([Ve("shortRequest"),tt()]).then(A=>{const[$,U]=A;if($){const S=$.map(({name:B,orderNumber:te,label:re})=>({name:rt(B),orderNumber:te,label:St.includes(B)?null:re}));V(S)}if(U)if(d){const S=U.filter(B=>!!B.defaultShipping||!!B.defaultBilling);z(S)}else z(U)}).finally(()=>{L(!1)})},[d]);ee(()=>{C()},[C]),ee(()=>{var A;if(Z.length)if(n===0)f(!0),c("0");else{const $=Z.find(S=>+S.id===n)||Ue(Z,e,s)[0],U={data:ae($),isDataValid:!ve($)};c(n.toString()||((A=$==null?void 0:$.id)==null?void 0:A.toString())),r==null||r(U)}},[Z,n,r,s,e]);const H=k(A=>{T(A),f(!1)},[]),q=k((A,$)=>{const U=(A==null?void 0:A.target).value;c(U);const S={data:ae($),isDataValid:!ve(ae($))};r==null||r(S),U!=="0"&&f(!1)},[r]),P=k(()=>{g(!0)},[]),D=k(()=>{T(""),g(!1),p(!1)},[]),m=k(()=>{p(!0)},[]),v=k(async()=>{t(!0),await wt(_,Z),st(+_).then(()=>{C(),D()}).finally(()=>{t(!1)})},[Z,_,D,C]),b=k(()=>{f(!1)},[]),M=k(()=>{Be(l)&&d&&!h?window.location.href=l():(f(!0),T(""))},[h,l,d]),O=k(async()=>{await C(),await(i==null?void 0:i())},[C,i]);return{keysSortOrder:w,submitLoading:x,isModalRendered:u,isFormRendered:y,loading:I,addNewAddress:h,addressesList:Z,addressId:_,handleRenderForm:P,handleRenderModal:m,removeAddress:v,onCloseBtnClick:D,setEditingAddressId:H,closeNewAddressForm:b,redirectToAddressesRoute:M,handleOnSuccess:O,handleSelectAddressOption:q,selectedAddressOption:o}},r1=Ee(({hideActionFormButtons:e=!1,formName:s,slots:n,title:r="",addressFormTitle:d="",defaultSelectAddressId:l="",showFormLoader:i=!1,onAddressData:o,forwardFormRef:c,className:u,showSaveCheckBox:p=!1,saveCheckBoxValue:y=!1,selectShipping:g=!1,selectBilling:I=!1,selectable:L=!1,withHeader:x=!0,minifiedView:t=!1,withActionsInMinifiedView:h=!1,withActionsInFullSizeView:f=!0,inputsDefaultValueSet:_,showShippingCheckBox:T=!0,showBillingCheckBox:Z=!0,shippingCheckBoxValue:z=!0,billingCheckBoxValue:w=!0,routeAddressesPage:V,onSuccess:C,onError:H})=>{var J;const q=t?"minifiedView":"fullSizeView",P=ne({containerTitle:`Account.${q}.Addresses.containerTitle`,differentAddressFormTitle:`Account.${q}.Addresses.differentAddressFormTitle`,editAddressFormTitle:`Account.${q}.Addresses.editAddressFormTitle`,viewAllAddressesButton:`Account.${q}.Addresses.viewAllAddressesButton`,newAddressFormTitle:`Account.${q}.Addresses.newAddressFormTitle`}),{keysSortOrder:D,submitLoading:m,isModalRendered:v,isFormRendered:b,loading:M,addNewAddress:O,addressesList:A,addressId:$,handleRenderForm:U,handleRenderModal:S,removeAddress:B,onCloseBtnClick:te,handleOnSuccess:re,setEditingAddressId:Le,closeNewAddressForm:oe,redirectToAddressesRoute:ie,handleSelectAddressOption:ce,selectedAddressOption:ue}=Rt({defaultSelectAddressId:l,minifiedView:t,routeAddressesPage:V,onSuccess:C,onAddressData:o,selectShipping:g,selectBilling:I}),R=s??(g&&I?"selectedAddress":g?"selectedShippingAddress":I?"selectedBillingAddress":"default"),j=L?W("div",{className:"account-addresses-wrapper--select-view",children:[(J=Ue(A,g,I))==null?void 0:J.map((E,Y)=>W(Ne,{children:[a("input",{"data-testid":`radio-${Y+1}`,type:"radio",name:R,id:`${R}_${E.id}`,value:E.id,checked:ue===(E==null?void 0:E.id.toString()),onChange:ge=>ce(ge,E)}),a("label",{htmlFor:`${R}_${E.id}`,className:"account-addresses-wrapper__label",children:a(Me,{slots:n,selectable:L,selectShipping:g,selectBilling:I,minifiedView:t,addressData:E,keysSortOrder:D,loading:M})})]},E.id)),a("input",{"data-testid":"radio-0",type:"radio",name:R,id:`${R}_addressActions`,value:"0",checked:ue==="0",onChange:E=>ce(E,{})}),a("label",{htmlFor:`${R}_addressActions`,className:"account-addresses-wrapper__label",children:O?a("div",{className:X(["account-addresses-form__footer__wrapper",["account-addresses-form__footer__wrapper-show",O]]),children:a(fe,{slots:n,hideActionFormButtons:e,formName:R,showFormLoader:i,isOpen:O,forwardFormRef:c,showSaveCheckBox:p,saveCheckBoxValue:y,shippingCheckBoxValue:z,billingCheckBoxValue:w,addressesFormTitle:d||P.differentAddressFormTitle,inputsDefaultValueSet:_,showShippingCheckBox:T,showBillingCheckBox:Z,onCloseBtnClick:oe,onSuccess:re,onError:H,onChange:o})}):A!=null&&A.length?a(Fe,{selectable:L,minifiedView:t,addNewAddress:O,routeAddressesPage:ie}):null})]}):W(Q,{children:[A.map(E=>a(Ne,{children:$===E.id&&b?a(he,{variant:"secondary",style:{marginBottom:20},children:a(fe,{slots:n,isOpen:$===E.id&&b,addressFormId:$,inputsDefaultValueSet:E,addressesFormTitle:P.editAddressFormTitle,showShippingCheckBox:T,showBillingCheckBox:Z,shippingCheckBoxValue:z,billingCheckBoxValue:w,onCloseBtnClick:te,onSuccess:re,onError:H})}):a(Me,{slots:n,minifiedView:t,addressData:E,keysSortOrder:D,loading:M,setAddressId:Le,handleRenderModal:t&&h||!t&&f?S:void 0,handleRenderForm:t&&h||!t&&f?U:void 0},E.id)},E.id)),a("div",{className:"account-addresses__footer",children:O?a(he,{variant:"secondary",children:a(fe,{slots:n,isOpen:O,addressesFormTitle:P.newAddressFormTitle,inputsDefaultValueSet:_,showShippingCheckBox:!!(A!=null&&A.length),showBillingCheckBox:!!(A!=null&&A.length),shippingCheckBoxValue:z,billingCheckBoxValue:w,onCloseBtnClick:oe,onSuccess:re,onError:H})}):a(Fe,{minifiedView:t,addNewAddress:O,routeAddressesPage:ie})})]});return W("div",{children:[a("div",{children:x?a(Je,{title:r||P.containerTitle,divider:!t,className:t?"account-addresses-header":""}):null}),W("div",{className:X(["account-addresses-wrapper",u]),"data-testid":"addressesIdWrapper",children:[a(Ot,{minifiedView:t,addressData:A==null?void 0:A.find(E=>E.id===$),keysSortOrder:D,submitLoading:m,open:v,closeModal:te,onRemoveAddress:B}),M?a(ze,{testId:"addressSkeletonLoader",withCard:!1}):L?a(fe,{slots:n,hideActionFormButtons:e,formName:R,isOpen:!(A!=null&&A.length),forwardFormRef:c,showSaveCheckBox:p,saveCheckBoxValue:y,shippingCheckBoxValue:z,billingCheckBoxValue:w,inputsDefaultValueSet:_,showShippingCheckBox:T,showBillingCheckBox:Z,onCloseBtnClick:oe,onSuccess:re,onError:H,onChange:o}):a(xt,{isEmpty:!(A!=null&&A.length),typeList:"address",minifiedView:t}),j]})]})}),ke={entityType:"CUSTOMER_ADDRESS",isUnique:!1,options:[],multilineCount:0,validateRules:[],defaultValue:!1,fieldType:se.BOOLEAN,className:"",required:!1,orderNumber:90,isHidden:!1},Vt={...ke,label:"Set as default shipping address",name:"default_shipping",id:"default_shipping",code:"default_shipping",customUpperCode:"defaultShipping"},Ht={...ke,label:"Set as default billing address",name:"default_billing",id:"default_billing",code:"default_billing",customUpperCode:"defaultBilling"},Bt=(e,s)=>s==null?void 0:s.map(n=>{const r={...e,firstName:e.firstname??e.firstName,lastName:e.lastname??e.lastName},d=JSON.parse(JSON.stringify(n));if(Object.hasOwn(r,n.customUpperCode)){const l=r[n.customUpperCode];n.customUpperCode==="region"&&typeof l=="object"?d.defaultValue=l.regionCode&&l.regionId?`${l.regionCode},${l.regionId}`:l.region??l.regionCode:d.defaultValue=l}return d}),Ie=e=>{if(!e)return null;const s=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(r=>{s.has(r.name)||s.set(r.name,"false"),r.checked&&s.set(r.name,"true")}),s&&typeof s.entries=="function"){const r=s.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},zt=({fields:e,addressId:s,countryOptions:n,disableField:r,regionOptions:d,isRequiredRegion:l,isRequiredPostCode:i})=>e.filter(c=>!(s&&(c.customUpperCode==="defaultShipping"||c.customUpperCode==="defaultBilling")&&c.defaultValue)).map(c=>c.customUpperCode==="countryCode"?{...c,options:n,disabled:r}:c.customUpperCode==="postcode"?{...c,required:i}:c.customUpperCode==="region"?{...c,options:d,required:l,disabled:r}:c),Ut=(e,s="address")=>{const n=s==="address"?["region","city","company","countryCode","countryId","defaultBilling","defaultShipping","fax","firstName","lastName","middleName","postcode","prefix","street","suffix","telephone","vatId","addressId"]:["email","firstName","lastName","middleName","gender","dob","dateOfBirth","prefix","suffix"],r={},d=[];return Object.keys(e).forEach(l=>{n.includes(l)?r[l]=e[l]:d.push({attribute_code:Re(l),value:e[l]})}),d.length>0&&(r.custom_attributesV2=d),r},Oe=e=>{const s=["street","streetMultiline_1","streetMultiline_2"],n=["on","off","true","false"],r=[],d={};for(const L in e){const x=e[L];n.includes(x)&&(d[L]=He(x)),s.includes(L)&&r.push(x)}const{street:l,streetMultiline_2:i,streetMultiline_1:o,region:c,...u}=e,[p,y]=c?c.split(","):[void 0,void 0],g=y&&p?{regionId:+y,regionCode:p}:{region:p};return Ut({...u,...d,region:{...g},street:r})},kt=(e,s)=>{const n={};for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const d=e[r];if(r==="region"&&d.regionId){const l=s.find(i=>(i==null?void 0:i.id)===d.regionId);l?n[r]={...d,text:l.text}:n[r]=d}else Array.isArray(d)?(n[r]=d[0]||"",d.slice(1).forEach((l,i)=>{n[`${r}Multiline_${i+2}`]=l})):n[r]=d}return n},qt=(e,s)=>e&&Object.keys(e).length>0?e:s&&Object.keys(s).length>0?s:{},Pt=({showFormLoader:e,showSaveCheckBox:s,saveCheckBoxValue:n,addressFormId:r,billingCheckBoxValue:d,shippingCheckBoxValue:l,showShippingCheckBox:i,showBillingCheckBox:o,inputsDefaultValueSet:c,onCloseBtnClick:u,onSuccess:p,onError:y,formName:g})=>{const[I,L]=N({text:"",type:"success"}),[x,t]=N(e??!1),[h,f]=N(r||""),[_,T]=N([]),[Z,z]=N([]),[w,V]=N([]),[C,H]=N([]),[q,P]=N([]),[D,m]=N(!1),[v,b]=N(!1),[M,O]=N(()=>{var R,j;const F=sessionStorage.getItem(`${g}_addressData`);return F?{countryCode:(j=(R=JSON.parse(F))==null?void 0:R.data)==null?void 0:j.countryCode}:c}),[A,$]=N(!1),[U,S]=N(!1),[B,te]=N(()=>{var j,J;const F=sessionStorage.getItem(`${g}_addressData`);return F?(J=(j=JSON.parse(F))==null?void 0:j.data)==null?void 0:J.saveAddressBook:n}),re=k(F=>{te(F.target.checked)},[]);ee(()=>{typeof e>"u"||t(e)},[e]),ee(()=>{Ve(h?"customer_address_edit":"customer_register_address").then(F=>{T(F)})},[h]),ee(()=>{$(!0),nt().then(({availableCountries:F,countriesWithRequiredRegion:R,optionalZipCountries:j})=>{z(F),H(R),P(j),$(!1)})},[]),ee(()=>{if(M!=null&&M.countryCode){$(!0),S(!0);const F=M==null?void 0:M.countryCode;at(F).then(R=>{V(R);const j=C.find(E=>E===F),J=q.find(E=>E===F);m(!!j),b(!J),$(!1),S(!1)})}},[M==null?void 0:M.countryCode,C,q]);const Le=k(()=>{L({text:"",type:"success"}),u==null||u()},[u]),oe=k(async(F,R)=>{if(!R)return null;t(!0);const j=Ie(F.target),J=Oe(j);await Ce(J).then(()=>{var E;p==null||p(),u==null||u(),(E=F==null?void 0:F.target)==null||E.reset()}).catch(E=>{L(Y=>({...Y,text:E.message,type:"error"})),y==null||y(E)}).finally(()=>{f(""),t(!1)})},[u,y,p]),ie=k(async(F,R)=>{if(!R)return;t(!0);const{saveAddressBook:j,...J}=Ie(F.target),E=Oe(J);await dt(E).then(()=>{var Y;p==null||p(),u==null||u(),(Y=F==null?void 0:F.target)==null||Y.reset()}).catch(Y=>{L(ge=>({...ge,text:Y.message,type:"error"})),y==null||y(Y)}).finally(()=>{f(""),t(!1)})},[u,y,p]),ce=Qe(()=>{if(!_.length)return[];const F={...Vt,defaultValue:l,isHidden:s&&!B?!0:!i},R={...Ht,defaultValue:d,isHidden:s&&!B?!0:!o},j=[..._,F,R],J=sessionStorage.getItem(`${g}_addressData`),E=J?kt(JSON.parse(J).data,w):{},Y=Bt(qt(E,c),j);return zt({fields:Y,addressId:h,countryOptions:Z,disableField:A,regionOptions:w,isRequiredRegion:D,isRequiredPostCode:v})},[_,l,s,B,i,d,o,g,w,c,h,Z,A,D,v]),ue=k(F=>{O(R=>({...R,...F}))},[]);return{isWaitingForResponse:U,regionOptions:w,saveCheckBoxAddress:B,inLineAlert:I,addressId:h,submitLoading:x,normalizeFieldsConfig:ce,handleSaveCheckBoxAddress:re,handleUpdateAddress:oe,handleCreateAddress:ie,handleOnCloseForm:Le,handleInputChange:ue}},Wt=({hideActionFormButtons:e,formName:s="",showFormLoader:n=!1,showSaveCheckBox:r=!1,saveCheckBoxValue:d=!1,forwardFormRef:l,slots:i,addressesFormTitle:o,className:c,addressFormId:u,inputsDefaultValueSet:p,showShippingCheckBox:y=!0,showBillingCheckBox:g=!0,shippingCheckBoxValue:I=!0,billingCheckBoxValue:L=!0,isOpen:x,onSubmit:t,onCloseBtnClick:h,onSuccess:f,onError:_,onChange:T})=>{const Z=ne({secondaryButton:"Account.AddressForm.formText.secondaryButton",primaryButton:"Account.AddressForm.formText.primaryButton",saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{isWaitingForResponse:z,inLineAlert:w,addressId:V,submitLoading:C,normalizeFieldsConfig:H,handleUpdateAddress:q,handleCreateAddress:P,handleOnCloseForm:D,handleSaveCheckBoxAddress:m,saveCheckBoxAddress:v,handleInputChange:b,regionOptions:M}=Pt({showFormLoader:n,addressFormId:u,inputsDefaultValueSet:p,shippingCheckBoxValue:I,billingCheckBoxValue:L,showShippingCheckBox:y,showBillingCheckBox:g,saveCheckBoxValue:d,showSaveCheckBox:r,onSuccess:f,onError:_,onCloseBtnClick:h,formName:s});return x?W("div",{className:X(["account-address-form-wrapper",c]),children:[o?a("div",{className:"account-address-form-wrapper__title","data-testid":"addressesFormTitle",children:o}):null,w.text?a(Xe,{"data-testid":"inLineAlert",className:"account-address-form-wrapper__notification",type:w.type,variant:"secondary",heading:w.text,icon:w.icon}):null,W(Tt,{regionOptions:M,forwardFormRef:l,slots:i,className:"account-address-form",name:s||"addressesForm",fieldsConfig:H,onSubmit:t||(V?q:P),setInputChange:b,loading:C,showFormLoader:n,showSaveCheckBox:r,handleSaveCheckBoxAddress:m,saveCheckBoxAddress:v,onChange:T,isWaitingForResponse:z,children:[V?a("input",{type:"hidden",name:"addressId",value:V,"data-testid":"hidden_test_id"}):null,e?null:a("div",{className:X(["dropin-field account-address-form-wrapper__buttons",["account-address-form-wrapper__buttons--empty",r]]),children:i!=null&&i.AddressFormActions?a(Ae,{"data-testid":"addressFormActions",name:"AddressFormActions",slot:i.AddressFormActions,context:{handleUpdateAddress:q,handleCreateAddress:P,addressId:V}}):a(Q,{children:r?null:W(Q,{children:[a(de,{type:"button",onClick:D,variant:"secondary",disabled:C,children:Z.secondaryButton}),a(de,{disabled:C,children:Z.primaryButton})]})})})]})]}):null};export{fe as A,ze as C,xt as E,Tt as F,$t as S,r1 as a,Be as c,t1 as d,Ie as g,Ut as n}; diff --git a/scripts/__dropins__/storefront-account/hooks/components/useForm.d.ts b/scripts/__dropins__/storefront-account/hooks/components/useForm.d.ts index 36082cc44e..e5c947d142 100644 --- a/scripts/__dropins__/storefront-account/hooks/components/useForm.d.ts +++ b/scripts/__dropins__/storefront-account/hooks/components/useForm.d.ts @@ -5,9 +5,9 @@ export declare const useForm: ({ fieldsConfig, onSubmit, onChange, setInputChang formData: Record; errors: Record; formRef: import('preact').RefObject; - handleInputChange: (event: Event) => void; + handleInputChange: (event: Event, errorsProp: Record) => void; onFocus: (event: Event) => void; - handleBlur: (event: Event) => void; + handleBlur: (event: Event, errorsProp: Record) => void; handleSubmit: (event: SubmitEvent) => void; handleValidationSubmit: (disableShowError?: boolean) => boolean; }; diff --git a/scripts/__dropins__/storefront-order/api.js b/scripts/__dropins__/storefront-order/api.js index 69462980d3..9bb812e46c 100644 --- a/scripts/__dropins__/storefront-order/api.js +++ b/scripts/__dropins__/storefront-order/api.js @@ -1,7 +1,7 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{Initializer as I}from"@dropins/tools/lib.js";import{events as d}from"@dropins/tools/event-bus.js";import{f as n,h as m}from"./chunks/fetch-graphql.js";import{g as P,r as U,s as Y,a as q,b as Q}from"./chunks/fetch-graphql.js";import{h as l}from"./chunks/network-error.js";import{P as u,a as _,G as c,O as p,B as O,R as h,c as T}from"./chunks/transform-order-details.js";import{O as D,A as R}from"./chunks/getGuestOrder.graphql.js";import{t as G}from"./chunks/getCustomer.js";import{a as H,g as K}from"./chunks/getCustomer.js";import{g as J}from"./chunks/getAttributesForm.js";import{g as W}from"./chunks/getStoreConfig.js";import{g as Z}from"./chunks/getCustomerOrdersReturn.js";import{c as re,r as te}from"./chunks/requestGuestOrderCancel.js";import{r as se}from"./chunks/reorderItems.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/convertCase.js";const b=` -query ORDER_BY_NUMBER($orderNumber: String!) { +import{Initializer as I}from"@dropins/tools/lib.js";import{events as o}from"@dropins/tools/event-bus.js";import{f as n,h as m}from"./chunks/fetch-graphql.js";import{g as U,r as Y,s as q,a as Q,b as H}from"./chunks/fetch-graphql.js";import{h as l}from"./chunks/network-error.js";import{P as u,a as _,G as p,O as c,B as O,R as D,c as b}from"./chunks/transform-order-details.js";import{O as R,A as h}from"./chunks/getGuestOrder.graphql.js";import{t as T}from"./chunks/getCustomer.js";import{g as j,a as J}from"./chunks/getCustomer.js";import{g as W}from"./chunks/getAttributesForm.js";import{g as Z}from"./chunks/getStoreConfig.js";import{g as re}from"./chunks/getCustomerOrdersReturn.js";import{g as ae,r as se}from"./chunks/requestReturn.js";import{c as oe,r as ie}from"./chunks/requestGuestOrderCancel.js";import{r as me}from"./chunks/reorderItems.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/convertCase.js";import"./chunks/transform-attributes-form.js";const G=` +query ORDER_BY_NUMBER($orderNumber: String!, $pageSize: Int) { customer { orders( filter: { number: { eq: $orderNumber } } @@ -17,9 +17,28 @@ query ORDER_BY_NUMBER($orderNumber: String!) { carrier shipping_method is_virtual - returns { + returns(pageSize: $pageSize) { ...OrderReturns } + items_eligible_for_return { + ...OrderItemDetails + ... on BundleOrderItem { + ...BundleOrderItemDetails + } + ... on GiftCardOrderItem { + ...GiftCardDetails + product { + ...ProductDetails + } + } + ... on DownloadableOrderItem { + product_name + downloadable_links { + sort_order + title + } + } + } applied_coupons { code } @@ -88,13 +107,13 @@ query ORDER_BY_NUMBER($orderNumber: String!) { } ${u} ${_} -${c} ${p} +${c} ${O} -${D} ${R} ${h} -`,f=async(e,r,t)=>await n(b,{method:"GET",cache:"force-cache",variables:{orderNumber:e}}).then(a=>{var s;return(s=a.errors)!=null&&s.length?m(a.errors):T(t??"orderData",a,r)}).catch(l),y=` +${D} +`,y=async({orderId:e,returnRef:r,queryType:t,returnsPageSize:a=50})=>await n(G,{method:"GET",cache:"force-cache",variables:{orderNumber:e,pageSize:a}}).then(s=>{var d;return(d=s.errors)!=null&&d.length?m(s.errors):b(t??"orderData",s,r)}).catch(l),f=` query ORDER_BY_TOKEN($token: String!) { guestOrderByToken(input: { token: $token }) { email @@ -110,7 +129,10 @@ query ORDER_BY_TOKEN($token: String!) { gift_receipt_included available_actions is_virtual - returns { + items_eligible_for_return { + ...OrderItemDetails + } + returns(pageSize: 50) { ...OrderReturns } payment_methods { @@ -182,10 +204,10 @@ query ORDER_BY_TOKEN($token: String!) { } ${u} ${_} -${c} ${p} +${c} ${O} -${D} ${R} ${h} -`,A=async(e,r)=>await n(y,{method:"GET",cache:"no-cache",variables:{token:e}}).then(t=>{var a;return(a=t.errors)!=null&&a.length?m(t.errors):G(t,r)}).catch(l),$=async e=>{var i;const r=(e==null?void 0:e.orderRef)??"",t=(e==null?void 0:e.returnRef)??"",a=r&&typeof(e==null?void 0:e.orderRef)=="string"&&((i=e==null?void 0:e.orderRef)==null?void 0:i.length)>20,s=(e==null?void 0:e.orderData)??null;if(s){d.emit("order/data",{...s,returnNumber:t});return}if(!r){console.error("Order Token or number not received.");return}const o=a?await A(r,t):await f(r,t,"orderData");o?d.emit("order/data",{...o,returnNumber:t}):d.emit("order/error",{source:"order",type:"network",error:"The data was not received."})},E=new I({init:async e=>{const r={};E.config.setConfig({...r,...e}),$(e).catch(console.error)},listeners:()=>[]}),v=E.config;export{re as cancelOrder,v as config,n as fetchGraphQl,J as getAttributesForm,P as getConfig,H as getCustomer,Z as getCustomerOrdersReturn,K as getGuestOrder,f as getOrderDetailsById,W as getStoreConfig,A as guestOrderByToken,E as initialize,U as removeFetchGraphQlHeader,se as reorderItems,te as requestGuestOrderCancel,Y as setEndpoint,q as setFetchGraphQlHeader,Q as setFetchGraphQlHeaders}; +${D} +`,$=async(e,r)=>await n(f,{method:"GET",cache:"no-cache",variables:{token:e}}).then(t=>{var a;return(a=t.errors)!=null&&a.length?m(t.errors):T(t,r)}).catch(l),A="orderData",C=async e=>{var i;const r=typeof(e==null?void 0:e.orderRef)=="string"?e==null?void 0:e.orderRef:"",t=typeof(e==null?void 0:e.returnRef)=="string"?e==null?void 0:e.returnRef:"",a=r&&typeof(e==null?void 0:e.orderRef)=="string"&&((i=e==null?void 0:e.orderRef)==null?void 0:i.length)>20,s=(e==null?void 0:e.orderData)??null;if(s){o.emit("order/data",{...s,returnNumber:t});return}if(!r){console.error("Order Token or number not received.");return}const d=a?await $(r,t):await y({orderId:r,returnRef:t,queryType:A});d?o.emit("order/data",{...d,returnNumber:t}):o.emit("order/error",{source:"order",type:"network",error:"The data was not received."})},E=new I({init:async e=>{const r={};E.config.setConfig({...r,...e}),C(e).catch(console.error)},listeners:()=>[]}),x=E.config;export{oe as cancelOrder,x as config,n as fetchGraphQl,W as getAttributesForm,ae as getAttributesList,U as getConfig,j as getCustomer,re as getCustomerOrdersReturn,J as getGuestOrder,y as getOrderDetailsById,Z as getStoreConfig,$ as guestOrderByToken,E as initialize,Y as removeFetchGraphQlHeader,me as reorderItems,ie as requestGuestOrderCancel,se as requestReturn,q as setEndpoint,Q as setFetchGraphQlHeader,H as setFetchGraphQlHeaders}; diff --git a/scripts/__dropins__/storefront-order/api/getAttributesList/getAttributesList.d.ts b/scripts/__dropins__/storefront-order/api/getAttributesList/getAttributesList.d.ts new file mode 100644 index 0000000000..d0a1d0bbec --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/getAttributesList/getAttributesList.d.ts @@ -0,0 +1,5 @@ +import { AttributesFormModel } from '../../data/models'; + +export declare const getAttributesList: (entityType: string) => Promise; +//# sourceMappingURL=getAttributesList.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/getAttributesList/graphql/getAttributesList.graphql.d.ts b/scripts/__dropins__/storefront-order/api/getAttributesList/graphql/getAttributesList.graphql.d.ts new file mode 100644 index 0000000000..cc05caa302 --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/getAttributesList/graphql/getAttributesList.graphql.d.ts @@ -0,0 +1,2 @@ +export declare const GET_ATTRIBUTES_LIST = "\n query GET_ATTRIBUTES_LIST($entityType: AttributeEntityTypeEnum!) {\n attributesList(entityType: $entityType) {\n items {\n ... on CustomerAttributeMetadata {\n multiline_count\n sort_order\n validate_rules {\n name\n value\n }\n }\n ... on ReturnItemAttributeMetadata {\n sort_order\n }\n code\n label\n default_value\n frontend_input\n is_unique\n is_required\n options {\n is_default\n label\n value\n }\n }\n errors {\n type\n message\n }\n }\n }\n"; +//# sourceMappingURL=getAttributesList.graphql.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/getAttributesList/index.d.ts b/scripts/__dropins__/storefront-order/api/getAttributesList/index.d.ts new file mode 100644 index 0000000000..c226df6d13 --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/getAttributesList/index.d.ts @@ -0,0 +1,2 @@ +export * from './getAttributesList'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/getCustomerOrdersReturn/getCustomerOrdersReturn.d.ts b/scripts/__dropins__/storefront-order/api/getCustomerOrdersReturn/getCustomerOrdersReturn.d.ts index d426ae440f..7c1c1f422a 100644 --- a/scripts/__dropins__/storefront-order/api/getCustomerOrdersReturn/getCustomerOrdersReturn.d.ts +++ b/scripts/__dropins__/storefront-order/api/getCustomerOrdersReturn/getCustomerOrdersReturn.d.ts @@ -1,4 +1,4 @@ import { CustomerOrdersReturnModel } from '../../data/models'; -export declare const getCustomerOrdersReturn: () => Promise; +export declare const getCustomerOrdersReturn: (pageSize?: number) => Promise; //# sourceMappingURL=getCustomerOrdersReturn.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/getOrderDetailsById/getOrderDetailsById.d.ts b/scripts/__dropins__/storefront-order/api/getOrderDetailsById/getOrderDetailsById.d.ts index d06579bdaa..c9745a694c 100644 --- a/scripts/__dropins__/storefront-order/api/getOrderDetailsById/getOrderDetailsById.d.ts +++ b/scripts/__dropins__/storefront-order/api/getOrderDetailsById/getOrderDetailsById.d.ts @@ -1,4 +1,5 @@ +import { GetOrderDetailsByIdProps } from '../../types'; import { TransformedData } from '../../data/models'; -export declare const getOrderDetailsById: (orderId?: string, returnRef?: string, queryType?: T | undefined) => Promise>; +export declare const getOrderDetailsById: ({ orderId, returnRef, queryType, returnsPageSize, }: GetOrderDetailsByIdProps) => Promise>; //# sourceMappingURL=getOrderDetailsById.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts b/scripts/__dropins__/storefront-order/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts index 7edf396967..423e9d49c4 100644 --- a/scripts/__dropins__/storefront-order/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts +++ b/scripts/__dropins__/storefront-order/api/getOrderDetailsById/graphql/orderItemsFragment.graphql.d.ts @@ -1,6 +1,6 @@ export declare const PRODUCT_DETAILS_FRAGMENT = "\n fragment ProductDetails on ProductInterface {\n __typename\n canonical_url\n url_key\n uid\n name\n sku\n only_x_left_in_stock\n stock_status\n thumbnail {\n label\n url\n }\n price_range {\n maximum_price {\n regular_price {\n currency\n value\n }\n }\n }\n }\n"; export declare const PRICE_DETAILS_FRAGMENT = "\n fragment PriceDetails on OrderItemInterface {\n prices {\n price_including_tax {\n value\n currency\n }\n original_price {\n value\n currency\n }\n original_price_including_tax {\n value\n currency\n }\n price {\n value\n currency\n }\n }\n }\n"; export declare const GIFT_CARD_DETAILS_FRAGMENT = "\n fragment GiftCardDetails on GiftCardOrderItem {\n ...PriceDetails\n gift_message {\n message\n }\n gift_card {\n recipient_name\n recipient_email\n sender_name\n sender_email\n message\n }\n }\n"; -export declare const ORDER_ITEM_DETAILS_FRAGMENT = "\n fragment OrderItemDetails on OrderItemInterface {\n __typename\n status\n product_name\n product_url_key\n id\n quantity_ordered\n quantity_shipped\n quantity_canceled\n quantity_invoiced\n quantity_refunded\n quantity_returned\n product_sale_price {\n value\n currency\n }\n selected_options {\n label\n value\n }\n product {\n ...ProductDetails\n }\n ...PriceDetails\n }\n"; +export declare const ORDER_ITEM_DETAILS_FRAGMENT = "\n fragment OrderItemDetails on OrderItemInterface {\n __typename\n status\n product_sku\n eligible_for_return\n product_name\n product_url_key\n id\n quantity_ordered\n quantity_shipped\n quantity_canceled\n quantity_invoiced\n quantity_refunded\n product_sale_price {\n value\n currency\n }\n selected_options {\n label\n value\n }\n product {\n ...ProductDetails\n }\n ...PriceDetails\n }\n"; export declare const BUNDLE_ORDER_ITEM_DETAILS_FRAGMENT = "\n fragment BundleOrderItemDetails on BundleOrderItem {\n ...PriceDetails\n bundle_options {\n uid\n label\n values {\n uid\n product_name\n }\n }\n }\n"; //# sourceMappingURL=orderItemsFragment.graphql.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/index.d.ts b/scripts/__dropins__/storefront-order/api/index.d.ts index 0bdab16aa0..73b1a3e4db 100644 --- a/scripts/__dropins__/storefront-order/api/index.d.ts +++ b/scripts/__dropins__/storefront-order/api/index.d.ts @@ -7,6 +7,8 @@ export * from './getAttributesForm'; export * from './getCustomer'; export * from './getStoreConfig'; export * from './getCustomerOrdersReturn'; +export * from './getAttributesList'; +export * from './requestReturn'; export * from './cancelOrder'; export * from './requestGuestOrderCancel'; export * from './reorderItems'; diff --git a/scripts/__dropins__/storefront-order/api/requestReturn/graphql/fragments.d.ts b/scripts/__dropins__/storefront-order/api/requestReturn/graphql/fragments.d.ts new file mode 100644 index 0000000000..1a06f4fcf8 --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/requestReturn/graphql/fragments.d.ts @@ -0,0 +1,2 @@ +export declare const REQUEST_RETURN_ORDER_FRAGMENT = "\n fragment OrderReturn on Return {\n __typename\n uid\n status\n number\n created_at\n }\n"; +//# sourceMappingURL=fragments.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/requestReturn/graphql/requestReturn.graphql.d.ts b/scripts/__dropins__/storefront-order/api/requestReturn/graphql/requestReturn.graphql.d.ts new file mode 100644 index 0000000000..2053c33748 --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/requestReturn/graphql/requestReturn.graphql.d.ts @@ -0,0 +1,2 @@ +export declare const REQUEST_RETURN_ORDER: string; +//# sourceMappingURL=requestReturn.graphql.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/requestReturn/index.d.ts b/scripts/__dropins__/storefront-order/api/requestReturn/index.d.ts new file mode 100644 index 0000000000..46e713fe3f --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/requestReturn/index.d.ts @@ -0,0 +1,2 @@ +export * from './requestReturn'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/api/requestReturn/requestReturn.d.ts b/scripts/__dropins__/storefront-order/api/requestReturn/requestReturn.d.ts new file mode 100644 index 0000000000..8f385843e8 --- /dev/null +++ b/scripts/__dropins__/storefront-order/api/requestReturn/requestReturn.d.ts @@ -0,0 +1,9 @@ +import { RequestReturnProps } from '../../types'; + +export declare const requestReturn: (form: RequestReturnProps) => Promise<{ + uid: string; + number: string; + status: string; + createdAt: string; +}>; +//# sourceMappingURL=requestReturn.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/chunks/CartSummaryItem.js b/scripts/__dropins__/storefront-order/chunks/CartSummaryItem.js new file mode 100644 index 0000000000..26258950ef --- /dev/null +++ b/scripts/__dropins__/storefront-order/chunks/CartSummaryItem.js @@ -0,0 +1,3 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +import{jsx as t,jsxs as E,Fragment as w}from"@dropins/tools/preact-jsx-runtime.js";import{Price as u,CartItem as o,Icon as r,Image as U,Incrementer as c}from"@dropins/tools/components.js";import{useCallback as d}from"@dropins/tools/preact-hooks.js";import{classes as X}from"@dropins/tools/lib.js";import*as Q from"@dropins/tools/preact-compat.js";const p=N=>Q.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...N},Q.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),Q.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),ne=({loading:N,product:e,itemType:Y,taxConfig:D,translations:v,disabledIncrementer:C,showConfigurableOptions:_,onQuantity:y,routeProductDetails:b,isReturnProductList:I})=>{var H,M,Z,j,q,x,z,F,O,R,W,$,B,K,A,G,J;const{taxExcluded:S,taxIncluded:f}=D,m=d((h,g,T)=>t(u,{amount:h,currency:g,weight:"normal",...T}),[]);let k={};const L=Y==="cancelled",P=(M=(H=e==null?void 0:e.product)==null?void 0:H.stockStatus)==null?void 0:M.includes("IN_STOCK"),a=(e==null?void 0:e.giftCard)||{},l=(Z=e==null?void 0:e.itemPrices)==null?void 0:Z.priceIncludingTax,s=(j=e==null?void 0:e.itemPrices)==null?void 0:j.originalPrice,n=(q=e==null?void 0:e.itemPrices)==null?void 0:q.price,i=e.discounted&&((x=e.price)==null?void 0:x.value)!==(s==null?void 0:s.value)*(e==null?void 0:e.totalQuantity),V={..."configurableOptions"in e?e.configurableOptions:{},..."bundleOptions"in e?e.bundleOptions:{},..."senderName"in a?{[v.sender]:a==null?void 0:a.senderName}:{},..."senderEmail"in a&&(a!=null&&a.senderEmail)?{[v.sender]:a==null?void 0:a.senderEmail}:{},..."recipientName"in a&&(a!=null&&a.recipientName)?{[v.recipient]:a==null?void 0:a.recipientName}:{},..."recipientEmail"in a&&(a!=null&&a.recipientEmail)?{[v.recipient]:a==null?void 0:a.recipientEmail}:{},..."message"in a&&(a!=null&&a.message)?{[v.message]:a==null?void 0:a.message}:{},..."downloadableLinks"in e&&(e!=null&&e.downloadableLinks)?{[`${(z=e==null?void 0:e.downloadableLinks)==null?void 0:z.count} ${v.downloadableCount}`]:(F=e==null?void 0:e.downloadableLinks)==null?void 0:F.result}:{}};if(f&&S){const h=i?s==null?void 0:s.value:(l==null?void 0:l.value)*(e==null?void 0:e.totalQuantity);k={taxExcluded:!0,taxIncluded:void 0,price:m(s==null?void 0:s.value,s==null?void 0:s.currency),total:E(w,{children:[m(h,s==null?void 0:s.currency,{variant:e.discounted&&(l==null?void 0:l.value)!==h?"strikethrough":"default"}),e.discounted&&(l==null?void 0:l.value)!==h?m(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:m((n==null?void 0:n.value)*e.totalQuantity,n==null?void 0:n.currency)}}else if(!f&&S)k={taxExcluded:void 0,taxIncluded:void 0,price:m(s==null?void 0:s.value,s==null?void 0:s.currency),total:E(w,{children:[m((s==null?void 0:s.value)*(e==null?void 0:e.totalQuantity),l==null?void 0:l.currency,{variant:i?"strikethrough":"default"}),i?m((O=e.price)==null?void 0:O.value,(R=e.price)==null?void 0:R.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:m((n==null?void 0:n.value)*(e==null?void 0:e.totalQuantity),n==null?void 0:n.currency)};else if(f&&!S){const h=i?s.value:l.value*e.totalQuantity;k={taxExcluded:void 0,taxIncluded:!0,price:m(l==null?void 0:l.value,l==null?void 0:l.currency),total:E(w,{children:[m(h,l==null?void 0:l.currency,{variant:i?"strikethrough":"default",weight:"bold"}),i?m(l==null?void 0:l.value,l==null?void 0:l.currency,{sale:!0,weight:"bold"}):null]})}}return t(o,{loading:N,alert:L&&P?E("span",{children:[t(r,{source:p}),v.outOfStock]}):t(w,{}),configurations:(_==null?void 0:_(V))??V,title:b?t("a",{"data-testid":"product-name",className:X(["cart-summary-item__title",["cart-summary-item__title--strikethrough",L]]),href:b(e),children:(W=e==null?void 0:e.product)==null?void 0:W.name}):t("div",{"data-testid":"product-name",className:X(["cart-summary-item__title",["cart-summary-item__title--strikethrough",L]]),children:($=e==null?void 0:e.product)==null?void 0:$.name}),sku:t("div",{children:(B=e==null?void 0:e.product)==null?void 0:B.sku}),quantity:e!=null&&e.eligibleForReturn&&(e!=null&&e.returnableQuantity)?(e==null?void 0:e.returnableQuantity)??e.totalQuantity:I?void 0:e.totalQuantity,image:b?t("a",{href:b(e),children:t(U,{src:(K=e==null?void 0:e.product)==null?void 0:K.thumbnail.url,alt:(A=e==null?void 0:e.product)==null?void 0:A.thumbnail.label,loading:"lazy",width:"90",height:"120"})}):t(U,{src:(G=e==null?void 0:e.product)==null?void 0:G.thumbnail.url,alt:(J=e==null?void 0:e.product)==null?void 0:J.thumbnail.label,loading:"lazy",width:"90",height:"120"}),...k,footer:y&&!C?t(c,{value:1,min:1,max:e==null?void 0:e.returnableQuantity,onValue:h=>y==null?void 0:y(Number(h)),name:"quantity"}):void 0})};export{ne as C,p as S}; diff --git a/scripts/__dropins__/storefront-order/chunks/OrderCancel.js b/scripts/__dropins__/storefront-order/chunks/OrderCancel.js index 80820a2827..3d86843b29 100644 --- a/scripts/__dropins__/storefront-order/chunks/OrderCancel.js +++ b/scripts/__dropins__/storefront-order/chunks/OrderCancel.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as h,Fragment as v,jsxs as M}from"@dropins/tools/preact-jsx-runtime.js";import{useRef as _,useState as D,useEffect as w,useCallback as T}from"@dropins/tools/preact-hooks.js";import{useText as y}from"@dropins/tools/i18n.js";import*as C from"@dropins/tools/preact-compat.js";import{memo as V,useCallback as L}from"@dropins/tools/preact-compat.js";import{classes as k}from"@dropins/tools/lib.js";import{Field as q,Picker as A,Input as I,InputDate as R,Checkbox as O,TextArea as N}from"@dropins/tools/components.js";const j=l=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369",stroke:"currentColor"})),H=l=>l.reduce((u,{code:i,required:$,defaultValue:c})=>($&&(u[i]=c),u),{}),S=({fieldsConfig:l,onSubmit:u})=>{const{requiredFieldError:i}=y({requiredFieldError:"Order.Form.notifications.requiredFieldError"}),$=_(null),[c,n]=D({}),[o,t]=D({});w(()=>{if(n({}),!l||!l.length)return;const s=H(l);n(s)},[l==null?void 0:l.length]),w(()=>()=>{var s;n({}),(s=$.current)==null||s.reset()},[]);const p=T((s,e)=>{const r=l.find(d=>d.code===s);return r!=null&&r.required&&!e?i:""},[l,i]),b=T(s=>{const{name:e,value:r,type:a,checked:d}=s==null?void 0:s.target,f=a==="checkbox"?d:r;n(E=>({...E,[e]:f}))},[]),x=T(s=>{const{name:e,value:r,type:a,checked:d}=s==null?void 0:s.target,f=a==="checkbox"?d:r;t(E=>({...E,[e]:p(e,f)}))},[p]),F=T(s=>{s.preventDefault();let e=!0,r={},a=null;for(const[d,f]of Object.entries(c)){const E=p(d,f);E&&(r[d]=E,e=!1,a||(a=d))}if(t(r),a&&$.current){const d=$.current.elements.namedItem(a);d==null||d.focus()}u==null||u(s,e)},[c,p,u]);return{formData:c,errors:o,formRef:$,handleChange:b,handleBlur:x,handleSubmit:F}},U=V(({loading:l,values:u,fields:i=[],errors:$,className:c="",onChange:n,onBlur:o})=>{const t=`${c}__item`,p=L((e,r,a)=>{const d=e.options.map(f=>({text:f.label,value:f.value}));return h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:h(A,{name:e.id,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:d,onBlur:o,handleSelect:n,value:r||e.defaultValue})},e.id)},[c,l,t,o,n]),b=L((e,r,a)=>{const d=e.id==="email",f=d?h(j,{}):void 0,E=d?"username":"";return h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e==null?void 0:e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:h(I,{"aria-label":e.label,"aria-required":e.required,autoComplete:E,icon:f,type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id)},[c,l,t,o,n]),x=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:h(R,{type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]),F=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:h(O,{name:e.id,checked:r||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]),s=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${c}--${e.id}`,disabled:l,children:h(N,{type:"text",name:e.id,value:r===void 0?e.defaultValue:r,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[c,l,t,o,n]);return i.length?h(v,{children:i.map(e=>{var d;const r=($==null?void 0:$[e.id])??"",a=(u==null?void 0:u[e.id])??"";switch(e.fieldType){case"TEXT":return(d=e==null?void 0:e.options)!=null&&d.length?p(e,a,r):b(e,a,r);case"MULTILINE":return b(e,a,r);case"SELECT":return p(e,a,r);case"DATE":return x(e,a,r);case"BOOLEAN":return F(e,a,r);case"TEXTAREA":return s(e,a,r);default:return null}})}):null}),K=V(({name:l,loading:u,children:i,className:$="defaultForm",fieldsConfig:c,onSubmit:n})=>{const{formData:o,errors:t,formRef:p,handleChange:b,handleBlur:x,handleSubmit:F}=S({fieldsConfig:c,onSubmit:n});return M("form",{className:k(["order-form",$]),onSubmit:F,name:l,ref:p,children:[h(U,{className:$,loading:u,fields:c,onChange:b,onBlur:x,errors:t,values:o}),i]})});export{K as F}; +import{jsx as h,Fragment as v,jsxs as M}from"@dropins/tools/preact-jsx-runtime.js";import{useRef as _,useState as D,useEffect as w,useCallback as T}from"@dropins/tools/preact-hooks.js";import{useText as y}from"@dropins/tools/i18n.js";import*as C from"@dropins/tools/preact-compat.js";import{memo as V,useCallback as L}from"@dropins/tools/preact-compat.js";import{classes as k}from"@dropins/tools/lib.js";import{Field as q,Picker as A,Input as I,InputDate as R,Checkbox as O,TextArea as N}from"@dropins/tools/components.js";const j=l=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369",stroke:"currentColor"})),H=l=>l.reduce((u,{code:i,required:$,defaultValue:s})=>($&&(u[i]=s),u),{}),S=({fieldsConfig:l,onSubmit:u})=>{const{requiredFieldError:i}=y({requiredFieldError:"Order.Form.notifications.requiredFieldError"}),$=_(null),[s,n]=D({}),[o,t]=D({});w(()=>{if(n({}),!l||!l.length)return;const c=H(l);n(c)},[l==null?void 0:l.length]),w(()=>()=>{var c;n({}),(c=$.current)==null||c.reset()},[]);const p=T((c,e)=>{const r=l.find(d=>d.code===c);return r!=null&&r.required&&!e?i:""},[l,i]),b=T(c=>{const{name:e,value:r,type:a,checked:d}=c==null?void 0:c.target,f=a==="checkbox"?d:r;n(E=>({...E,[e]:f}))},[]),x=T(c=>{const{name:e,value:r,type:a,checked:d}=c==null?void 0:c.target,f=a==="checkbox"?d:r;t(E=>({...E,[e]:p(e,f)}))},[p]),F=T(c=>{c.preventDefault();let e=!0,r={},a=null;for(const[d,f]of Object.entries(s)){const E=p(d,f);E&&(r[d]=E,e=!1,a||(a=d))}if(t(r),a&&$.current){const d=$.current.elements.namedItem(a);d==null||d.focus()}u==null||u(c,e)},[s,p,u]);return{formData:s,errors:o,formRef:$,handleChange:b,handleBlur:x,handleSubmit:F}},U=V(({loading:l,values:u,fields:i=[],errors:$,className:s="",onChange:n,onBlur:o})=>{const t=`${s}__item`,p=L((e,r,a)=>{const d=e.options.map(f=>({text:f.label,value:f.value}));return h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${s}--${e.id}`,disabled:l,children:h(A,{name:e.id,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:d,onBlur:o,handleSelect:n,value:r||e.defaultValue})},e.id)},[s,l,t,o,n]),b=L((e,r,a)=>{const d=e.id==="email",f=d?h(j,{}):void 0,E=d?"username":"";return h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e==null?void 0:e.is_hidden],e.className]),"data-testid":`${s}--${e.id}`,disabled:l,children:h(I,{"aria-label":e.label,"aria-required":e.required,autoComplete:E,icon:f,type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id)},[s,l,t,o,n]),x=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${s}--${e.id}`,disabled:l,children:h(R,{type:"text",name:e.id,value:r||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[s,l,t,o,n]),F=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${s}--${e.id}`,disabled:l,children:h(O,{name:e.id,checked:r||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[s,l,t,o,n]),c=L((e,r,a)=>h(q,{error:a,className:k([t,`${t}--${e.id}`,[`${t}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${s}--${e.id}`,disabled:l,children:h(N,{type:"text",name:e.id,value:r===void 0?e.defaultValue:r,label:`${e.label} ${e.required?"*":""}`,onBlur:o,onChange:n})},e.id),[s,l,t,o,n]);return i.length?h(v,{children:i.map(e=>{var d;const r=($==null?void 0:$[e.id])??"",a=(u==null?void 0:u[e.id])??"";switch(e.fieldType){case"TEXT":return(d=e==null?void 0:e.options)!=null&&d.length?p(e,a,r):b(e,a,r);case"MULTILINE":return b(e,a,r);case"SELECT":return p(e,a,r);case"DATE":return x(e,a,r);case"BOOLEAN":return F(e,a,r);case"TEXTAREA":return c(e,a,r);default:return null}})}):null}),K=V(({name:l,loading:u,children:i,className:$="defaultForm",fieldsConfig:s,onSubmit:n})=>{const{formData:o,errors:t,formRef:p,handleChange:b,handleBlur:x,handleSubmit:F}=S({fieldsConfig:s,onSubmit:n});return M("form",{className:k(["order-form",$]),onSubmit:F,name:l,ref:p,children:[h(U,{className:$,loading:u,fields:s,onChange:b,onBlur:x,errors:t,values:o}),i]})});export{K as F,U as a,S as u}; diff --git a/scripts/__dropins__/storefront-order/chunks/OrderCancelForm.js b/scripts/__dropins__/storefront-order/chunks/OrderCancelForm.js index 3d4677af97..0f693b9b21 100644 --- a/scripts/__dropins__/storefront-order/chunks/OrderCancelForm.js +++ b/scripts/__dropins__/storefront-order/chunks/OrderCancelForm.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsxs as g,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{InLineAlert as v,Picker as x,Button as F}from"@dropins/tools/components.js";import{F as S}from"./OrderCancel.js";import"@dropins/tools/lib.js";import{useState as n}from"@dropins/tools/preact-hooks.js";import{events as d}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{r as E,c as _}from"./requestGuestOrderCancel.js";import{useText as D,Text as l}from"@dropins/tools/i18n.js";const k=({orderRef:a,pickerProps:m,submitButtonProps:u,cancelReasons:t})=>{const o=D({ErrorHeading:"Order.OrderCancelForm.errorHeading",ErrorDescription:"Order.OrderCancelForm.errorDescription",orderCancellationLabel:"Order.OrderCancelForm.label"}),[i,p]=n(0),[f,O]=n(!1),[b,h]=n(!1);d.on("authenticated",e=>{e&&h(!0)},{eager:!0});const C=e=>{e.preventDefault();const s=Number(e.target.value);p(s)};return g(S,{onSubmit:async e=>(e.preventDefault(),(a.length>20?E:_)(a,t[i].text,c=>{b||(c.status="guest order cancellation requested"),d.emit("order/data",c)},()=>{O(!0)})),"data-testid":"order-order-cancel-reasons-form__text",children:[f&&r(v,{heading:o.ErrorHeading,description:o.ErrorDescription}),r("div",{className:"order-order-cancel-reasons-form__text",children:r(l,{id:"Order.OrderCancelForm.description"})}),r(x,{name:"cancellationReasons",floatingLabel:o.orderCancellationLabel,defaultOption:t[0],variant:"primary",options:t,value:String(i),handleSelect:C,required:!0,"data-testid":"order-cancellation-reasons-selector",...m}),r("div",{className:"order-order-cancel-reasons-form__button-container",children:r(F,{variant:"primary","data-testid":"order-cancel-submit-button",...u,children:r(l,{id:"Order.OrderCancelForm.button"})})})]})};export{k as O}; +import{jsxs as g,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{InLineAlert as v,Picker as x,Button as F}from"@dropins/tools/components.js";import{F as S}from"./OrderCancel.js";import"@dropins/tools/lib.js";import{useState as n}from"@dropins/tools/preact-hooks.js";import{events as d}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-compat.js";import{r as E,c as _}from"./requestGuestOrderCancel.js";import{useText as D,Text as l}from"@dropins/tools/i18n.js";const k=({orderRef:a,pickerProps:m,submitButtonProps:u,cancelReasons:t})=>{const o=D({ErrorHeading:"Order.OrderCancelForm.errorHeading",ErrorDescription:"Order.OrderCancelForm.errorDescription",orderCancellationLabel:"Order.OrderCancelForm.label"}),[i,p]=n(0),[f,O]=n(!1),[b,h]=n(!1);d.on("authenticated",e=>{e&&h(!0)},{eager:!0});const C=e=>{e.preventDefault();const s=Number(e.target.value);p(s)};return g(S,{onSubmit:async e=>(e.preventDefault(),(a.length>20?E:_)(a,t[i].text,c=>{b||(c.status="guest order cancellation requested"),d.emit("order/data",c)},()=>{O(!0)})),"data-testid":"order-order-cancel-reasons-form__text",children:[f&&r(v,{heading:o.ErrorHeading,description:o.ErrorDescription}),r("div",{className:"order-order-cancel-reasons-form__text",children:r(l,{id:"Order.OrderCancelForm.description"})}),r(x,{name:"cancellationReasons",floatingLabel:o.orderCancellationLabel,defaultOption:t[0],variant:"primary",options:t,value:String(i),handleSelect:C,required:!0,"data-testid":"order-cancellation-reasons-selector",...m}),r("div",{className:"order-order-cancel-reasons-form__button-container",children:r(F,{variant:"primary","data-testid":"order-cancel-submit-button",...u,children:r(l,{id:"Order.OrderCancelForm.button"})})})]})};export{k as O}; diff --git a/scripts/__dropins__/storefront-order/chunks/ReturnsListContent.js b/scripts/__dropins__/storefront-order/chunks/ReturnsListContent.js index 72ba240b30..d5d49c84b0 100644 --- a/scripts/__dropins__/storefront-order/chunks/ReturnsListContent.js +++ b/scripts/__dropins__/storefront-order/chunks/ReturnsListContent.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as r,jsxs as s,Fragment as Z}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as E}from"@dropins/tools/preact-hooks.js";import{classes as W,Slot as G}from"@dropins/tools/lib.js";import{IllustratedMessage as K,Icon as w,Card as I,ContentGrid as R,Image as D,Header as O,Pagination as r1}from"@dropins/tools/components.js";import*as l from"@dropins/tools/preact-compat.js";import{useMemo as e1}from"@dropins/tools/preact-compat.js";import"./OrderCancel.js";import{f as n1}from"./returnOrdersHelper.js";import"@dropins/tools/event-bus.js";import{C as U}from"./OrderLoaders.js";import"@dropins/tools/preact.js";import{Text as k}from"@dropins/tools/i18n.js";const q=a=>l.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...a},l.createElement("g",{id:"Large"},l.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),l.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},l.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),t1=a=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},l.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),J=({typeList:a,isEmpty:p,minifiedView:g,message:n})=>{const L=e1(()=>{switch(a){case"orders":return{icon:t1,text:r("p",{children:n}),className:"order-empty-list--empty-box"};default:return{icon:"",text:"",className:""}}},[a,n]);return!p||!a||!L.text?null:r(K,{className:W(["order-empty-list",L.className,g?"order-empty-list--minified":""]),message:L.text,icon:r(w,{source:L.icon}),"data-testid":"emptyList"})},Q={size:"32",stroke:"2"},M1=({minifiedViewKey:a,withReturnNumber:p=!1,withOrderNumber:g=!1,slots:n,pageInfo:L,withReturnsListButton:$=!0,isMobile:H=!1,returnsInMinifiedView:X=1,translations:c={},orderReturns:i=[],minifiedView:h=!1,withHeader:_=!0,withThumbnails:V=!0,selectedPage:A=1,handleSetSelectPage:B,routeReturnDetails:m,routeOrderDetails:N,routeTracking:u,routeReturnsList:f,routeProductDetails:d,loading:v})=>{const S=h?X:i.length,z=d!=null&&d()?"a":"span",b=E(()=>i.slice(0,S).map((e,T)=>{var j,F;return r(I,{variant:"secondary",className:"order-returns-list-content__cards-list",children:s("div",{className:"order-returns-list-content__cards-grid",children:[s("div",{className:"order-returns-list-content__descriptions",children:[r("p",{className:"order-returns-list-content__return-status",children:r(k,{id:`Order.Returns.${a}.returnsList.resturnStatus.${n1(e.returnStatus)}`})}),p?s("p",{children:[c.returnNumber," ",r("a",{href:(m==null?void 0:m({returnNumber:e.returnNumber,orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.returnNumber})]}):null,g?s("p",{children:[c.orderNumber," ",r("a",{href:(N==null?void 0:N({orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.orderNumber})]}):null,(j=e==null?void 0:e.tracking)==null?void 0:j.map((t,y)=>{var C,M;const o={title:"",number:(t==null?void 0:t.trackingNumber)??"",carrier:((C=t==null?void 0:t.carrier)==null?void 0:C.label)??""},x=u==null?void 0:u(o);return s("p",{children:[`${c.carrier} `,`${(M=o.carrier)==null?void 0:M.toLocaleUpperCase()} | `,x?r("a",{href:x,target:"_blank",rel:"noreferrer",children:t.trackingNumber}):r("span",{children:t.trackingNumber})]},`${o.number}_${y}`)}),n!=null&&n.ReturnItemsDetails?r(G,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:n==null?void 0:n.ReturnItemsDetails,context:{items:e.items}}):e.items.length?s("p",{children:[e.items.length," ",r(k,{id:`Order.Returns.${a}.returnsList.itemText`,plural:e.items.length,fields:{count:e.items.length}})]}):null]}),V?r(R,{maxColumns:H?3:9,emptyGridContent:r(Z,{}),className:W(["order-returns-list-content__images",["order-returns-list-content__images-3",H]]),children:(F=e==null?void 0:e.items)==null?void 0:F.map((t,y)=>{var C,M;const o=(C=t.thumbnail)==null?void 0:C.label,x=(M=t.thumbnail)==null?void 0:M.url;return r(z,{href:(d==null?void 0:d(t))??"#",children:r(D,{alt:o,src:x,width:85,height:114})},y+t.uid)})}):null,n!=null&&n.DetailsActionParams?r(G,{className:"order-returns-list-content__actions","data-testid":"detailsActionParams",name:"DetailsActionParams",slot:n==null?void 0:n.DetailsActionParams,context:{returnOrderItem:e}}):r("a",{href:(m==null?void 0:m({returnNumber:e.returnNumber,token:e.token,orderNumber:e.orderNumber}))??"#",className:"order-returns-list-content__actions",children:r(w,{source:q,...Q})})]})},T)}),[i,S,a,p,c,m,g,N,n,V,H,d,u,z]),Y=E(()=>s(Z,{children:[_?r(O,{title:c.minifiedViewTitle,divider:!1,className:"order-returns__header--minified"}):null,v?r(U,{withCard:!1}):s(Z,{children:[b,r(J,{minifiedView:h,typeList:"orders",isEmpty:!i.length,message:c.emptyOrdersListMessage}),$?r("a",{className:"order-returns-list-content__actions",href:(f==null?void 0:f())??"#",children:r(I,{variant:"secondary",className:"order-returns-list-content__card",children:s("div",{className:"order-returns-list-content__card-wrapper",children:[r("p",{children:c.viewAllOrdersButton}),r(w,{source:q,...Q})]})})}):null]})]}),[f,$,_,c,b,h,i.length,v]),P=E(()=>s(Z,{children:[_?r(O,{title:c.minifiedViewTitle,divider:!0,className:"order-returns__header--full-size"}):null,v?r(U,{withCard:!1}):s(Z,{children:[r(J,{minifiedView:h,typeList:"orders",isEmpty:!i.length,message:c.emptyOrdersListMessage}),b,(L==null?void 0:L.totalPages)>1?r(r1,{totalPages:L==null?void 0:L.totalPages,currentPage:A,onChange:B}):null]})]}),[b,h,i,c,L,A,B,v,_]);return r("div",{className:"order-returns-list-content",children:h?Y:P})};export{M1 as R}; +import{jsx as r,jsxs as s,Fragment as u}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as w}from"@dropins/tools/preact-hooks.js";import{classes as W,Slot as q}from"@dropins/tools/lib.js";import{IllustratedMessage as R,Icon as V,Card as O,ContentGrid as D,Image as r1,Header as P,Pagination as e1}from"@dropins/tools/components.js";import*as l from"@dropins/tools/preact-compat.js";import{useMemo as n1}from"@dropins/tools/preact-compat.js";import"./OrderCancel.js";import{f as t1}from"./returnOrdersHelper.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import{C as Q}from"./OrderLoaders.js";import{Text as U}from"@dropins/tools/i18n.js";const k=L=>l.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...L},l.createElement("g",{id:"Large"},l.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),l.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},l.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),a1=L=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...L},l.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),J=({typeList:L,isEmpty:p,minifiedView:_,message:n})=>{const a=n1(()=>{switch(L){case"orders":return{icon:a1,text:r("p",{children:n}),className:"order-empty-list--empty-box"};default:return{icon:"",text:"",className:""}}},[L,n]);return!p||!L||!a.text?null:r(R,{className:W(["order-empty-list",a.className,_?"order-empty-list--minified":""]),message:a.text,icon:r(V,{source:a.icon}),"data-testid":"emptyList"})},T={size:"32",stroke:"2"},u1=({minifiedViewKey:L,withReturnNumber:p=!1,withOrderNumber:_=!1,slots:n,pageInfo:a,withReturnsListButton:$=!0,isMobile:y=!1,returnsInMinifiedView:X=1,translations:c={},orderReturns:i=[],minifiedView:h=!1,withHeader:N=!0,withThumbnails:A=!0,selectedPage:B=1,handleSetSelectPage:S,routeReturnDetails:d,routeOrderDetails:g,routeTracking:f,routeReturnsList:v,routeProductDetails:m,loading:b})=>{const z=h?X:i.length,j=m!=null&&m()?"a":"span",x=w(()=>i.slice(0,z).map((e,I)=>{var F,G;const E=((e==null?void 0:e.items)??[]).reduce((t,o)=>(o.requestQuantity??0)+t,0);return r(O,{variant:"secondary",className:"order-returns-list-content__cards-list",children:s("div",{className:"order-returns-list-content__cards-grid",children:[s("div",{className:"order-returns-list-content__descriptions",children:[r("p",{className:"order-returns-list-content__return-status",children:r(U,{id:`Order.Returns.${L}.returnsList.returnStatus.${t1(e.returnStatus)}`})}),p?s("p",{children:[c.returnNumber," ",r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.returnNumber})]}):null,_?s("p",{children:[c.orderNumber," ",r("a",{href:(g==null?void 0:g({orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.orderNumber})]}):null,(F=e==null?void 0:e.tracking)==null?void 0:F.map((t,o)=>{var M,Z;const C={title:"",number:(t==null?void 0:t.trackingNumber)??"",carrier:((M=t==null?void 0:t.carrier)==null?void 0:M.label)??""},H=f==null?void 0:f(C);return s("p",{children:[`${c.carrier} `,`${(Z=C.carrier)==null?void 0:Z.toLocaleUpperCase()} | `,H?r("a",{href:H,target:"_blank",rel:"noreferrer",children:t.trackingNumber}):r("span",{children:t.trackingNumber})]},`${C.number}_${o}`)}),n!=null&&n.ReturnItemsDetails?r(q,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:n==null?void 0:n.ReturnItemsDetails,context:{items:e.items}}):e.items.length?s("p",{children:[E," ",r(U,{id:`Order.Returns.${L}.returnsList.itemText`,plural:E,fields:{count:E}})]}):null]}),A?r(D,{maxColumns:y?3:9,emptyGridContent:r(u,{}),className:W(["order-returns-list-content__images",["order-returns-list-content__images-3",y]]),children:(G=e==null?void 0:e.items)==null?void 0:G.map((t,o)=>{var M,Z;const C=(M=t.thumbnail)==null?void 0:M.label,H=(Z=t.thumbnail)==null?void 0:Z.url;return r(j,{href:(m==null?void 0:m(t))??"#",children:r(r1,{alt:C,src:H,width:85,height:114})},o+t.uid)})}):null,n!=null&&n.DetailsActionParams?r(q,{className:"order-returns-list-content__actions","data-testid":"detailsActionParams",name:"DetailsActionParams",slot:n==null?void 0:n.DetailsActionParams,context:{returnOrderItem:e}}):r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,token:e.token,orderNumber:e.orderNumber}))??"#",className:"order-returns-list-content__actions",children:r(V,{source:k,...T})})]})},I)}),[i,z,L,p,c,d,_,g,n,A,y,m,f,j]),Y=w(()=>s(u,{children:[N?r(P,{title:c.minifiedViewTitle,divider:!1,className:"order-returns__header--minified"}):null,b?r(Q,{withCard:!1}):s(u,{children:[x,r(J,{minifiedView:h,typeList:"orders",isEmpty:!i.length,message:c.emptyOrdersListMessage}),$?r("a",{className:"order-returns-list-content__actions",href:(v==null?void 0:v())??"#",children:r(O,{variant:"secondary",className:"order-returns-list-content__card",children:s("div",{className:"order-returns-list-content__card-wrapper",children:[r("p",{children:c.viewAllOrdersButton}),r(V,{source:k,...T})]})})}):null]})]}),[v,$,N,c,x,h,i.length,b]),K=w(()=>s(u,{children:[N?r(P,{title:c.minifiedViewTitle,divider:!0,className:"order-returns__header--full-size"}):null,b?r(Q,{withCard:!1}):s(u,{children:[r(J,{minifiedView:h,typeList:"orders",isEmpty:!i.length,message:c.emptyOrdersListMessage}),x,(a==null?void 0:a.totalPages)>1?r(e1,{totalPages:a==null?void 0:a.totalPages,currentPage:B,onChange:S}):null]})]}),[x,h,i,c,a==null?void 0:a.totalPages,B,S,b,N]);return r("div",{className:"order-returns-list-content",children:h?Y:K})};export{u1 as R}; diff --git a/scripts/__dropins__/storefront-order/chunks/convertCase.js b/scripts/__dropins__/storefront-order/chunks/convertCase.js index 7401b56b25..9edffe763d 100644 --- a/scripts/__dropins__/storefront-order/chunks/convertCase.js +++ b/scripts/__dropins__/storefront-order/chunks/convertCase.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -const b=s=>s.replace(/_([a-z])/g,(o,e)=>e.toUpperCase()),c=(s,o,e)=>{const u=["string","boolean","number"],p=b;return Array.isArray(s)?s.map(r=>u.includes(typeof r)||r===null?r:typeof r=="object"?c(r,o,e):r):s!==null&&typeof s=="object"?Object.entries(s).reduce((r,[t,n])=>{const f=e&&e[t]?e[t]:p(t);return r[f]=u.includes(typeof n)||n===null?n:c(n,o,e),r},{}):s};export{c as a,b as c}; +const l=r=>r.replace(/_([a-z])/g,(n,s)=>s.toUpperCase()),C=r=>r.replace(/([A-Z])/g,n=>`_${n.toLowerCase()}`),u=(r,n,s)=>{const c=["string","boolean","number"],p=n==="camelCase"?l:C;return Array.isArray(r)?r.map(e=>c.includes(typeof e)||e===null?e:typeof e=="object"?u(e,n,s):e):r!==null&&typeof r=="object"?Object.entries(r).reduce((e,[t,o])=>{const f=s&&s[t]?s[t]:p(t);return e[f]=c.includes(typeof o)||o===null?o:u(o,n,s),e},{}):r};export{u as a,l as c}; diff --git a/scripts/__dropins__/storefront-order/chunks/form.types.js b/scripts/__dropins__/storefront-order/chunks/form.types.js new file mode 100644 index 0000000000..99f6b00e1c --- /dev/null +++ b/scripts/__dropins__/storefront-order/chunks/form.types.js @@ -0,0 +1,3 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +var I=(E=>(E.BOOLEAN="BOOLEAN",E.DATE="DATE",E.DATETIME="DATETIME",E.DROPDOWN="DROPDOWN",E.FILE="FILE",E.GALLERY="GALLERY",E.HIDDEN="HIDDEN",E.IMAGE="IMAGE",E.MEDIA_IMAGE="MEDIA_IMAGE",E.MULTILINE="MULTILINE",E.MULTISELECT="MULTISELECT",E.PRICE="PRICE",E.SELECT="SELECT",E.TEXT="TEXT",E.TEXTAREA="TEXTAREA",E.UNDEFINED="UNDEFINED",E.VISUAL="VISUAL",E.WEIGHT="WEIGHT",E.EMPTY="",E))(I||{});export{I as F}; diff --git a/scripts/__dropins__/storefront-order/chunks/getAttributesForm.js b/scripts/__dropins__/storefront-order/chunks/getAttributesForm.js index 3f61b8c1dd..4798180f90 100644 --- a/scripts/__dropins__/storefront-order/chunks/getAttributesForm.js +++ b/scripts/__dropins__/storefront-order/chunks/getAttributesForm.js @@ -1,6 +1,6 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{h as l}from"./network-error.js";import{f as m,h as _}from"./fetch-graphql.js";import{c as f,a as T}from"./convertCase.js";const b=o=>{let e=[];for(const t of o)if(!(t.frontend_input!=="MULTILINE"||t.multiline_count<2))for(let i=2;i<=t.multiline_count;i++){const a={...t,name:`${t.code}_${i}`,code:`${t.code}_${i}`,id:`${t.code}_${i}`};e.push(a)}return e},h=o=>{var u,c,d;const e=((c=(u=o==null?void 0:o.data)==null?void 0:u.attributesForm)==null?void 0:c.items)||[];if(!e.length)return[];const t=(d=e.filter(r=>{var n;return!((n=r.frontend_input)!=null&&n.includes("HIDDEN"))}))==null?void 0:d.map(({code:r,...n})=>{const s=r!=="country_id"?r:"country_code";return{...n,name:s,id:s,code:s}}),i=b(t);return t.concat(i).map(r=>{const n=f(r.code);return T({...r,customUpperCode:n},"camelCase",{frontend_input:"fieldType",frontend_class:"className",is_required:"required",sort_order:"orderNumber"})}).sort((r,n)=>r.orderNumber-n.orderNumber)},E=` +import{h as i}from"./network-error.js";import{f as u,h as s}from"./fetch-graphql.js";import{t as m}from"./transform-attributes-form.js";const n=` query GET_ATTRIBUTES_FORM($formCode: String!) { attributesForm(formCode: $formCode) { items { @@ -32,7 +32,7 @@ import{h as l}from"./network-error.js";import{f as m,h as _}from"./fetch-graphql } } } -`,p=` +`,_=` query GET_ATTRIBUTES_FORM_SHORT { attributesForm(formCode: "customer_register_address") { items { @@ -46,4 +46,4 @@ import{h as l}from"./network-error.js";import{f as m,h as _}from"./fetch-graphql } } } -`,R=async o=>await m(o!=="shortRequest"?E:p,{method:"GET",cache:"force-cache",variables:{formCode:o}}).then(e=>{var t;return(t=e.errors)!=null&&t.length?_(e.errors):h(e)}).catch(l);export{R as g}; +`,T=async r=>await u(r!=="shortRequest"?n:_,{method:"GET",cache:"force-cache",variables:{formCode:r}}).then(t=>{var e,o,a;return(e=t.errors)!=null&&e.length?s(t.errors):m((a=(o=t==null?void 0:t.data)==null?void 0:o.attributesForm)==null?void 0:a.items)}).catch(i);export{T as g}; diff --git a/scripts/__dropins__/storefront-order/chunks/getCustomer.js b/scripts/__dropins__/storefront-order/chunks/getCustomer.js index 12e7d94435..b6bcf17289 100644 --- a/scripts/__dropins__/storefront-order/chunks/getCustomer.js +++ b/scripts/__dropins__/storefront-order/chunks/getCustomer.js @@ -8,4 +8,4 @@ import{h}from"./network-error.js";import{f,h as i}from"./fetch-graphql.js";impor email } } -`,C=async()=>await f(E,{method:"GET",cache:"force-cache"}).then(t=>{var a;return(a=t.errors)!=null&&a.length?i(t.errors):g(t)}).catch(h);export{C as a,B as g,k as t}; +`,C=async()=>await f(E,{method:"GET",cache:"force-cache"}).then(t=>{var a;return(a=t.errors)!=null&&a.length?i(t.errors):g(t)}).catch(h);export{B as a,C as g,k as t}; diff --git a/scripts/__dropins__/storefront-order/chunks/getCustomerOrdersReturn.js b/scripts/__dropins__/storefront-order/chunks/getCustomerOrdersReturn.js index 790ac7bf5e..2f03d62695 100644 --- a/scripts/__dropins__/storefront-order/chunks/getCustomerOrdersReturn.js +++ b/scripts/__dropins__/storefront-order/chunks/getCustomerOrdersReturn.js @@ -1,9 +1,9 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{h as R}from"./network-error.js";import{f as e,h as E}from"./fetch-graphql.js";import{R as _,P as T,a as o,G as s,O as c,t as u}from"./transform-order-details.js";const h=` -query GET_CUSTOMER_ORDERS_RETURN { +import{h as R}from"./network-error.js";import{f as E,h as _}from"./fetch-graphql.js";import{R as T,P as o,a as s,G as c,O as u,t as h}from"./transform-order-details.js";const n=` +query GET_CUSTOMER_ORDERS_RETURN($pageSize: Int) { customer { - returns { + returns(pageSize: $pageSize) { page_info { page_size total_pages @@ -13,9 +13,9 @@ query GET_CUSTOMER_ORDERS_RETURN { } } } -${_} ${T} ${o} ${s} ${c} -`,A=async()=>await e(h,{method:"GET",cache:"force-cache"}).then(r=>{var t,a;return(t=r.errors)!=null&&t.length?E(r.errors):u((a=r==null?void 0:r.data)==null?void 0:a.customer.returns)}).catch(R);export{A as g}; +${u} +`,G=async(e=50)=>await E(n,{method:"GET",cache:"force-cache",variables:{pageSize:e}}).then(r=>{var t,a;return(t=r.errors)!=null&&t.length?_(r.errors):h((a=r==null?void 0:r.data)==null?void 0:a.customer.returns)}).catch(R);export{G as g}; diff --git a/scripts/__dropins__/storefront-order/chunks/getFormValues.js b/scripts/__dropins__/storefront-order/chunks/getFormValues.js new file mode 100644 index 0000000000..0d76b6a59d --- /dev/null +++ b/scripts/__dropins__/storefront-order/chunks/getFormValues.js @@ -0,0 +1,3 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +const s=n=>{if(!n)return null;const t=new FormData(n);if(n.querySelectorAll('input[type="checkbox"]').forEach(e=>{t.has(e.name)||t.set(e.name,"false"),e.checked&&t.set(e.name,"true")}),t&&typeof t.entries=="function"){const e=t.entries();if(e&&typeof e[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(e)))||{}}return{}};export{s as g}; diff --git a/scripts/__dropins__/storefront-order/chunks/getGuestOrder.graphql.js b/scripts/__dropins__/storefront-order/chunks/getGuestOrder.graphql.js index a9383424b9..373dd4079c 100644 --- a/scripts/__dropins__/storefront-order/chunks/getGuestOrder.graphql.js +++ b/scripts/__dropins__/storefront-order/chunks/getGuestOrder.graphql.js @@ -69,6 +69,9 @@ fragment AddressesList on OrderAddress { gift_receipt_included available_actions is_virtual + items_eligible_for_return { + ...OrderItemDetails + } returns { ...OrderReturns } @@ -91,6 +94,7 @@ fragment AddressesList on OrderAddress { timestamp } items { + __typename id product_sku product_name @@ -146,11 +150,11 @@ ${s} ${n} ${i} ${d} -`,_=` +`,u=` query GET_GUEST_ORDER($input: OrderInformationInput!) { guestOrder(input:$input) { ...guestOrderData } } ${o} -`;export{i as A,o as G,n as O,_ as a}; +`;export{i as A,o as G,n as O,u as a}; diff --git a/scripts/__dropins__/storefront-order/chunks/requestReturn.js b/scripts/__dropins__/storefront-order/chunks/requestReturn.js new file mode 100644 index 0000000000..9d1c33e47d --- /dev/null +++ b/scripts/__dropins__/storefront-order/chunks/requestReturn.js @@ -0,0 +1,52 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +import{h as i}from"./network-error.js";import{f as s,h as o}from"./fetch-graphql.js";import{t as R}from"./transform-attributes-form.js";import{a as c}from"./convertCase.js";const m=` + query GET_ATTRIBUTES_LIST($entityType: AttributeEntityTypeEnum!) { + attributesList(entityType: $entityType) { + items { + ... on CustomerAttributeMetadata { + multiline_count + sort_order + validate_rules { + name + value + } + } + ... on ReturnItemAttributeMetadata { + sort_order + } + code + label + default_value + frontend_input + is_unique + is_required + options { + is_default + label + value + } + } + errors { + type + message + } + } + } +`,f=async n=>await s(m,{method:"GET",cache:"force-cache",variables:{entityType:n}}).then(t=>{var e,r,a;return(e=t.errors)!=null&&e.length?o(t.errors):R((a=(r=t==null?void 0:t.data)==null?void 0:r.attributesList)==null?void 0:a.items)}).catch(i),_=` + fragment OrderReturn on Return { + __typename + uid + status + number + created_at + } +`,T=` +mutation REQUEST_RETURN_ORDER($input: RequestReturnInput!) { + requestReturn(input: $input) { + return { + ...OrderReturn + } + } +} +${_}`,y=async n=>{const t=c(n,"snakeCase",{});return await s(T,{method:"POST",variables:{input:t}}).then(e=>{var u;if((u=e.errors)!=null&&u.length)return o(e.errors);const{created_at:r,...a}=e.data.requestReturn.return;return{...a,createdAt:r}}).catch(i)};export{f as g,y as r}; diff --git a/scripts/__dropins__/storefront-order/chunks/returnOrdersHelper.js b/scripts/__dropins__/storefront-order/chunks/returnOrdersHelper.js index b4ba3d8a05..f33a7b3ddd 100644 --- a/scripts/__dropins__/storefront-order/chunks/returnOrdersHelper.js +++ b/scripts/__dropins__/storefront-order/chunks/returnOrdersHelper.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -const E={PENDING:"pending",AUTHORIZED:"authorized",PARTIALLY_AUTHORIZED:"partiallyAuthorized",RECEIVED:"received",PARTIALLY_RECEIVED:"partiallyReceived",APPROVED:"approved",PARTIALLY_APPROVED:"partiallyApproved",REJECTED:"rejected",PARTIALLY_REJECTED:"partiallyRejected",DENIED:"denied",PROCESSED_AND_CLOSED:"processedAndClosed",CLOSED:"closed"},t=e=>typeof e!="string"?"":E[e]??"";export{t as f}; +import{F as c}from"./form.types.js";const p={PENDING:"pending",AUTHORIZED:"authorized",PARTIALLY_AUTHORIZED:"partiallyAuthorized",RECEIVED:"received",PARTIALLY_RECEIVED:"partiallyReceived",APPROVED:"approved",PARTIALLY_APPROVED:"partiallyApproved",REJECTED:"rejected",PARTIALLY_REJECTED:"partiallyRejected",DENIED:"denied",PROCESSED_AND_CLOSED:"processedAndClosed",CLOSED:"closed"},y=n=>{const s={};return Object.keys(n).forEach(t=>{if(t.match(/_(\d+)$/)){const e=t.replace(/_\d+$/,"");s[e]=n[t]}else s[t]=n[t]}),s},R=(n,s)=>n.map(t=>({...t,id:`${t.id}_${t.fieldType}_${s+1}`,name:`${t.name}_${t.fieldType}_${s+1}`,code:`${t.code}_${t.fieldType}_${s+1}`,customUpperCode:`${t.customUpperCode}_${t.fieldType}_${s+1}`})),_=(n,s)=>n==null?void 0:n.flatMap(t=>Array.from({length:s},(i,e)=>({...t,id:`${t.id}_${t.fieldType}_${e+1}`,name:`${t.name}_${t.fieldType}_${e+1}`,code:`${t.code}_${t.fieldType}_${e+1}`,customUpperCode:`${t.customUpperCode}_${t.fieldType}_${e+1}`}))),$=n=>{const s=[],t=[];return Object.entries(n).forEach(([i,e])=>{const a=i.lastIndexOf("_"),r=i.slice(0,a),u=i.slice(a+1);u===c.MULTISELECT||u===c.SELECT?s.push({attributeCode:r,value:btoa(e)}):t.push({attributeCode:r,value:e})}),{selectedCustomAttributes:s,enteredCustomAttributes:t}},A=n=>typeof n!="string"?"":p[n]??"",l=["REJECTED","PARTIALLY_REJECTED","DENIED","UNCONFIRMED","CLOSED"],C=n=>{const s=n==null?void 0:n.returns.filter(e=>!l.includes(e.returnStatus));return((n==null?void 0:n.itemsEligibleForReturn)??[]).flatMap(e=>{let a=e.quantityShipped,r={...e,returnableQuantity:a};return e.quantityShipped===0&&(r={...r,eligibleForReturn:!1,returnableQuantity:0}),s.forEach(u=>{u.items.forEach(o=>{if((o==null?void 0:o.id)===(e==null?void 0:e.id)){const d=a-o.requestQuantity;a=Math.max(d,0),r={...r,eligibleForReturn:a!==0,returnableQuantity:a}}})}),r}).sort((e,a)=>Number(a.eligibleForReturn)-Number(e.eligibleForReturn))},m=n=>{var i;let s=[];const t=(i=n==null?void 0:n.returns)==null?void 0:i.filter(e=>!l.includes(e.returnStatus)).flatMap(e=>e.items||[]);return t==null||t.forEach(e=>{if(!s.length)s.push({...e,totalQuantity:e.requestQuantity});else{const a=s.findIndex(r=>r.id===e.id);a!==-1?s[a].totalQuantity+=e.requestQuantity:s.push({...e,totalQuantity:e.requestQuantity})}}),{returnedList:s??[],modifyOrder:E(n.items,s)??[]}};function E(n,s){const t=new Map(s.map(i=>[i.id,i]));return n.map(i=>{const e=t.get(i.id);if(e){const a=i.totalQuantity-e.totalQuantity;return a===0?null:{...i,totalQuantity:a}}return i}).filter(i=>i!==null)}export{y as c,m as e,A as f,R as m,$ as n,C as o,_ as r}; diff --git a/scripts/__dropins__/storefront-order/chunks/transform-attributes-form.js b/scripts/__dropins__/storefront-order/chunks/transform-attributes-form.js new file mode 100644 index 0000000000..a3c9fbb2d9 --- /dev/null +++ b/scripts/__dropins__/storefront-order/chunks/transform-attributes-form.js @@ -0,0 +1,3 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +import{c as i,a as d}from"./convertCase.js";const a=n=>{let c=[];for(const e of n)if(!(e.frontend_input!=="MULTILINE"||e.multiline_count<2))for(let o=2;o<=e.multiline_count;o++){const s={...e,name:`${e.code}_${o}`,code:`${e.code}_${o}`,id:`${e.code}_${o}`};c.push(s)}return c},f=(n=[])=>{var s;if(!(n!=null&&n.length))return[];const c=(s=n.filter(t=>{var r;return!((r=t.frontend_input)!=null&&r.includes("HIDDEN"))}))==null?void 0:s.map(({code:t,...r})=>{const u=t!=="country_id"?t:"country_code";return{...r,name:u,id:u,code:u}}),e=a(c);return c.concat(e).map(t=>{const r=i(t.code);return d({...t,customUpperCode:r},"camelCase",{frontend_input:"fieldType",frontend_class:"className",is_required:"required",sort_order:"orderNumber"})}).sort((t,r)=>t.orderNumber-r.orderNumber)};export{f as t}; diff --git a/scripts/__dropins__/storefront-order/chunks/transform-order-details.js b/scripts/__dropins__/storefront-order/chunks/transform-order-details.js index b07a982a39..a47b56da9f 100644 --- a/scripts/__dropins__/storefront-order/chunks/transform-order-details.js +++ b/scripts/__dropins__/storefront-order/chunks/transform-order-details.js @@ -1,6 +1,6 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{a as F}from"./convertCase.js";const J=` +import{a as M}from"./convertCase.js";const J=` fragment ProductDetails on ProductInterface { __typename canonical_url @@ -62,6 +62,8 @@ import{a as F}from"./convertCase.js";const J=` fragment OrderItemDetails on OrderItemInterface { __typename status + product_sku + eligible_for_return product_name product_url_key id @@ -70,7 +72,6 @@ import{a as F}from"./convertCase.js";const J=` quantity_canceled quantity_invoiced quantity_refunded - quantity_returned product_sale_price { value currency @@ -137,4 +138,4 @@ import{a as F}from"./convertCase.js";const J=` } } } -`,B=n=>{var t;if(!((t=n==null?void 0:n.items)!=null&&t.length))return null;const a=n==null?void 0:n.items,s=n==null?void 0:n.page_info;return{ordersReturn:a.map(l=>{var q,v;const{order:i,status:_,number:y,created_at:p}=l,b=((v=(q=l==null?void 0:l.shipping)==null?void 0:q.tracking)==null?void 0:v.map(u=>{const{status:g,carrier:f,tracking_number:e}=u;return{status:g,carrier:f,trackingNumber:e}}))??[],h=l.items.map(u=>{var N;const g=u==null?void 0:u.quantity,f=u==null?void 0:u.status,e=u==null?void 0:u.request_quantity,O=u==null?void 0:u.uid,R=u==null?void 0:u.order_item,E=((N=M([R]))==null?void 0:N.reduce((k,T)=>T,{}))??{};return{uid:O,quantity:g,status:f,requestQuantity:e,...E}});return{createdReturnAt:p,returnStatus:_,token:i==null?void 0:i.token,orderNumber:i==null?void 0:i.number,returnNumber:y,items:h,tracking:b}}).sort((l,i)=>+i.returnNumber-+l.returnNumber),...s?{pageInfo:{pageSize:s.page_size,totalPages:s.total_pages,currentPage:s.current_page}}:{}}},U=n=>n||0,Q=n=>{var a,s,c;return{...n,canonicalUrl:(n==null?void 0:n.canonical_url)||"",urlKey:(n==null?void 0:n.url_key)||"",id:(n==null?void 0:n.uid)||"",name:(n==null?void 0:n.name)||"",sku:(n==null?void 0:n.sku)||"",image:((a=n==null?void 0:n.image)==null?void 0:a.url)||"",productType:(n==null?void 0:n.__typename)||"",thumbnail:{label:((s=n==null?void 0:n.thumbnail)==null?void 0:s.label)||"",url:((c=n==null?void 0:n.thumbnail)==null?void 0:c.url)||""}}},j=n=>{if(!n||!("selected_options"in n))return;const a={};for(const s of n.selected_options)a[s.label]=s.value;return a},w=n=>{const a=n==null?void 0:n.map(c=>({uid:c.uid,label:c.label,values:c.values.map(t=>t.product_name).join(", ")})),s={};return a==null||a.forEach(c=>{s[c.label]=c.values}),Object.keys(s).length>0?s:null},K=n=>(n==null?void 0:n.length)>0?{count:n.length,result:n.map(a=>a.title).join(", ")}:null,M=n=>n==null?void 0:n.filter(a=>a.__typename).map(a=>{var s,c,t,l,i,_,y,p,b,h,q,v,u,g,f,e,O,R,E,N,k,T,C,D,P,A,G,x,S,L;return{type:a==null?void 0:a.__typename,productName:a.product_name,productUrlKey:a.product_url_key,quantityCanceled:(a==null?void 0:a.quantity_canceled)||0,quantityInvoiced:(a==null?void 0:a.quantity_invoiced)||0,quantityOrdered:(a==null?void 0:a.quantity_ordered)||0,quantityRefunded:(a==null?void 0:a.quantity_refunded)||0,quantityReturned:(a==null?void 0:a.quantity_returned)||0,quantityShipped:(a==null?void 0:a.quantity_shipped)||0,id:a==null?void 0:a.id,discounted:((l=(t=(c=(s=a==null?void 0:a.product)==null?void 0:s.price_range)==null?void 0:c.maximum_price)==null?void 0:t.regular_price)==null?void 0:l.value)*(a==null?void 0:a.quantity_ordered)!==((i=a==null?void 0:a.product_sale_price)==null?void 0:i.value)*(a==null?void 0:a.quantity_ordered),total:{value:((_=a==null?void 0:a.product_sale_price)==null?void 0:_.value)*(a==null?void 0:a.quantity_ordered)||0,currency:((y=a==null?void 0:a.product_sale_price)==null?void 0:y.currency)||""},totalInclTax:{value:((p=a==null?void 0:a.product_sale_price)==null?void 0:p.value)*(a==null?void 0:a.quantity_ordered)||0,currency:(b=a==null?void 0:a.product_sale_price)==null?void 0:b.currency},price:{value:((h=a==null?void 0:a.product_sale_price)==null?void 0:h.value)||0,currency:(q=a==null?void 0:a.product_sale_price)==null?void 0:q.currency},priceInclTax:{value:((v=a==null?void 0:a.product_sale_price)==null?void 0:v.value)||0,currency:(u=a==null?void 0:a.product_sale_price)==null?void 0:u.currency},totalQuantity:U(a==null?void 0:a.quantity_ordered),regularPrice:{value:(O=(e=(f=(g=a==null?void 0:a.product)==null?void 0:g.price_range)==null?void 0:f.maximum_price)==null?void 0:e.regular_price)==null?void 0:O.value,currency:(k=(N=(E=(R=a==null?void 0:a.product)==null?void 0:R.price_range)==null?void 0:E.maximum_price)==null?void 0:N.regular_price)==null?void 0:k.currency},product:Q(a==null?void 0:a.product),thumbnail:{label:((C=(T=a==null?void 0:a.product)==null?void 0:T.thumbnail)==null?void 0:C.label)||"",url:((P=(D=a==null?void 0:a.product)==null?void 0:D.thumbnail)==null?void 0:P.url)||""},giftCard:(a==null?void 0:a.__typename)==="GiftCardOrderItem"?{senderName:((A=a.gift_card)==null?void 0:A.sender_name)||"",senderEmail:((G=a.gift_card)==null?void 0:G.sender_email)||"",recipientEmail:((x=a.gift_card)==null?void 0:x.recipient_email)||"",recipientName:((S=a.gift_card)==null?void 0:S.recipient_name)||"",message:((L=a.gift_card)==null?void 0:L.message)||""}:void 0,configurableOptions:j(a),bundleOptions:a.__typename==="BundleOrderItem"?w(a.bundle_options):null,itemPrices:a.prices,downloadableLinks:a.__typename==="DownloadableOrderItem"?K(a==null?void 0:a.downloadable_links):null}}),z=(n,a)=>{var q,v,u,g,f,e;const s=M(n.items),c=((q=B(n==null?void 0:n.returns))==null?void 0:q.ordersReturn)??[],t=a?c.filter(O=>O.returnNumber===a):c,{total:l,...i}=F({...n,items:s,returns:t},"camelCase",{applied_coupons:"coupons",__typename:"__typename",firstname:"firstName",middlename:"middleName",lastname:"lastName",postcode:"postCode",payment_methods:"payments"}),_=(v=n==null?void 0:n.payment_methods)==null?void 0:v[0],y=(_==null?void 0:_.type)||"",p=(_==null?void 0:_.name)||"",b=(u=i==null?void 0:i.items)==null?void 0:u.reduce((O,R)=>O+(R==null?void 0:R.totalQuantity),0);return{...l,...i,totalQuantity:b,shipping:{amount:((g=i==null?void 0:i.total)==null?void 0:g.totalShipping.value)??0,currency:((e=(f=i.total)==null?void 0:f.totalShipping)==null?void 0:e.currency)||"",code:i.shippingMethod??""},payments:[{code:y,name:p}]}},$=(n,a,s)=>{var c,t,l,i,_,y,p;if((i=(l=(t=(c=a==null?void 0:a.data)==null?void 0:c.customer)==null?void 0:t.orders)==null?void 0:l.items)!=null&&i.length&&n==="orderData"){const b=(p=(y=(_=a==null?void 0:a.data)==null?void 0:_.customer)==null?void 0:y.orders)==null?void 0:p.items[0];return z(b,s)}return null};export{Y as B,W as G,X as O,J as P,Z as R,V as a,z as b,$ as c,B as t}; +`,B=a=>{var y;if(!((y=a==null?void 0:a.items)!=null&&y.length))return null;const n=a==null?void 0:a.items,u=a==null?void 0:a.page_info;return{ordersReturn:n.sort((c,_)=>+_.number-+c.number).map(c=>{var O,N;const{order:_,status:p,number:s,created_at:t}=c,q=((N=(O=c==null?void 0:c.shipping)==null?void 0:O.tracking)==null?void 0:N.map(i=>{const{status:g,carrier:f,tracking_number:b}=i;return{status:g,carrier:f,trackingNumber:b}}))??[],E=c.items.map(i=>{var e;const g=i==null?void 0:i.quantity,f=i==null?void 0:i.status,b=i==null?void 0:i.request_quantity,R=i==null?void 0:i.uid,h=i==null?void 0:i.order_item,v=((e=C([h]))==null?void 0:e.reduce((T,k)=>k,{}))??{};return{uid:R,quantity:g,status:f,requestQuantity:b,...v}});return{createdReturnAt:t,returnStatus:p,token:_==null?void 0:_.token,orderNumber:_==null?void 0:_.number,returnNumber:s,items:E,tracking:q}}),...u?{pageInfo:{pageSize:u.page_size,totalPages:u.total_pages,currentPage:u.current_page}}:{}}},U=a=>a||0,Q=a=>{var n,u,l;return{...a,canonicalUrl:(a==null?void 0:a.canonical_url)||"",urlKey:(a==null?void 0:a.url_key)||"",id:(a==null?void 0:a.uid)||"",name:(a==null?void 0:a.name)||"",sku:(a==null?void 0:a.sku)||"",image:((n=a==null?void 0:a.image)==null?void 0:n.url)||"",productType:(a==null?void 0:a.__typename)||"",thumbnail:{label:((u=a==null?void 0:a.thumbnail)==null?void 0:u.label)||"",url:((l=a==null?void 0:a.thumbnail)==null?void 0:l.url)||""}}},j=a=>{if(!a||!("selected_options"in a))return;const n={};for(const u of a.selected_options)n[u.label]=u.value;return n},w=a=>{const n=a==null?void 0:a.map(l=>({uid:l.uid,label:l.label,values:l.values.map(y=>y.product_name).join(", ")})),u={};return n==null||n.forEach(l=>{u[l.label]=l.values}),Object.keys(u).length>0?u:null},K=a=>(a==null?void 0:a.length)>0?{count:a.length,result:a.map(n=>n.title).join(", ")}:null,C=a=>a==null?void 0:a.filter(n=>n.__typename).map(n=>{var u,l,y,c,_,p,s,t,q,E,O,N,i,g,f,b,R,h,v,e,T,k,P,A,G,S,x,D,F,L;return{type:n==null?void 0:n.__typename,eligibleForReturn:n==null?void 0:n.eligible_for_return,productSku:n==null?void 0:n.product_sku,productName:n.product_name,productUrlKey:n.product_url_key,quantityCanceled:(n==null?void 0:n.quantity_canceled)||0,quantityInvoiced:(n==null?void 0:n.quantity_invoiced)||0,quantityOrdered:(n==null?void 0:n.quantity_ordered)||0,quantityRefunded:(n==null?void 0:n.quantity_refunded)||0,quantityReturned:(n==null?void 0:n.quantity_returned)||0,quantityShipped:(n==null?void 0:n.quantity_shipped)||0,id:n==null?void 0:n.id,discounted:((c=(y=(l=(u=n==null?void 0:n.product)==null?void 0:u.price_range)==null?void 0:l.maximum_price)==null?void 0:y.regular_price)==null?void 0:c.value)*(n==null?void 0:n.quantity_ordered)!==((_=n==null?void 0:n.product_sale_price)==null?void 0:_.value)*(n==null?void 0:n.quantity_ordered),total:{value:((p=n==null?void 0:n.product_sale_price)==null?void 0:p.value)*(n==null?void 0:n.quantity_ordered)||0,currency:((s=n==null?void 0:n.product_sale_price)==null?void 0:s.currency)||""},totalInclTax:{value:((t=n==null?void 0:n.product_sale_price)==null?void 0:t.value)*(n==null?void 0:n.quantity_ordered)||0,currency:(q=n==null?void 0:n.product_sale_price)==null?void 0:q.currency},price:{value:((E=n==null?void 0:n.product_sale_price)==null?void 0:E.value)||0,currency:(O=n==null?void 0:n.product_sale_price)==null?void 0:O.currency},priceInclTax:{value:((N=n==null?void 0:n.product_sale_price)==null?void 0:N.value)||0,currency:(i=n==null?void 0:n.product_sale_price)==null?void 0:i.currency},totalQuantity:U(n==null?void 0:n.quantity_ordered),regularPrice:{value:(R=(b=(f=(g=n==null?void 0:n.product)==null?void 0:g.price_range)==null?void 0:f.maximum_price)==null?void 0:b.regular_price)==null?void 0:R.value,currency:(T=(e=(v=(h=n==null?void 0:n.product)==null?void 0:h.price_range)==null?void 0:v.maximum_price)==null?void 0:e.regular_price)==null?void 0:T.currency},product:Q(n==null?void 0:n.product),thumbnail:{label:((P=(k=n==null?void 0:n.product)==null?void 0:k.thumbnail)==null?void 0:P.label)||"",url:((G=(A=n==null?void 0:n.product)==null?void 0:A.thumbnail)==null?void 0:G.url)||""},giftCard:(n==null?void 0:n.__typename)==="GiftCardOrderItem"?{senderName:((S=n.gift_card)==null?void 0:S.sender_name)||"",senderEmail:((x=n.gift_card)==null?void 0:x.sender_email)||"",recipientEmail:((D=n.gift_card)==null?void 0:D.recipient_email)||"",recipientName:((F=n.gift_card)==null?void 0:F.recipient_name)||"",message:((L=n.gift_card)==null?void 0:L.message)||""}:void 0,configurableOptions:j(n),bundleOptions:n.__typename==="BundleOrderItem"?w(n.bundle_options):null,itemPrices:n.prices,downloadableLinks:n.__typename==="DownloadableOrderItem"?K(n==null?void 0:n.downloadable_links):null}}),z=(a,n)=>{var i,g,f,b,R,h;const u=C(a.items),l=C(a==null?void 0:a.items_eligible_for_return),y=u,c=((i=B(a==null?void 0:a.returns))==null?void 0:i.ordersReturn)??[],_=n?c.filter(v=>v.returnNumber===n):c,{total:p,...s}=M({...a,items:u,returns:_,itemsEligibleForReturn:y,itemsEligibleForReturn2:l},"camelCase",{applied_coupons:"coupons",__typename:"__typename",firstname:"firstName",middlename:"middleName",lastname:"lastName",postcode:"postCode",payment_methods:"payments"}),t=(g=a==null?void 0:a.payment_methods)==null?void 0:g[0],q=(t==null?void 0:t.type)||"",E=(t==null?void 0:t.name)||"",O=(f=s==null?void 0:s.items)==null?void 0:f.reduce((v,e)=>v+(e==null?void 0:e.totalQuantity),0);return{...p,...s,totalQuantity:O,shipping:{amount:((b=s==null?void 0:s.total)==null?void 0:b.totalShipping.value)??0,currency:((h=(R=s.total)==null?void 0:R.totalShipping)==null?void 0:h.currency)||"",code:s.shippingMethod??""},payments:[{code:q,name:E}]}},$=(a,n,u)=>{var l,y,c,_,p,s,t;if((_=(c=(y=(l=n==null?void 0:n.data)==null?void 0:l.customer)==null?void 0:y.orders)==null?void 0:c.items)!=null&&_.length&&a==="orderData"){const q=(t=(s=(p=n==null?void 0:n.data)==null?void 0:p.customer)==null?void 0:s.orders)==null?void 0:t.items[0];return z(q,u)}return null};export{Y as B,W as G,X as O,J as P,Z as R,V as a,z as b,$ as c,B as t}; diff --git a/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/ReturnOrderMessage.d.ts b/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/ReturnOrderMessage.d.ts new file mode 100644 index 0000000000..c8eed19583 --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/ReturnOrderMessage.d.ts @@ -0,0 +1,5 @@ +import { FunctionComponent } from 'preact'; +import { ReturnOrderMessageProps } from '../../types/createReturn.types'; + +export declare const ReturnOrderMessage: FunctionComponent; +//# sourceMappingURL=ReturnOrderMessage.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/index.d.ts b/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/index.d.ts new file mode 100644 index 0000000000..3f22f19673 --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnOrderMessage/index.d.ts @@ -0,0 +1,3 @@ +export * from './ReturnOrderMessage'; +export { ReturnOrderMessage as default } from './ReturnOrderMessage'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/ReturnOrderProductList.d.ts b/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/ReturnOrderProductList.d.ts new file mode 100644 index 0000000000..da048c0ffb --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/ReturnOrderProductList.d.ts @@ -0,0 +1,5 @@ +import { FunctionComponent } from 'preact'; +import { ReturnOrderProductListProps } from '../../types/createReturn.types'; + +export declare const ReturnOrderProductList: FunctionComponent; +//# sourceMappingURL=ReturnOrderProductList.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/index.d.ts b/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/index.d.ts new file mode 100644 index 0000000000..c876e7fe1d --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnOrderProductList/index.d.ts @@ -0,0 +1,3 @@ +export * from './ReturnOrderProductList'; +export { ReturnOrderProductList as default } from './ReturnOrderProductList'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/ReturnReasonForm/ReturnReasonForm.d.ts b/scripts/__dropins__/storefront-order/components/ReturnReasonForm/ReturnReasonForm.d.ts new file mode 100644 index 0000000000..a3b3732d27 --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnReasonForm/ReturnReasonForm.d.ts @@ -0,0 +1,5 @@ +import { FunctionComponent } from 'preact'; +import { ReturnReasonFormProps } from '../../types/createReturn.types'; + +export declare const ReturnReasonForm: FunctionComponent; +//# sourceMappingURL=ReturnReasonForm.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/ReturnReasonForm/index.d.ts b/scripts/__dropins__/storefront-order/components/ReturnReasonForm/index.d.ts new file mode 100644 index 0000000000..fcad1c79c9 --- /dev/null +++ b/scripts/__dropins__/storefront-order/components/ReturnReasonForm/index.d.ts @@ -0,0 +1,3 @@ +export * from './ReturnReasonForm'; +export { ReturnReasonForm as default } from './ReturnReasonForm'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/components/index.d.ts b/scripts/__dropins__/storefront-order/components/index.d.ts index 65eb2118f4..1960b8b54f 100644 --- a/scripts/__dropins__/storefront-order/components/index.d.ts +++ b/scripts/__dropins__/storefront-order/components/index.d.ts @@ -9,6 +9,9 @@ export * from './EmptyList'; export * from './ReturnsListContent'; export * from './OrderProductListContent'; export * from './OrderCostSummaryContent'; +export * from './ReturnOrderProductList'; +export * from './ReturnOrderMessage'; +export * from './ReturnReasonForm'; export * from './OrderCancel'; export * from './Reorder'; //# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/configs/mock.config.d.ts b/scripts/__dropins__/storefront-order/configs/mock.config.d.ts index 2caf144835..5a2bd06c30 100644 --- a/scripts/__dropins__/storefront-order/configs/mock.config.d.ts +++ b/scripts/__dropins__/storefront-order/configs/mock.config.d.ts @@ -1724,4 +1724,1173 @@ export declare const translationsOrderCostSummaryMock: { discountSubtitle: string; total: string; }; +export declare const createReturnOrderMock: { + grandTotal: { + value: number; + currency: string; + }; + totalGiftcard: { + currency: string; + value: number; + }; + subtotal: { + currency: string; + value: number; + }; + taxes: { + amount: { + currency: string; + value: number; + }; + rate: number; + title: string; + }[]; + totalTax: { + currency: string; + value: number; + }; + totalShipping: { + currency: string; + value: number; + }; + discounts: { + amount: { + currency: string; + value: number; + }; + label: string; + }[]; + email: string; + availableActions: string[]; + status: string; + number: string; + id: string; + orderDate: string; + orderStatusChangeDate: string; + carrier: string; + shippingMethod: string; + isVirtual: boolean; + returns: { + createdReturnAt: string; + returnStatus: string; + token: string; + orderNumber: string; + returnNumber: string; + items: ({ + uid: string; + quantity: number; + status: string; + requestQuantity: number; + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Size?: undefined; + Color?: undefined; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + uid: string; + quantity: number; + status: string; + requestQuantity: number; + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Size: string; + Color: string; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + })[]; + tracking: never[]; + }[]; + itemsEligibleForReturn: ({ + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color: string; + Size: string; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: { + 'Sprite Stasis Ball': string; + 'Sprite Foam Yoga Brick': string; + 'Sprite Yoga Strap': string; + 'Sprite Foam Roller': string; + }; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + })[]; + coupons: never[]; + shipments: { + id: string; + number: string; + tracking: never[]; + comments: never[]; + items: { + id: string; + productSku: string; + productName: string; + orderItem: { + __typename: string; + status: string; + productSku: string; + eligibleForReturn: boolean; + productName: string; + productUrlKey: string; + id: string; + quantityOrdered: number; + quantityShipped: number; + quantityCanceled: number; + quantityInvoiced: number; + quantityRefunded: number; + productSalePrice: { + value: number; + currency: string; + }; + selectedOptions: { + label: string; + value: string; + }[]; + product: { + __typename: string; + canonicalUrl: null; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + }; + prices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + }; + }[]; + }[]; + payments: { + code: string; + name: string; + }[]; + shippingAddress: { + city: string; + company: null; + countryCode: string; + fax: null; + firstName: string; + lastName: string; + middleName: null; + postCode: string; + prefix: null; + region: string; + regionId: string; + street: string[]; + suffix: null; + telephone: string; + vatId: string; + }; + billingAddress: { + city: string; + company: null; + countryCode: string; + fax: null; + firstName: string; + lastName: string; + middleName: null; + postCode: string; + prefix: null; + region: string; + regionId: string; + street: string[]; + suffix: null; + telephone: string; + vatId: string; + }; + items: ({ + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color: string; + Size: string; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: { + 'Sprite Stasis Ball': string; + 'Sprite Foam Yoga Brick': string; + 'Sprite Yoga Strap': string; + 'Sprite Foam Roller': string; + }; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + })[]; + itemsEligibleForReturn2: ({ + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color: string; + Size: string; + }; + bundleOptions: null; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + } | { + type: string; + eligibleForReturn: boolean; + productSku: string; + productName: string; + productUrlKey: string; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + id: string; + discounted: boolean; + total: { + value: number; + currency: string; + }; + totalInclTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + priceInclTax: { + value: number; + currency: string; + }; + totalQuantity: number; + regularPrice: { + value: number; + currency: string; + }; + product: { + __typename: string; + canonicalUrl: string; + urlKey: string; + uid: string; + name: string; + sku: string; + onlyXLeftInStock: null; + stockStatus: string; + thumbnail: { + label: string; + url: string; + }; + priceRange: { + maximumPrice: { + regularPrice: { + currency: string; + value: number; + }; + }; + }; + id: string; + image: string; + productType: string; + }; + thumbnail: { + label: string; + url: string; + }; + configurableOptions: { + Color?: undefined; + Size?: undefined; + }; + bundleOptions: { + 'Sprite Stasis Ball': string; + 'Sprite Foam Yoga Brick': string; + 'Sprite Yoga Strap': string; + 'Sprite Foam Roller': string; + }; + itemPrices: { + priceIncludingTax: { + value: number; + currency: string; + }; + originalPrice: { + value: number; + currency: string; + }; + originalPriceIncludingTax: { + value: number; + currency: string; + }; + price: { + value: number; + currency: string; + }; + }; + downloadableLinks: null; + })[]; + totalQuantity: number; + shipping: { + amount: number; + currency: string; + code: string; + }; + returnNumber: string; +}; //# sourceMappingURL=mock.config.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/containers/CreateReturn.d.ts b/scripts/__dropins__/storefront-order/containers/CreateReturn.d.ts new file mode 100644 index 0000000000..7ef9151ae3 --- /dev/null +++ b/scripts/__dropins__/storefront-order/containers/CreateReturn.d.ts @@ -0,0 +1,3 @@ +export * from './CreateReturn/index' +import _default from './CreateReturn/index' +export default _default diff --git a/scripts/__dropins__/storefront-order/containers/CreateReturn.js b/scripts/__dropins__/storefront-order/containers/CreateReturn.js new file mode 100644 index 0000000000..17efca2445 --- /dev/null +++ b/scripts/__dropins__/storefront-order/containers/CreateReturn.js @@ -0,0 +1,3 @@ +/*! Copyright 2024 Adobe +All Rights Reserved. */ +import{jsx as r,jsxs as x}from"@dropins/tools/preact-jsx-runtime.js";import{classes as q,Slot as P}from"@dropins/tools/lib.js";import{Checkbox as H,Button as Q,CartItem as V,Image as W,Header as Z,InLineAlert as D}from"@dropins/tools/components.js";import{u as z,a as U}from"../chunks/OrderCancel.js";import{useState as _,useRef as K,useEffect as T,useCallback as F}from"@dropins/tools/preact-hooks.js";import{events as G}from"@dropins/tools/event-bus.js";import{g as J}from"../chunks/getFormValues.js";import{s as X}from"../chunks/setTaxStatus.js";import{createRef as Y,Fragment as I}from"@dropins/tools/preact.js";import{o as ee,c as te,n as ne,r as re,m as ae}from"../chunks/returnOrdersHelper.js";import{g as se,r as ie}from"../chunks/requestReturn.js";import{g as ce}from"../chunks/getStoreConfig.js";import*as y from"@dropins/tools/preact-compat.js";import{S as ue,C as oe}from"../chunks/CartSummaryItem.js";import{O as le}from"../chunks/OrderLoaders.js";import{useText as de}from"@dropins/tools/i18n.js";import"../chunks/form.types.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-attributes-form.js";import"../chunks/convertCase.js";const pe=a=>y.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},y.createElement("g",{clipPath:"url(#clip0_841_1324)"},y.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),y.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),y.createElement("defs",null,y.createElement("clipPath",{id:"clip0_841_1324"},y.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),he=a=>y.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},y.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),y.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),ge=({onSuccess:a,onError:i,handleSetInLineAlert:c,orderData:d})=>{const[u,p]=_(d),[R,f]=_("products"),[O,b]=_(!0),[s,m]=_([]),[S,w]=_([]),[e,L]=_({taxIncluded:!1,taxExcluded:!1}),[t,h]=_([]),k=K([]);k.current.length!==s.length&&(k.current=s.map((n,o)=>k.current[o]||Y())),T(()=>{const n=G.on("order/data",o=>{p(o),h(ee(o)),b(!1)},{eager:!0});return()=>{n==null||n.off()}},[]),T(()=>{ce().then(n=>{if(n){const o=X(n==null?void 0:n.shoppingCartDisplayPrice);L(o)}})},[]),T(()=>{se("RMA_ITEM").then(n=>{n.length&&(w(n),b(!1))})},[]);const N=F(n=>{m(o=>o.findIndex(l=>(l==null?void 0:l.productSku)===(n==null?void 0:n.productSku))>-1?o.filter(l=>(l==null?void 0:l.productSku)!==(n==null?void 0:n.productSku)):[...o,n])},[]),C=F(n=>{f(n),c(),n==="products"&&m([])},[c]),A=F((n,o)=>{const v=s.map(l=>l.productSku===o?{...l,currentReturnOrderQuantity:n}:l);m(v)},[s]),E=F(async(n,o)=>{if(!o)return null;b(!0);const v={orderUid:(u==null?void 0:u.id)??"",contactEmail:(u==null?void 0:u.email)??""},l=[];k.current.length&&k.current.forEach(({current:g})=>{var M;const $=g==null?void 0:g.name.replace(/_\d+$/,""),j=((M=g==null?void 0:g.dataset)==null?void 0:M.quantity)??1,B=te(J(g));l.push({orderItemUid:$,quantityToReturn:+j,...ne(B)})}),ie({...v,items:l}).then(g=>{g&&(a==null||a(g),C("success"),c())}).catch(g=>{i==null||i(g.message),c({type:"error",heading:g.message})}),b(!1)},[C,i,a,c,u]);return{order:u,steps:R,loading:O,formsRef:k,taxConfig:e,attributesList:S,selectedProductList:s,itemsEligibleForReturn:t,handleSelectedProductList:N,handleSetQuantity:A,handleChangeStep:C,onSubmit:E}},me={success:r(he,{}),warning:r(pe,{}),error:r(ue,{})},fe=()=>{const[a,i]=_({type:"success",heading:""}),c=F(d=>{if(!(d!=null&&d.type)){i({type:"success",heading:""});return}const u=me[d.type];i({...d,icon:u})},[]);return{inLineAlertProps:a,handleSetInLineAlert:c}},be=({itemsEligibleForReturn:a,slots:i,loading:c=!1,taxConfig:d,translations:u={},selectedProductList:p,handleSelectedProductList:R,showConfigurableOptions:f,handleSetQuantity:O,handleChangeStep:b})=>x("ul",{className:"order-return-order-product-list",children:[a==null?void 0:a.map((s,m)=>{const S=p.some(e=>(e==null?void 0:e.productSku)===s.productSku&&s.eligibleForReturn&&s.quantityReturned===0),w=s.returnableQuantity===0?1:s.returnableQuantity;return x("li",{className:q(["order-return-order-product-list__item",["order-return-order-product-list__item--blur",!s.eligibleForReturn]]),children:[r(H,{"data-testid":`key_${m}`,name:`key_${m}`,checked:S,disabled:!s.eligibleForReturn||s.quantityReturned!==0,onChange:()=>{R({...s,currentReturnOrderQuantity:1})}}),r(oe,{loading:c,product:{...s,totalQuantity:w},itemType:"",taxConfig:d,translations:u,showConfigurableOptions:f,disabledIncrementer:!S,isReturnProductList:!0,onQuantity:(s==null?void 0:s.returnableQuantity)>1?e=>O(e,s.productSku):void 0}),r(P,{"data-testid":"returnOrderItem",name:"ReturnOrderItem",slot:i==null?void 0:i.ReturnOrderItem})]},m)}),r("li",{className:"order-return-order-product-list__item",children:r(Q,{type:"button",onClick:()=>b("attributes"),disabled:!p.length,children:u.nextStep})})]}),ke=({routeReturnSuccess:a,translations:i,orderData:c})=>{const d=()=>{window.location.href=(a==null?void 0:a(c))??"#"};return x("div",{className:"order-return-order-message",children:[r("p",{className:"order-return-order-message__title",children:i.successTitle}),r("p",{className:"order-return-order-message__subtitle",children:i.successMessage}),r(Q,{onClick:d,type:"button",children:i.backStore})]})},ye=({slots:a,formsRef:i,selectedProductList:c,loading:d,fieldsConfig:u,translations:p,handleChangeStep:R,onSubmit:f})=>{const{formData:O,errors:b,formRef:s,handleChange:m,handleBlur:S,handleSubmit:w}=z({fieldsConfig:re(u,c==null?void 0:c.length),onSubmit:f});return x("form",{className:"order-return-reason-form",ref:s,onSubmit:w,name:"returnReasonForm",children:[c.map((e,L)=>{var E,n,o,v,l;const t=(e==null?void 0:e.giftCard)||{},h=e==null?void 0:e.product,k=ae(u,L),N=`${e==null?void 0:e.id}_${L}`,C=(e==null?void 0:e.currentReturnOrderQuantity)??1,A={...e!=null&&e.currentReturnOrderQuantity?{Quantity:C}:{},..."configurableOptions"in e?e.configurableOptions:{},..."bundleOptions"in e?e.bundleOptions:{},..."senderName"in t?{[p.sender]:t==null?void 0:t.senderName}:{},..."senderEmail"in t&&(t!=null&&t.senderEmail)?{[p.sender]:t==null?void 0:t.senderEmail}:{},..."recipientName"in t&&(t!=null&&t.recipientName)?{[p.recipient]:t==null?void 0:t.recipientName}:{},..."recipientEmail"in t&&(t!=null&&t.recipientEmail)?{[p.recipient]:t==null?void 0:t.recipientEmail}:{},..."message"in t&&(t!=null&&t.message)?{[p.message]:t==null?void 0:t.message}:{},..."downloadableLinks"in e&&(e!=null&&e.downloadableLinks)?{[`${(E=e==null?void 0:e.downloadableLinks)==null?void 0:E.count} ${p.downloadableCount}`]:(n=e==null?void 0:e.downloadableLinks)==null?void 0:n.result}:{}};return x(I,{children:[r(V,{loading:d,title:r("div",{"data-testid":"product-name",children:(o=e==null?void 0:e.product)==null?void 0:o.name}),sku:r("div",{children:h==null?void 0:h.sku}),image:r(W,{src:((v=h==null?void 0:h.thumbnail)==null?void 0:v.url)??"",alt:((l=h==null?void 0:h.thumbnail)==null?void 0:l.label)??"",loading:"lazy",width:"90",height:"120"}),configurations:A}),r("form",{name:N,ref:i==null?void 0:i.current[L],"data-quantity":C,children:r(U,{className:"className",loading:d,fields:k,onChange:m,onBlur:S,errors:b,values:O})})]},L)}),r(P,{"data-testid":"returnFormActions",name:"ReturnFormActions",slot:a==null?void 0:a.ReturnFormActions,context:{handleChangeStep:R},children:x("div",{className:"order-return-reason-form__actions",children:[r(Q,{variant:"secondary",type:"button",onClick:()=>{R("products")},children:p.backStep}),r(Q,{children:p.submit})]})})]})},He=({className:a,orderData:i,slots:c,onSuccess:d,onError:u,routeReturnSuccess:p,showConfigurableOptions:R})=>{const f=de({headerText:"Order.CreateReturn.headerText",successTitle:"Order.CreateReturn.success.title",successMessage:"Order.CreateReturn.success.message",sender:"Order.CreateReturn.giftCard.sender",recipient:"Order.CreateReturn.giftCard.recipient",message:"Order.CreateReturn.giftCard.message",outOfStock:"Order.CreateReturn.stockStatus.outOfStock",nextStep:"Order.CreateReturn.buttons.nextStep",backStep:"Order.CreateReturn.buttons.backStep",submit:"Order.CreateReturn.buttons.submit",backStore:"Order.CreateReturn.buttons.backStore",downloadableCount:"Order.CreateReturn.downloadableCount",returnedItems:"Order.CreateReturn.returnedItems"}),{inLineAlertProps:O,handleSetInLineAlert:b}=fe(),{order:s,itemsEligibleForReturn:m,formsRef:S,taxConfig:w,attributesList:e,steps:L,loading:t,selectedProductList:h,handleSelectedProductList:k,handleSetQuantity:N,handleChangeStep:C,onSubmit:A}=ge({orderData:i,onSuccess:d,onError:u,handleSetInLineAlert:b});if(t)return r("div",{children:r(le,{})});if(!t&&!e.length)return r("div",{});const E={products:r(be,{itemsEligibleForReturn:m,slots:c,translations:f,loading:t,taxConfig:w,selectedProductList:h,handleSelectedProductList:k,showConfigurableOptions:R,handleSetQuantity:N,handleChangeStep:C}),attributes:r(ye,{slots:c,formsRef:S,loading:t,fieldsConfig:e,selectedProductList:h,handleChangeStep:C,translations:f,onSubmit:A}),success:r(ke,{translations:f,routeReturnSuccess:p,orderData:s}),error:null};return x("div",{className:q(["order-create-return",a]),children:[r(Z,{title:f.headerText}),O.heading?r(D,{className:"order-create-return_notification",variant:"secondary","data-testid":"orderCreateReturnNotification",...O}):null,E[L]]})};export{He as CreateReturn,He as default}; diff --git a/scripts/__dropins__/storefront-order/containers/CreateReturn/CreateReturn.d.ts b/scripts/__dropins__/storefront-order/containers/CreateReturn/CreateReturn.d.ts new file mode 100644 index 0000000000..1ccb9ecf3f --- /dev/null +++ b/scripts/__dropins__/storefront-order/containers/CreateReturn/CreateReturn.d.ts @@ -0,0 +1,5 @@ +import { Container } from '@dropins/tools/types/elsie/src/lib'; +import { CreateReturnProps } from '../../types/createReturn.types'; + +export declare const CreateReturn: Container; +//# sourceMappingURL=CreateReturn.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/containers/CreateReturn/index.d.ts b/scripts/__dropins__/storefront-order/containers/CreateReturn/index.d.ts new file mode 100644 index 0000000000..54f99d5c03 --- /dev/null +++ b/scripts/__dropins__/storefront-order/containers/CreateReturn/index.d.ts @@ -0,0 +1,3 @@ +export * from './CreateReturn'; +export { CreateReturn as default } from './CreateReturn'; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/containers/CustomerDetails.js b/scripts/__dropins__/storefront-order/containers/CustomerDetails.js index f7640a3db6..980a3365c8 100644 --- a/scripts/__dropins__/storefront-order/containers/CustomerDetails.js +++ b/scripts/__dropins__/storefront-order/containers/CustomerDetails.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as r,jsxs as i,Fragment as K}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as G,classes as g}from"@dropins/tools/lib.js";import{useState as y,useEffect as H,useCallback as V,useMemo as j}from"@dropins/tools/preact-hooks.js";import{events as J}from"@dropins/tools/event-bus.js";import{c as Q}from"../chunks/convertCase.js";import{g as U}from"../chunks/getAttributesForm.js";import{Icon as X,Price as Y,Card as ee,Header as te}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import*as a from"@dropins/tools/preact-compat.js";import{f as re}from"../chunks/returnOrdersHelper.js";import{f as ne}from"../chunks/formatDateToLocale.js";import{D as se}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact.js";import{Text as ie,useText as oe}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const ce=d=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),ae=d=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.00718 5H22.1507C22.7047 5 23.1579 5.45323 23.1579 6.00718V7.51794C23.1579 7.51794 1.01007 7.58844 1 7.55823V6.00718C1 5.45323 1.45323 5 2.00718 5Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M23.1579 9.78409V18.3451C23.1579 18.899 22.7047 19.3523 22.1507 19.3523H2.00718C1.45323 19.3523 1 18.899 1 18.3451V9.78409H23.1579Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3.01465 15.9682H8.40305",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.6192 17.5897C18.4535 17.5897 19.1299 16.9133 19.1299 16.0789C19.1299 15.2446 18.4535 14.5682 17.6192 14.5682C16.7848 14.5682 16.1084 15.2446 16.1084 16.0789C16.1084 16.9133 16.7848 17.5897 17.6192 17.5897Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.8848 17.5897C20.7192 17.5897 21.3956 16.9133 21.3956 16.0789C21.3956 15.2446 20.7192 14.5682 19.8848 14.5682C19.0504 14.5682 18.374 15.2446 18.374 16.0789C18.374 16.9133 19.0504 17.5897 19.8848 17.5897Z",stroke:"currentColor",strokeWidth:1})),de=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],le=({orderData:d})=>{const[t,_]=y(!0),[l,p]=y(d),[u,e]=y([]);H(()=>{const n=J.on("order/data",m=>{p(m)},{eager:!0});return()=>{n==null||n.off()}},[]),H(()=>{U("shortRequest").then(n=>{if(n){const m=n.map(({name:s,orderNumber:C,label:f})=>({name:Q(s),orderNumber:C,label:de.includes(s)?null:f}));e(m)}}).finally(()=>{_(!1)})},[]);const o=V(n=>{if(!u.length||!l||!l[n])return[];const m=Object.fromEntries(Object.entries(l[n]).map(([s,C])=>[s.toLowerCase(),C]));return u.filter(({name:s})=>m[s.toLowerCase()]).map(s=>({name:s.name,orderNumber:s.orderNumber,value:m[s.name.toLowerCase()],label:s.label}))},[u,l]),h=j(()=>({billingAddress:o("billingAddress"),shippingAddress:o("shippingAddress")}),[o]);return{order:l,normalizeAddress:h,loading:t}},me=({loading:d,order:t,withHeader:_=!0,title:l,paymentIconsMap:p={},normalizeAddress:u,translations:e,slots:o})=>{var L,O,E,T,w,S;const h=!!(t!=null&&t.returnNumber),n=(L=t==null?void 0:t.returns)==null?void 0:L[0],m=j(()=>({checkmo:ce,card:ae,...p}),[p]),s=V(q=>{var x;return(x=u[q])==null?void 0:x.map((c,F)=>r("p",{children:c.label?`${c.label}: ${Array.isArray(c.value)?c.value.join(" "):c==null?void 0:c.value}`:Array.isArray(c.value)?c.value.join(" "):c==null?void 0:c.value},F))},[u]);if(!t||d)return r(se,{});const C=(t==null?void 0:t.email)??"",f=(O=t==null?void 0:t.shipping)==null?void 0:O.code,N=(E=t==null?void 0:t.shipping)==null?void 0:E.amount,R=(T=t==null?void 0:t.shipping)==null?void 0:T.currency,v=t==null?void 0:t.payments,k=v&&v.length>0,D=k?(w=v[0])==null?void 0:w.name:"",M=k?(S=v[0])==null?void 0:S.code:"",W=k&&D!=="",b=s("shippingAddress")??[],A=s("billingAddress")??[],I=i("div",{className:"order-customer-details-content__container-email",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.emailTitle}),r("p",{children:C})]}),P=h?i("div",{className:"order-customer-details-content__container-return-information",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.returnInformationTitle}),r("div",{className:"order-customer-details-content__container-description",children:o!=null&&o.OrderReturnInformation?r(G,{"data-testid":"OrderReturnInformation",name:"OrderReturnInformation",slot:o==null?void 0:o.OrderReturnInformation,context:n}):i(K,{children:[i("p",{children:[e.createdReturnAt,r("span",{children:ne(n==null?void 0:n.createdReturnAt)})]}),i("p",{children:[e.returnStatusLabel,r(ie,{id:`Order.CustomerDetails.returnStatus.${re(n==null?void 0:n.returnStatus)}`})]}),i("p",{children:[e.orderNumberLabel,r("span",{children:n==null?void 0:n.orderNumber})]})]})})]}):null,Z=b.length?i("div",{className:"order-customer-details-content__container-shipping_address",children:[r("div",{className:"order-customer-details-content__container-title",children:e.shippingAddressTitle}),r("div",{className:"order-customer-details-content__container-description",children:b})]}):null,$=A.length?i("div",{className:g(["order-customer-details-content__container-billing_address",["order-customer-details-content__container-billing_address--fullwidth",!b.length]]),children:[r("div",{className:"order-customer-details-content__container-title",children:e.billingAddressTitle}),r("div",{className:"order-customer-details-content__container-description",children:A})]}):null,z=W?i("div",{className:g(["order-customer-details-content__container-payment_methods",["order-customer-details-content__container-payment_methods--fullwidth",!f]]),children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.paymentMethodsTitle}),i("p",{"data-testid":"payment_methods_description",className:g([["order-customer-details-content__container-payment_methods--icon",!!m[M]]]),children:[r(X,{source:m[M]}),D]})]}):null,B=f?i("div",{className:"order-customer-details-content__container-shipping_methods",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.shippingMethodsTitle}),N?i("p",{"data-testid":"shipping_methods_price",children:[r(Y,{amount:N,currency:R})," ",f]}):r("p",{"data-testid":"shipping_methods_placeholder",children:e==null?void 0:e.freeShipping})]}):null;return i(ee,{"data-testid":"order-details",variant:"secondary",className:g(["order-customer-details-content"]),children:[_?r(te,{title:l??(e==null?void 0:e.headerText)}):null,i("div",{className:g(["order-customer-details-content__container",["order-customer-details-content__container--no-margin",b.length||A.length]]),children:[I,Z,h?P:$,h?null:B,h?null:z]})]})},Oe=({paymentIconsMap:d,orderData:t,title:_,className:l,slots:p})=>{const u=oe({emailTitle:"Order.CustomerDetails.email.title",shippingAddressTitle:"Order.CustomerDetails.shippingAddress.title",shippingMethodsTitle:"Order.CustomerDetails.shippingMethods.title",billingAddressTitle:"Order.CustomerDetails.billingAddress.title",paymentMethodsTitle:"Order.CustomerDetails.paymentMethods.title",returnInformationTitle:"Order.CustomerDetails.returnInformation.title",headerText:"Order.CustomerDetails.headerText",freeShipping:"Order.CustomerDetails.freeShipping",createdReturnAt:"Order.CustomerDetails.orderReturnLabels.createdReturnAt",orderNumberLabel:"Order.CustomerDetails.orderReturnLabels.orderNumberLabel",returnStatusLabel:"Order.CustomerDetails.orderReturnLabels.returnStatusLabel"}),{order:e,normalizeAddress:o,loading:h}=le({orderData:t});return r("div",{className:g(["order-customer-details",l]),children:r(me,{slots:p,loading:h,order:e,title:_,paymentIconsMap:d,normalizeAddress:o,translations:u})})};export{Oe as CustomerDetails,Oe as default}; +import{jsx as r,jsxs as s,Fragment as K}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as G,classes as g}from"@dropins/tools/lib.js";import{useState as y,useEffect as H,useCallback as V,useMemo as j}from"@dropins/tools/preact-hooks.js";import{events as J}from"@dropins/tools/event-bus.js";import{c as Q}from"../chunks/convertCase.js";import{g as U}from"../chunks/getAttributesForm.js";import"@dropins/tools/preact.js";import{Icon as X,Price as Y,Card as ee,Header as te}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import*as a from"@dropins/tools/preact-compat.js";import{f as re}from"../chunks/returnOrdersHelper.js";import{f as ne}from"../chunks/formatDateToLocale.js";import{D as ie}from"../chunks/OrderLoaders.js";import{Text as se,useText as oe}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-attributes-form.js";import"../chunks/form.types.js";const ce=d=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),ae=d=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...d},a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.00718 5H22.1507C22.7047 5 23.1579 5.45323 23.1579 6.00718V7.51794C23.1579 7.51794 1.01007 7.58844 1 7.55823V6.00718C1 5.45323 1.45323 5 2.00718 5Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M23.1579 9.78409V18.3451C23.1579 18.899 22.7047 19.3523 22.1507 19.3523H2.00718C1.45323 19.3523 1 18.899 1 18.3451V9.78409H23.1579Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M3.01465 15.9682H8.40305",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round"}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.6192 17.5897C18.4535 17.5897 19.1299 16.9133 19.1299 16.0789C19.1299 15.2446 18.4535 14.5682 17.6192 14.5682C16.7848 14.5682 16.1084 15.2446 16.1084 16.0789C16.1084 16.9133 16.7848 17.5897 17.6192 17.5897Z",stroke:"currentColor",strokeWidth:1}),a.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.8848 17.5897C20.7192 17.5897 21.3956 16.9133 21.3956 16.0789C21.3956 15.2446 20.7192 14.5682 19.8848 14.5682C19.0504 14.5682 18.374 15.2446 18.374 16.0789C18.374 16.9133 19.0504 17.5897 19.8848 17.5897Z",stroke:"currentColor",strokeWidth:1})),de=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],le=({orderData:d})=>{const[t,_]=y(!0),[l,p]=y(d),[u,e]=y([]);H(()=>{const n=J.on("order/data",m=>{p(m)},{eager:!0});return()=>{n==null||n.off()}},[]),H(()=>{U("shortRequest").then(n=>{if(n){const m=n.map(({name:i,orderNumber:C,label:f})=>({name:Q(i),orderNumber:C,label:de.includes(i)?null:f}));e(m)}}).finally(()=>{_(!1)})},[]);const o=V(n=>{if(!u.length||!l||!l[n])return[];const m=Object.fromEntries(Object.entries(l[n]).map(([i,C])=>[i.toLowerCase(),C]));return u.filter(({name:i})=>m[i.toLowerCase()]).map(i=>({name:i.name,orderNumber:i.orderNumber,value:m[i.name.toLowerCase()],label:i.label}))},[u,l]),h=j(()=>({billingAddress:o("billingAddress"),shippingAddress:o("shippingAddress")}),[o]);return{order:l,normalizeAddress:h,loading:t}},me=({loading:d,order:t,withHeader:_=!0,title:l,paymentIconsMap:p={},normalizeAddress:u,translations:e,slots:o})=>{var L,O,E,T,w,S;const h=!!(t!=null&&t.returnNumber),n=(L=t==null?void 0:t.returns)==null?void 0:L[0],m=j(()=>({checkmo:ce,card:ae,...p}),[p]),i=V(q=>{var x;return(x=u[q])==null?void 0:x.map((c,F)=>r("p",{children:c.label?`${c.label}: ${Array.isArray(c.value)?c.value.join(" "):c==null?void 0:c.value}`:Array.isArray(c.value)?c.value.join(" "):c==null?void 0:c.value},F))},[u]);if(!t||d)return r(ie,{});const C=(t==null?void 0:t.email)??"",f=(O=t==null?void 0:t.shipping)==null?void 0:O.code,N=(E=t==null?void 0:t.shipping)==null?void 0:E.amount,R=(T=t==null?void 0:t.shipping)==null?void 0:T.currency,v=t==null?void 0:t.payments,k=v&&v.length>0,D=k?(w=v[0])==null?void 0:w.name:"",M=k?(S=v[0])==null?void 0:S.code:"",W=k&&D!=="",b=i("shippingAddress")??[],A=i("billingAddress")??[],I=s("div",{className:"order-customer-details-content__container-email",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.emailTitle}),r("p",{children:C})]}),P=h?s("div",{className:"order-customer-details-content__container-return-information",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.returnInformationTitle}),r("div",{className:"order-customer-details-content__container-description",children:o!=null&&o.OrderReturnInformation?r(G,{"data-testid":"OrderReturnInformation",name:"OrderReturnInformation",slot:o==null?void 0:o.OrderReturnInformation,context:n}):s(K,{children:[s("p",{children:[e.createdReturnAt,r("span",{children:ne(n==null?void 0:n.createdReturnAt)})]}),s("p",{children:[e.returnStatusLabel,r(se,{id:`Order.CustomerDetails.returnStatus.${re(n==null?void 0:n.returnStatus)}`})]}),s("p",{children:[e.orderNumberLabel,r("span",{children:n==null?void 0:n.orderNumber})]})]})})]}):null,Z=b.length?s("div",{className:"order-customer-details-content__container-shipping_address",children:[r("div",{className:"order-customer-details-content__container-title",children:e.shippingAddressTitle}),r("div",{className:"order-customer-details-content__container-description",children:b})]}):null,$=A.length?s("div",{className:g(["order-customer-details-content__container-billing_address",["order-customer-details-content__container-billing_address--fullwidth",!b.length]]),children:[r("div",{className:"order-customer-details-content__container-title",children:e.billingAddressTitle}),r("div",{className:"order-customer-details-content__container-description",children:A})]}):null,z=W?s("div",{className:g(["order-customer-details-content__container-payment_methods",["order-customer-details-content__container-payment_methods--fullwidth",!f]]),children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.paymentMethodsTitle}),s("p",{"data-testid":"payment_methods_description",className:g([["order-customer-details-content__container-payment_methods--icon",!!m[M]]]),children:[r(X,{source:m[M]}),D]})]}):null,B=f?s("div",{className:"order-customer-details-content__container-shipping_methods",children:[r("div",{className:"order-customer-details-content__container-title",children:e==null?void 0:e.shippingMethodsTitle}),N?s("p",{"data-testid":"shipping_methods_price",children:[r(Y,{amount:N,currency:R})," ",f]}):r("p",{"data-testid":"shipping_methods_placeholder",children:e==null?void 0:e.freeShipping})]}):null;return s(ee,{"data-testid":"order-details",variant:"secondary",className:g(["order-customer-details-content"]),children:[_?r(te,{title:l??(e==null?void 0:e.headerText)}):null,s("div",{className:g(["order-customer-details-content__container",["order-customer-details-content__container--no-margin",b.length||A.length]]),children:[I,Z,h?P:$,h?null:B,h?null:z]})]})},Te=({paymentIconsMap:d,orderData:t,title:_,className:l,slots:p})=>{const u=oe({emailTitle:"Order.CustomerDetails.email.title",shippingAddressTitle:"Order.CustomerDetails.shippingAddress.title",shippingMethodsTitle:"Order.CustomerDetails.shippingMethods.title",billingAddressTitle:"Order.CustomerDetails.billingAddress.title",paymentMethodsTitle:"Order.CustomerDetails.paymentMethods.title",returnInformationTitle:"Order.CustomerDetails.returnInformation.title",headerText:"Order.CustomerDetails.headerText",freeShipping:"Order.CustomerDetails.freeShipping",createdReturnAt:"Order.CustomerDetails.orderReturnLabels.createdReturnAt",orderNumberLabel:"Order.CustomerDetails.orderReturnLabels.orderNumberLabel",returnStatusLabel:"Order.CustomerDetails.orderReturnLabels.returnStatusLabel"}),{order:e,normalizeAddress:o,loading:h}=le({orderData:t});return r("div",{className:g(["order-customer-details",l]),children:r(me,{slots:p,loading:h,order:e,title:_,paymentIconsMap:d,normalizeAddress:o,translations:u})})};export{Te as CustomerDetails,Te as default}; diff --git a/scripts/__dropins__/storefront-order/containers/OrderCostSummary.js b/scripts/__dropins__/storefront-order/containers/OrderCostSummary.js index 05f3f9a4a7..7bae7d4fde 100644 --- a/scripts/__dropins__/storefront-order/containers/OrderCostSummary.js +++ b/scripts/__dropins__/storefront-order/containers/OrderCostSummary.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsxs as s,jsx as c,Fragment as S}from"@dropins/tools/preact-jsx-runtime.js";import{classes as H}from"@dropins/tools/lib.js";import{useState as g,useEffect as T}from"@dropins/tools/preact-hooks.js";import{events as V}from"@dropins/tools/event-bus.js";import{s as C}from"../chunks/setTaxStatus.js";import{g as N}from"../chunks/getStoreConfig.js";import{Price as d,Icon as f,Accordion as b,AccordionSection as E,Card as D,Header as k}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import*as x from"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{a as z}from"../chunks/OrderLoaders.js";import{useText as B}from"@dropins/tools/i18n.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const I=a=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},x.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),A=a=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},x.createElement("path",{d:"M7.74512 14.132L12.0001 9.87701L16.2551 14.132",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),j=a=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},x.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M22 6.25H22.75C22.75 5.83579 22.4142 5.5 22 5.5V6.25ZM22 9.27L22.2514 9.97663C22.5503 9.87029 22.75 9.58731 22.75 9.27H22ZM20.26 12.92L19.5534 13.1714L19.5539 13.1728L20.26 12.92ZM22 14.66H22.75C22.75 14.3433 22.551 14.0607 22.2528 13.9539L22 14.66ZM22 17.68V18.43C22.4142 18.43 22.75 18.0942 22.75 17.68H22ZM2 17.68H1.25C1.25 18.0942 1.58579 18.43 2 18.43V17.68ZM2 14.66L1.74865 13.9534C1.44969 14.0597 1.25 14.3427 1.25 14.66H2ZM3.74 11.01L4.44663 10.7586L4.44611 10.7572L3.74 11.01ZM2 9.27H1.25C1.25 9.58675 1.44899 9.86934 1.7472 9.97611L2 9.27ZM2 6.25V5.5C1.58579 5.5 1.25 5.83579 1.25 6.25H2ZM21.25 6.25V9.27H22.75V6.25H21.25ZM21.7486 8.56337C19.8706 9.23141 18.8838 11.2889 19.5534 13.1714L20.9666 12.6686C20.5762 11.5711 21.1494 10.3686 22.2514 9.97663L21.7486 8.56337ZM19.5539 13.1728C19.9195 14.1941 20.7259 15.0005 21.7472 15.3661L22.2528 13.9539C21.6541 13.7395 21.1805 13.2659 20.9661 12.6672L19.5539 13.1728ZM21.25 14.66V17.68H22.75V14.66H21.25ZM22 16.93H2V18.43H22V16.93ZM2.75 17.68V14.66H1.25V17.68H2.75ZM2.25135 15.3666C4.12941 14.6986 5.11623 12.6411 4.44663 10.7586L3.03337 11.2614C3.42377 12.3589 2.85059 13.5614 1.74865 13.9534L2.25135 15.3666ZM4.44611 10.7572C4.08045 9.73588 3.27412 8.92955 2.2528 8.56389L1.7472 9.97611C2.34588 10.1905 2.81955 10.6641 3.03389 11.2628L4.44611 10.7572ZM2.75 9.27V6.25H1.25V9.27H2.75ZM2 7H22V5.5H2V7ZM7.31 6.74V18.17H8.81V6.74H7.31ZM17.0997 8.39967L11.0397 14.4597L12.1003 15.5203L18.1603 9.46033L17.0997 8.39967ZM12.57 9.67C12.57 9.87231 12.4159 10 12.27 10V11.5C13.2839 11.5 14.07 10.6606 14.07 9.67H12.57ZM12.27 10C12.1241 10 11.97 9.87231 11.97 9.67H10.47C10.47 10.6606 11.2561 11.5 12.27 11.5V10ZM11.97 9.67C11.97 9.46769 12.1241 9.34 12.27 9.34V7.84C11.2561 7.84 10.47 8.67938 10.47 9.67H11.97ZM12.27 9.34C12.4159 9.34 12.57 9.46769 12.57 9.67H14.07C14.07 8.67938 13.2839 7.84 12.27 7.84V9.34ZM17.22 14.32C17.22 14.5223 17.0659 14.65 16.92 14.65V16.15C17.9339 16.15 18.72 15.3106 18.72 14.32H17.22ZM16.92 14.65C16.7741 14.65 16.62 14.5223 16.62 14.32H15.12C15.12 15.3106 15.9061 16.15 16.92 16.15V14.65ZM16.62 14.32C16.62 14.1177 16.7741 13.99 16.92 13.99V12.49C15.9061 12.49 15.12 13.3294 15.12 14.32H16.62ZM16.92 13.99C17.0659 13.99 17.22 14.1177 17.22 14.32H18.72C18.72 13.3294 17.9339 12.49 16.92 12.49V13.99Z",fill:"#3D3D3D"})),P=({orderData:a})=>{const[e,t]=g(!0),[n,i]=g(a),[l,o]=g(null);return T(()=>{N().then(u=>{if(u){const{shoppingCartDisplayPrice:p,shoppingOrdersDisplayShipping:r,shoppingOrdersDisplaySubtotal:m,...h}=u;o(y=>({...y,...h,shoppingCartDisplayPrice:C(p),shoppingOrdersDisplayShipping:C(r),shoppingOrdersDisplaySubtotal:C(m)}))}}).finally(()=>{t(!1)})},[]),T(()=>{const u=V.on("order/data",p=>{i(p)},{eager:!0});return()=>{u==null||u.off()}},[]),{loading:e,storeConfig:l,order:n}},W=({translations:a,order:e,subTotalValue:t,shoppingOrdersDisplaySubtotal:n})=>{var i,l;return s("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--subtotal",children:[s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.subtotal}),c(d,{className:"order-cost-summary-content__description--normal-price",weight:"normal",currency:(i=e==null?void 0:e.subtotal)==null?void 0:i.currency,amount:t})]}),s("div",{className:"order-cost-summary-content__description--subheader",children:[!n.taxExcluded&&n.taxIncluded?c("span",{children:a.incl}):null,n.taxExcluded&&n.taxIncluded?s(S,{children:[c(d,{currency:(l=e==null?void 0:e.subtotal)==null?void 0:l.currency,amount:t,size:"small"})," ",c("span",{children:a.excl})]}):null]})]})},q=({translations:a,shoppingOrdersDisplayShipping:e,order:t,totalShipping:n})=>{var i,l,o,u;return t!=null&&t.isVirtual?null:s("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--shipping",children:[s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.shipping}),(i=t==null?void 0:t.totalShipping)!=null&&i.value?c(d,{weight:"normal",currency:(l=t==null?void 0:t.totalShipping)==null?void 0:l.currency,amount:n}):c("span",{children:a.freeShipping})]}),s("div",{className:"order-cost-summary-content__description--subheader",children:[e.taxIncluded&&e.taxExcluded?s(S,{children:[c(d,{weight:"normal",currency:(o=t==null?void 0:t.totalShipping)==null?void 0:o.currency,amount:(u=t==null?void 0:t.totalShipping)==null?void 0:u.value,size:"small"}),s("span",{children:[" ",a.excl]})]}):null,e.taxIncluded&&!e.taxExcluded?c("span",{children:a.incl}):null]})]})},F=({translations:a,order:e,totalGiftcardValue:t,totalGiftcardCurrency:n})=>{var l,o,u,p,r;const i=(l=e==null?void 0:e.discounts)==null?void 0:l.every(m=>m.amount.value===0);return!((o=e==null?void 0:e.discounts)!=null&&o.length)&&(i||!t||t<1)||(u=e==null?void 0:e.discounts)!=null&&u.length&&i?null:s("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--discount",children:[s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.discount}),c("span",{children:(p=e==null?void 0:e.discounts)!=null&&p.length?(r=e==null?void 0:e.discounts)==null?void 0:r.map(({amount:m},h)=>{const _=((m==null?void 0:m.value)??0)+t;return _===0?null:c(d,{weight:"normal",sale:!0,currency:m==null?void 0:m.currency,amount:-_},h)}):null})]}),t>0?s("div",{className:"order-cost-summary-content__description--subheader",children:[s("span",{children:[c(f,{source:j,size:"16"}),c("span",{children:a.discountSubtitle.toLocaleUpperCase()})]}),c(d,{weight:"normal",sale:!0,currency:n,amount:-t})]}):null]})},U=({order:a})=>{var e;return c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--coupon",children:(e=a==null?void 0:a.coupons)==null?void 0:e.map((t,n)=>s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:t.code}),c("span",{children:"TBD"})]},n))})},R=({translations:a,renderTaxAccordion:e,totalAccordionTaxValue:t,order:n})=>{var o,u,p;const[i,l]=g(!1);return e?c(b,{"data-testid":"tax-accordionTaxes",className:"order-cost-summary-content__accordion",iconOpen:I,iconClose:A,children:s(E,{onStateChange:l,title:a.accordionTitle,secondaryText:c(S,{children:i?null:c(d,{weight:"normal",amount:t,currency:(u=n==null?void 0:n.totalTax)==null?void 0:u.currency})}),renderContentWhenClosed:!1,children:[(p=n==null?void 0:n.taxes)==null?void 0:p.map((r,m)=>{var h,y;return s("div",{className:"order-cost-summary-content__accordion-row",children:[c("p",{children:r==null?void 0:r.title}),c("p",{children:c(d,{weight:"normal",amount:(h=r==null?void 0:r.amount)==null?void 0:h.value,currency:(y=r==null?void 0:r.amount)==null?void 0:y.currency})})]},m)}),s("div",{className:"order-cost-summary-content__accordion-row order-cost-summary-content__accordion-total",children:[c("p",{children:a.accordionTotalTax}),c("p",{children:c(d,{weight:"normal",amount:t,currency:n.totalTax.currency,size:"medium"})})]})]})}):c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--tax",children:s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.tax}),c(d,{currency:(o=n==null?void 0:n.totalTax)==null?void 0:o.currency,amount:n==null?void 0:n.totalTax.value,weight:"normal",size:"small"})]})})},G=({translations:a,shoppingOrdersDisplaySubtotal:e,order:t})=>{var n,i,l,o;return s("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--total",children:[s("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:a.total}),c(d,{currency:(n=t==null?void 0:t.grandTotal)==null?void 0:n.currency,amount:(i=t==null?void 0:t.grandTotal)==null?void 0:i.value,weight:"bold",size:"medium"})]}),e.taxExcluded&&e.taxIncluded?s("div",{className:"order-cost-summary-content__description--subheader",children:[c("span",{children:a.totalExcludingTaxes}),c(d,{currency:(l=t==null?void 0:t.grandTotal)==null?void 0:l.currency,amount:((o=t==null?void 0:t.grandTotal)==null?void 0:o.value)-(t==null?void 0:t.totalTax.value),weight:"normal",size:"small"})]}):null]})},J=({translations:a,loading:e,storeConfig:t,order:n,withHeader:i=!0})=>{var h,y,_,O,w,L;if(e||!n)return c(z,{});const l=((h=n==null?void 0:n.totalGiftcard)==null?void 0:h.value)??0,o=((y=n.totalGiftcard)==null?void 0:y.currency)??"",u=((_=n.subtotal)==null?void 0:_.value)??0,p=((O=n.totalShipping)==null?void 0:O.value)??0,r=!!((w=n==null?void 0:n.taxes)!=null&&w.length)&&(t==null?void 0:t.shoppingOrdersDisplayFullSummary),m=r?(L=n==null?void 0:n.taxes)==null?void 0:L.reduce((Z,v)=>{var M;return+((M=v==null?void 0:v.amount)==null?void 0:M.value)+Z},0):0;return s(D,{variant:"secondary",className:H(["order-cost-summary-content"]),children:[i?c(k,{title:a.headerText}):null,s("div",{className:"order-cost-summary-content__wrapper",children:[c(W,{translations:a,order:n,subTotalValue:u,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal}),c(q,{translations:a,order:n,totalShipping:p,shoppingOrdersDisplayShipping:t==null?void 0:t.shoppingOrdersDisplayShipping}),c(F,{translations:a,order:n,totalGiftcardValue:l,totalGiftcardCurrency:o}),c(U,{order:n}),c(R,{order:n,translations:a,renderTaxAccordion:r,totalAccordionTaxValue:m}),c(G,{translations:a,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal,order:n})]})]})},ut=({withHeader:a,orderData:e,children:t,className:n,...i})=>{const{loading:l,storeConfig:o,order:u}=P({orderData:e}),p=B({subtotal:"Order.OrderCostSummary.subtotal.title",shipping:"Order.OrderCostSummary.shipping.title",freeShipping:"Order.OrderCostSummary.shipping.freeShipping",tax:"Order.OrderCostSummary.tax.title",incl:"Order.OrderCostSummary.tax.incl",excl:"Order.OrderCostSummary.tax.excl",discount:"Order.OrderCostSummary.discount.title",discountSubtitle:"Order.OrderCostSummary.discount.subtitle",total:"Order.OrderCostSummary.total.title",accordionTitle:"Order.OrderCostSummary.tax.accordionTitle",accordionTotalTax:"Order.OrderCostSummary.tax.accordionTotalTax",totalExcludingTaxes:"Order.OrderCostSummary.tax.totalExcludingTaxes",headerText:"Order.OrderCostSummary.headerText"});return c("div",{...i,className:H(["order-cost-summary",n]),children:c(J,{order:u,withHeader:a,loading:l,storeConfig:o,translations:p})})};export{ut as OrderCostSummary,ut as default}; +import{jsxs as i,jsx as c,Fragment as C}from"@dropins/tools/preact-jsx-runtime.js";import{classes as H}from"@dropins/tools/lib.js";import{useState as _,useEffect as T}from"@dropins/tools/preact-hooks.js";import{events as V}from"@dropins/tools/event-bus.js";import{s as v}from"../chunks/setTaxStatus.js";import{g as N}from"../chunks/getStoreConfig.js";import"@dropins/tools/preact.js";import{Price as p,Icon as f,Accordion as b,AccordionSection as E,Card as D,Header as k}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import*as x from"@dropins/tools/preact-compat.js";import{a as z}from"../chunks/OrderLoaders.js";import{useText as B}from"@dropins/tools/i18n.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const I=e=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},x.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),A=e=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},x.createElement("path",{d:"M7.74512 14.132L12.0001 9.87701L16.2551 14.132",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),j=e=>x.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},x.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M22 6.25H22.75C22.75 5.83579 22.4142 5.5 22 5.5V6.25ZM22 9.27L22.2514 9.97663C22.5503 9.87029 22.75 9.58731 22.75 9.27H22ZM20.26 12.92L19.5534 13.1714L19.5539 13.1728L20.26 12.92ZM22 14.66H22.75C22.75 14.3433 22.551 14.0607 22.2528 13.9539L22 14.66ZM22 17.68V18.43C22.4142 18.43 22.75 18.0942 22.75 17.68H22ZM2 17.68H1.25C1.25 18.0942 1.58579 18.43 2 18.43V17.68ZM2 14.66L1.74865 13.9534C1.44969 14.0597 1.25 14.3427 1.25 14.66H2ZM3.74 11.01L4.44663 10.7586L4.44611 10.7572L3.74 11.01ZM2 9.27H1.25C1.25 9.58675 1.44899 9.86934 1.7472 9.97611L2 9.27ZM2 6.25V5.5C1.58579 5.5 1.25 5.83579 1.25 6.25H2ZM21.25 6.25V9.27H22.75V6.25H21.25ZM21.7486 8.56337C19.8706 9.23141 18.8838 11.2889 19.5534 13.1714L20.9666 12.6686C20.5762 11.5711 21.1494 10.3686 22.2514 9.97663L21.7486 8.56337ZM19.5539 13.1728C19.9195 14.1941 20.7259 15.0005 21.7472 15.3661L22.2528 13.9539C21.6541 13.7395 21.1805 13.2659 20.9661 12.6672L19.5539 13.1728ZM21.25 14.66V17.68H22.75V14.66H21.25ZM22 16.93H2V18.43H22V16.93ZM2.75 17.68V14.66H1.25V17.68H2.75ZM2.25135 15.3666C4.12941 14.6986 5.11623 12.6411 4.44663 10.7586L3.03337 11.2614C3.42377 12.3589 2.85059 13.5614 1.74865 13.9534L2.25135 15.3666ZM4.44611 10.7572C4.08045 9.73588 3.27412 8.92955 2.2528 8.56389L1.7472 9.97611C2.34588 10.1905 2.81955 10.6641 3.03389 11.2628L4.44611 10.7572ZM2.75 9.27V6.25H1.25V9.27H2.75ZM2 7H22V5.5H2V7ZM7.31 6.74V18.17H8.81V6.74H7.31ZM17.0997 8.39967L11.0397 14.4597L12.1003 15.5203L18.1603 9.46033L17.0997 8.39967ZM12.57 9.67C12.57 9.87231 12.4159 10 12.27 10V11.5C13.2839 11.5 14.07 10.6606 14.07 9.67H12.57ZM12.27 10C12.1241 10 11.97 9.87231 11.97 9.67H10.47C10.47 10.6606 11.2561 11.5 12.27 11.5V10ZM11.97 9.67C11.97 9.46769 12.1241 9.34 12.27 9.34V7.84C11.2561 7.84 10.47 8.67938 10.47 9.67H11.97ZM12.27 9.34C12.4159 9.34 12.57 9.46769 12.57 9.67H14.07C14.07 8.67938 13.2839 7.84 12.27 7.84V9.34ZM17.22 14.32C17.22 14.5223 17.0659 14.65 16.92 14.65V16.15C17.9339 16.15 18.72 15.3106 18.72 14.32H17.22ZM16.92 14.65C16.7741 14.65 16.62 14.5223 16.62 14.32H15.12C15.12 15.3106 15.9061 16.15 16.92 16.15V14.65ZM16.62 14.32C16.62 14.1177 16.7741 13.99 16.92 13.99V12.49C15.9061 12.49 15.12 13.3294 15.12 14.32H16.62ZM16.92 13.99C17.0659 13.99 17.22 14.1177 17.22 14.32H18.72C18.72 13.3294 17.9339 12.49 16.92 12.49V13.99Z",fill:"#3D3D3D"})),P=({orderData:e})=>{const[a,t]=_(!0),[n,l]=_(e),[r,o]=_(null);return T(()=>{N().then(u=>{if(u){const{shoppingCartDisplayPrice:m,shoppingOrdersDisplayShipping:s,shoppingOrdersDisplaySubtotal:y,...h}=u;o(d=>({...d,...h,shoppingCartDisplayPrice:v(m),shoppingOrdersDisplayShipping:v(s),shoppingOrdersDisplaySubtotal:v(y)}))}}).finally(()=>{t(!1)})},[]),T(()=>{const u=V.on("order/data",m=>{l(m)},{eager:!0});return()=>{u==null||u.off()}},[]),{loading:a,storeConfig:r,order:n}},W=({translations:e,order:a,subTotalValue:t,shoppingOrdersDisplaySubtotal:n})=>{var l,r;return i("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--subtotal",children:[i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.subtotal}),c(p,{className:"order-cost-summary-content__description--normal-price",weight:"normal",currency:(l=a==null?void 0:a.subtotal)==null?void 0:l.currency,amount:t})]}),i("div",{className:"order-cost-summary-content__description--subheader",children:[!n.taxExcluded&&n.taxIncluded?c("span",{children:e.incl}):null,n.taxExcluded&&n.taxIncluded?i(C,{children:[c(p,{currency:(r=a==null?void 0:a.subtotal)==null?void 0:r.currency,amount:t,size:"small"})," ",c("span",{children:e.excl})]}):null]})]})},q=({translations:e,shoppingOrdersDisplayShipping:a,order:t,totalShipping:n})=>{var l,r,o,u;return t!=null&&t.isVirtual?null:i("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--shipping",children:[i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.shipping}),(l=t==null?void 0:t.totalShipping)!=null&&l.value?c(p,{weight:"normal",currency:(r=t==null?void 0:t.totalShipping)==null?void 0:r.currency,amount:n}):c("span",{children:e.freeShipping})]}),i("div",{className:"order-cost-summary-content__description--subheader",children:[a.taxIncluded&&a.taxExcluded?i(C,{children:[c(p,{weight:"normal",currency:(o=t==null?void 0:t.totalShipping)==null?void 0:o.currency,amount:(u=t==null?void 0:t.totalShipping)==null?void 0:u.value,size:"small"}),i("span",{children:[" ",e.excl]})]}):null,a.taxIncluded&&!a.taxExcluded?c("span",{children:e.incl}):null]})]})},F=({translations:e,order:a,totalGiftcardValue:t,totalGiftcardCurrency:n})=>{var r,o,u,m;const l=(r=a==null?void 0:a.discounts)==null?void 0:r.every(s=>s.amount.value===0);return!((o=a==null?void 0:a.discounts)!=null&&o.length)&&(l||!t||t<1)||(u=a==null?void 0:a.discounts)!=null&&u.length&&l?null:i("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--discount",children:[i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.discount}),c("span",{children:(m=a==null?void 0:a.discounts)==null?void 0:m.map(({amount:s},y)=>{const d=((s==null?void 0:s.value)??0)+t;return d===0?null:c(p,{weight:"normal",sale:!0,currency:s==null?void 0:s.currency,amount:-d},y)})})]}),t>0?i("div",{className:"order-cost-summary-content__description--subheader",children:[i("span",{children:[c(f,{source:j,size:"16"}),c("span",{children:e.discountSubtitle.toLocaleUpperCase()})]}),c(p,{weight:"normal",sale:!0,currency:n,amount:-t})]}):null]})},U=({order:e})=>{var a;return c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--coupon",children:(a=e==null?void 0:e.coupons)==null?void 0:a.map((t,n)=>i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:t.code}),c("span",{children:"TBD"})]},n))})},R=({translations:e,renderTaxAccordion:a,totalAccordionTaxValue:t,order:n})=>{var o,u,m;const[l,r]=_(!1);return a?c(b,{"data-testid":"tax-accordionTaxes",className:"order-cost-summary-content__accordion",iconOpen:I,iconClose:A,children:i(E,{onStateChange:r,title:e.accordionTitle,secondaryText:c(C,{children:l?null:c(p,{weight:"normal",amount:t,currency:(u=n==null?void 0:n.totalTax)==null?void 0:u.currency})}),renderContentWhenClosed:!1,children:[(m=n==null?void 0:n.taxes)==null?void 0:m.map((s,y)=>{var h,d;return i("div",{className:"order-cost-summary-content__accordion-row",children:[c("p",{children:s==null?void 0:s.title}),c("p",{children:c(p,{weight:"normal",amount:(h=s==null?void 0:s.amount)==null?void 0:h.value,currency:(d=s==null?void 0:s.amount)==null?void 0:d.currency})})]},y)}),i("div",{className:"order-cost-summary-content__accordion-row order-cost-summary-content__accordion-total",children:[c("p",{children:e.accordionTotalTax}),c("p",{children:c(p,{weight:"normal",amount:t,currency:n.totalTax.currency,size:"medium"})})]})]})}):c("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--tax",children:i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.tax}),c(p,{currency:(o=n==null?void 0:n.totalTax)==null?void 0:o.currency,amount:n==null?void 0:n.totalTax.value,weight:"normal",size:"small"})]})})},G=({translations:e,shoppingOrdersDisplaySubtotal:a,order:t})=>{var n,l,r,o;return i("div",{className:"order-cost-summary-content__description order-cost-summary-content__description--total",children:[i("div",{className:"order-cost-summary-content__description--header",children:[c("span",{children:e.total}),c(p,{currency:(n=t==null?void 0:t.grandTotal)==null?void 0:n.currency,amount:(l=t==null?void 0:t.grandTotal)==null?void 0:l.value,weight:"bold",size:"medium"})]}),a.taxExcluded&&a.taxIncluded?i("div",{className:"order-cost-summary-content__description--subheader",children:[c("span",{children:e.totalExcludingTaxes}),c(p,{currency:(r=t==null?void 0:t.grandTotal)==null?void 0:r.currency,amount:((o=t==null?void 0:t.grandTotal)==null?void 0:o.value)-(t==null?void 0:t.totalTax.value),weight:"normal",size:"small"})]}):null]})},J=({translations:e,loading:a,storeConfig:t,order:n,withHeader:l=!0})=>{var h,d,S,O,w,L;if(a||!n)return c(z,{});const r=((h=n==null?void 0:n.totalGiftcard)==null?void 0:h.value)??0,o=((d=n.totalGiftcard)==null?void 0:d.currency)??"",u=((S=n.subtotal)==null?void 0:S.value)??0,m=((O=n.totalShipping)==null?void 0:O.value)??0,s=!!((w=n==null?void 0:n.taxes)!=null&&w.length)&&(t==null?void 0:t.shoppingOrdersDisplayFullSummary),y=s?(L=n==null?void 0:n.taxes)==null?void 0:L.reduce((Z,g)=>{var M;return+((M=g==null?void 0:g.amount)==null?void 0:M.value)+Z},0):0;return i(D,{variant:"secondary",className:H(["order-cost-summary-content"]),children:[l?c(k,{title:e.headerText}):null,i("div",{className:"order-cost-summary-content__wrapper",children:[c(W,{translations:e,order:n,subTotalValue:u,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal}),c(q,{translations:e,order:n,totalShipping:m,shoppingOrdersDisplayShipping:t==null?void 0:t.shoppingOrdersDisplayShipping}),c(F,{translations:e,order:n,totalGiftcardValue:r,totalGiftcardCurrency:o}),c(U,{order:n}),c(R,{order:n,translations:e,renderTaxAccordion:s,totalAccordionTaxValue:y}),c(G,{translations:e,shoppingOrdersDisplaySubtotal:t==null?void 0:t.shoppingOrdersDisplaySubtotal,order:n})]})]})},rt=({withHeader:e,orderData:a,children:t,className:n,...l})=>{const{loading:r,storeConfig:o,order:u}=P({orderData:a}),m=B({subtotal:"Order.OrderCostSummary.subtotal.title",shipping:"Order.OrderCostSummary.shipping.title",freeShipping:"Order.OrderCostSummary.shipping.freeShipping",tax:"Order.OrderCostSummary.tax.title",incl:"Order.OrderCostSummary.tax.incl",excl:"Order.OrderCostSummary.tax.excl",discount:"Order.OrderCostSummary.discount.title",discountSubtitle:"Order.OrderCostSummary.discount.subtitle",total:"Order.OrderCostSummary.total.title",accordionTitle:"Order.OrderCostSummary.tax.accordionTitle",accordionTotalTax:"Order.OrderCostSummary.tax.accordionTotalTax",totalExcludingTaxes:"Order.OrderCostSummary.tax.totalExcludingTaxes",headerText:"Order.OrderCostSummary.headerText"});return c("div",{...l,className:H(["order-cost-summary",n]),children:c(J,{order:u,withHeader:e,loading:r,storeConfig:o,translations:m})})};export{rt as OrderCostSummary,rt as default}; diff --git a/scripts/__dropins__/storefront-order/containers/OrderProductList.js b/scripts/__dropins__/storefront-order/containers/OrderProductList.js index 5b81ee8c84..bc7129bb96 100644 --- a/scripts/__dropins__/storefront-order/containers/OrderProductList.js +++ b/scripts/__dropins__/storefront-order/containers/OrderProductList.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as r,jsxs as E,Fragment as w}from"@dropins/tools/preact-jsx-runtime.js";import{Card as Y,Header as g,Price as D,CartItem as I,Icon as T,Image as A}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as S}from"@dropins/tools/lib.js";import{useState as N,useEffect as J,useMemo as p,useCallback as ee}from"@dropins/tools/preact-hooks.js";import{events as te}from"@dropins/tools/event-bus.js";import{s as ne}from"../chunks/setTaxStatus.js";import{g as le}from"../chunks/getStoreConfig.js";import*as C from"@dropins/tools/preact-compat.js";import{Fragment as se}from"@dropins/tools/preact.js";import{O as ae}from"../chunks/OrderLoaders.js";import{useText as re}from"@dropins/tools/i18n.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";const ie=v=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...v},C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),C.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),me=({orderData:v})=>{const[e,s]=N(!0),[O,u]=N(v),[y,f]=N({taxIncluded:!1,taxExcluded:!1});return J(()=>{le().then(i=>{i&&f(ne(i==null?void 0:i.shoppingCartDisplayPrice))}).finally(()=>{s(!1)})},[]),J(()=>{const i=te.on("order/data",o=>{u(o)},{eager:!0});return()=>{i==null||i.off()}},[]),{loading:e,taxConfig:y,order:O}},he=({loading:v,taxConfig:e,order:s=null,withHeader:O=!0,showConfigurableOptions:u,routeProductDetails:y})=>{const f=!!(s!=null&&s.returnNumber),i=s==null?void 0:s.returnNumber,o=re({cancelled:"Order.OrderProductListContent.cancelledTitle",allOrders:"Order.OrderProductListContent.allOrdersTitle",returned:"Order.OrderProductListContent.returnedTitle",refunded:"Order.OrderProductListContent.refundedTitle",sender:"Order.OrderProductListContent.GiftCard.sender",recipient:"Order.OrderProductListContent.GiftCard.recipient",message:"Order.OrderProductListContent.GiftCard.message",outOfStock:"Order.OrderProductListContent.stockStatus.outOfStock",downloadableCount:"Order.OrderProductListContent.downloadableCount"}),h=p(()=>{if(!s)return[];if(!f){const d=(s==null?void 0:s.items)??[],t=d.filter(a=>a.quantityReturned),n=d.filter(a=>a.quantityCanceled),l=d.filter(a=>!a.quantityCanceled);return[{type:"returned",list:t,title:o.returned},{type:"cancelled",list:n,title:o.cancelled},{type:"allItems",list:l,title:o.allOrders}].filter(a=>a.list.length>0)}const m=s.returns.find(d=>d.returnNumber===i);return[{type:"returned",list:(m==null?void 0:m.items)??[],title:o.returned}]},[s,f,o,i]);return s?h.every(m=>m.list.length===0)?null:r(Y,{variant:"secondary",className:"order-order-product-list-content",children:h.map((m,k)=>{var d;return E(se,{children:[O?r(g,{title:`${m.title} (${m.list.length})`}):null,r("ul",{className:"order-order-product-list-content__items",children:(d=m.list)==null?void 0:d.map(t=>r("li",{"data-testid":"order-product-list-content-item",children:r(ue,{loading:v,product:t,itemType:m.type,taxConfig:e,translations:o,showConfigurableOptions:u,routeProductDetails:y})},t.id))})]},k)})}):r(ae,{})},ue=({loading:v,product:e,itemType:s,taxConfig:O,translations:u,showConfigurableOptions:y,routeProductDetails:f})=>{var x,q,H,V,$,M,P,Q,F,G,R,Z,j,z,W,B,K;const{taxExcluded:i,taxIncluded:o}=O,h=ee((c,U,X)=>r(D,{amount:c,currency:U,weight:"normal",...X}),[]);let m={};const k=s==="cancelled",d=(q=(x=e==null?void 0:e.product)==null?void 0:x.stockStatus)==null?void 0:q.includes("IN_STOCK"),t=(e==null?void 0:e.giftCard)||{},n=(H=e==null?void 0:e.itemPrices)==null?void 0:H.priceIncludingTax,l=(V=e==null?void 0:e.itemPrices)==null?void 0:V.originalPrice,a=($=e==null?void 0:e.itemPrices)==null?void 0:$.price,b=s==="returned"?e==null?void 0:e.requestQuantity:e==null?void 0:e.totalQuantity,L=e.discounted&&((M=e.price)==null?void 0:M.value)!==(l==null?void 0:l.value)*b,_={..."configurableOptions"in e?e.configurableOptions:{},..."bundleOptions"in e?e.bundleOptions:{},..."senderName"in t&&(t!=null&&t.senderName)?{[u.sender]:t==null?void 0:t.senderName}:{},..."senderEmail"in t&&(t!=null&&t.senderEmail)?{[u.sender]:t==null?void 0:t.senderEmail}:{},..."recipientName"in t&&(t!=null&&t.recipientName)?{[u.recipient]:t==null?void 0:t.recipientName}:{},..."recipientEmail"in t&&(t!=null&&t.recipientEmail)?{[u.recipient]:t==null?void 0:t.recipientEmail}:{},..."message"in t&&(t!=null&&t.message)?{[u.message]:t==null?void 0:t.message}:{},..."downloadableLinks"in e&&(e!=null&&e.downloadableLinks)?{[`${(P=e==null?void 0:e.downloadableLinks)==null?void 0:P.count} ${u.downloadableCount}`]:(Q=e==null?void 0:e.downloadableLinks)==null?void 0:Q.result}:{}};if(o&&i){const c=L?l==null?void 0:l.value:(n==null?void 0:n.value)*b;m={taxExcluded:!0,taxIncluded:void 0,price:h(l==null?void 0:l.value,l==null?void 0:l.currency),total:E(w,{children:[h(c,l==null?void 0:l.currency,{variant:e.discounted&&(n==null?void 0:n.value)!==c?"strikethrough":"default"}),e.discounted&&(n==null?void 0:n.value)!==c?h(n==null?void 0:n.value,n==null?void 0:n.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:h((a==null?void 0:a.value)*b,a==null?void 0:a.currency)}}else if(!o&&i)m={taxExcluded:void 0,taxIncluded:void 0,price:h(l==null?void 0:l.value,l==null?void 0:l.currency),total:E(w,{children:[h((l==null?void 0:l.value)*b,n==null?void 0:n.currency,{variant:L?"strikethrough":"default"}),L?h((F=e.price)==null?void 0:F.value,(G=e.price)==null?void 0:G.currency,{sale:!0,weight:"bold"}):null]}),totalExcludingTax:h((a==null?void 0:a.value)*(e==null?void 0:e.totalQuantity),a==null?void 0:a.currency)};else if(o&&!i){const c=L?l.value:n.value*b;m={taxExcluded:void 0,taxIncluded:!0,price:h(n==null?void 0:n.value,n==null?void 0:n.currency),total:E(w,{children:[h(c,n==null?void 0:n.currency,{variant:L?"strikethrough":"default",weight:"bold"}),L?h(n==null?void 0:n.value,n==null?void 0:n.currency,{sale:!0,weight:"bold"}):null]})}}return r(I,{loading:v,alert:k&&d?E("span",{children:[r(T,{source:ie}),u.outOfStock]}):r(w,{}),configurations:(y==null?void 0:y(_))??_,title:f?r("a",{"data-testid":"product-name",className:S(["cart-summary-item__title",["cart-summary-item__title--strikethrough",k]]),href:f(e),children:(R=e==null?void 0:e.product)==null?void 0:R.name}):r("div",{"data-testid":"product-name",className:S(["cart-summary-item__title",["cart-summary-item__title--strikethrough",k]]),children:(Z=e==null?void 0:e.product)==null?void 0:Z.name}),sku:r("div",{children:(j=e==null?void 0:e.product)==null?void 0:j.sku}),quantity:b,image:f?r("a",{href:f(e),children:r(A,{src:(z=e==null?void 0:e.product)==null?void 0:z.thumbnail.url,alt:(W=e==null?void 0:e.product)==null?void 0:W.thumbnail.label,loading:"lazy",width:"90",height:"120"})}):r(A,{src:(B=e==null?void 0:e.product)==null?void 0:B.thumbnail.url,alt:(K=e==null?void 0:e.product)==null?void 0:K.thumbnail.label,loading:"lazy",width:"90",height:"120"}),...m})},Ce=({className:v,orderData:e,withHeader:s,showConfigurableOptions:O,routeProductDetails:u})=>{const{loading:y,taxConfig:f,order:i}=me({orderData:e});return r("div",{className:S(["order-order-product-list",v]),children:r(he,{loading:y,taxConfig:f,order:i,withHeader:s,showConfigurableOptions:O,routeProductDetails:u})})};export{Ce as OrderProductList,Ce as default}; +import{jsx as o,jsxs as L}from"@dropins/tools/preact-jsx-runtime.js";import{Card as P,Header as x}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as h}from"@dropins/tools/lib.js";import{useState as O,useEffect as g,useMemo as y}from"@dropins/tools/preact-hooks.js";import{events as T}from"@dropins/tools/event-bus.js";import{s as S}from"../chunks/setTaxStatus.js";import{g as I}from"../chunks/getStoreConfig.js";import{Fragment as k}from"@dropins/tools/preact.js";import"@dropins/tools/preact-compat.js";import{e as N}from"../chunks/returnOrdersHelper.js";import{O as b}from"../chunks/OrderLoaders.js";import{C as v}from"../chunks/CartSummaryItem.js";import{useText as G}from"@dropins/tools/i18n.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/form.types.js";const j=({orderData:s})=>{const[l,n]=O(!0),[a,c]=O(s),[u,d]=O({taxIncluded:!1,taxExcluded:!1});return g(()=>{I().then(t=>{if(t){const i=S(t==null?void 0:t.shoppingCartDisplayPrice);d(i)}}).finally(()=>{n(!1)})},[]),g(()=>{const t=T.on("order/data",i=>{c(i)},{eager:!0});return()=>{t==null||t.off()}},[]),{loading:l,taxConfig:u,order:a}},q=({loading:s,taxConfig:l,order:n=null,withHeader:a=!0,showConfigurableOptions:c,routeProductDetails:u})=>{const d=!!(n!=null&&n.returnNumber),t=G({cancelled:"Order.OrderProductListContent.cancelledTitle",allOrders:"Order.OrderProductListContent.allOrdersTitle",returned:"Order.OrderProductListContent.returnedTitle",refunded:"Order.OrderProductListContent.refundedTitle",sender:"Order.OrderProductListContent.GiftCard.sender",recipient:"Order.OrderProductListContent.GiftCard.recipient",message:"Order.OrderProductListContent.GiftCard.message",outOfStock:"Order.OrderProductListContent.stockStatus.outOfStock",downloadableCount:"Order.OrderProductListContent.downloadableCount"}),i=y(()=>{if(!n)return[];const{modifyOrder:e,returnedList:m}=N(n);if(!d){const C=e==null?void 0:e.filter(r=>r.quantityCanceled),f=e==null?void 0:e.filter(r=>!r.quantityCanceled);return[{type:"returned",list:m,title:t.returned},{type:"cancelled",list:C,title:t.cancelled},{type:"allItems",list:f,title:t.allOrders}].filter(r=>{var p;return((p=r==null?void 0:r.list)==null?void 0:p.length)>0})}return[{type:"returned",list:m,title:t.returned}]},[n,d,t]);return n?i.every(e=>e.list.length===0)?null:o(P,{variant:"secondary",className:"order-order-product-list-content",children:i.map((e,m)=>{var f;const C=e.list.reduce((r,{totalQuantity:p})=>p+r,0);return L(k,{children:[a?o(x,{title:`${e.title} (${C})`}):null,o("ul",{className:"order-order-product-list-content__items",children:(f=e.list)==null?void 0:f.map(r=>o("li",{"data-testid":"order-product-list-content-item",children:o(v,{loading:s,product:r,itemType:e.type,taxConfig:l,translations:t,showConfigurableOptions:c,routeProductDetails:u})},r.id))})]},m)})}):o(b,{})},W=({className:s,orderData:l,withHeader:n,showConfigurableOptions:a,routeProductDetails:c})=>{const{loading:u,taxConfig:d,order:t}=j({orderData:l});return o("div",{className:h(["order-order-product-list",s]),children:o(q,{loading:u,taxConfig:d,order:t,withHeader:n,showConfigurableOptions:a,routeProductDetails:c})})};export{W as OrderProductList,W as default}; diff --git a/scripts/__dropins__/storefront-order/containers/OrderReturns.js b/scripts/__dropins__/storefront-order/containers/OrderReturns.js index 7443681d7b..4814fc287f 100644 --- a/scripts/__dropins__/storefront-order/containers/OrderReturns.js +++ b/scripts/__dropins__/storefront-order/containers/OrderReturns.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as c}from"@dropins/tools/lib.js";import{useState as d,useEffect as R}from"@dropins/tools/preact-hooks.js";import{events as L}from"@dropins/tools/event-bus.js";import{u as O}from"../chunks/useIsMobile.js";import"@dropins/tools/preact-compat.js";import{R as b}from"../chunks/ReturnsListContent.js";import"@dropins/tools/preact.js";import{useText as g}from"@dropins/tools/i18n.js";import"../chunks/returnOrdersHelper.js";import"../chunks/OrderLoaders.js";const w=({orderData:s})=>{const[i,n]=d(s),[u,o]=d([]);return R(()=>{const t=L.on("order/data",e=>{n(e),o(e==null?void 0:e.returns)},{eager:!0});return()=>{t==null||t.off()}},[]),{order:i,orderReturns:u}},j=({slots:s,className:i,orderData:n,withHeader:u,withThumbnails:o,routeReturnDetails:t,routeProductDetails:e,routeTracking:f})=>{const{orderReturns:m}=w({orderData:n}),l=O(),r="fullSizeView",p=g({minifiedViewTitle:`Order.Returns.${r}.returnsList.minifiedViewTitle`,ariaLabelLink:`Order.Returns.${r}.returnsList.ariaLabelLink`,emptyOrdersListMessage:`Order.Returns.${r}.returnsList.emptyOrdersListMessage`,orderNumber:`Order.Returns.${r}.returnsList.orderNumber`,returnNumber:`Order.Returns.${r}.returnsList.returnNumber`,carrier:`Order.Returns.${r}.returnsList.carrier`});return a("div",{className:c(["order-order-returns",i]),children:m.length?a(b,{pageInfo:{pageSize:1,totalPages:1,currentPage:1},minifiedViewKey:r,slots:s,isMobile:l,withOrderNumber:!1,withReturnNumber:!0,orderReturns:m,translations:p,withHeader:u,withThumbnails:o,minifiedView:!1,routeReturnDetails:t,routeProductDetails:e,routeTracking:f,loading:!1}):null})};export{j as OrderReturns,j as default}; +import{jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as c}from"@dropins/tools/lib.js";import{useState as d,useEffect as R}from"@dropins/tools/preact-hooks.js";import{events as L}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import{u as O}from"../chunks/useIsMobile.js";import"@dropins/tools/preact-compat.js";import{R as b}from"../chunks/ReturnsListContent.js";import{useText as g}from"@dropins/tools/i18n.js";import"../chunks/returnOrdersHelper.js";import"../chunks/form.types.js";import"../chunks/OrderLoaders.js";const w=({orderData:s})=>{const[i,n]=d(s),[u,o]=d([]);return R(()=>{const t=L.on("order/data",e=>{n(e),o(e==null?void 0:e.returns)},{eager:!0});return()=>{t==null||t.off()}},[]),{order:i,orderReturns:u}},v=({slots:s,className:i,orderData:n,withHeader:u,withThumbnails:o,routeReturnDetails:t,routeProductDetails:e,routeTracking:f})=>{const{orderReturns:m}=w({orderData:n}),l=O(),r="fullSizeView",p=g({minifiedViewTitle:`Order.Returns.${r}.returnsList.minifiedViewTitle`,ariaLabelLink:`Order.Returns.${r}.returnsList.ariaLabelLink`,emptyOrdersListMessage:`Order.Returns.${r}.returnsList.emptyOrdersListMessage`,orderNumber:`Order.Returns.${r}.returnsList.orderNumber`,returnNumber:`Order.Returns.${r}.returnsList.returnNumber`,carrier:`Order.Returns.${r}.returnsList.carrier`});return a("div",{className:c(["order-order-returns",i]),children:m.length?a(b,{pageInfo:{pageSize:1,totalPages:1,currentPage:1},minifiedViewKey:r,slots:s,isMobile:l,withOrderNumber:!1,withReturnNumber:!0,orderReturns:m,translations:p,withHeader:u,withThumbnails:o,minifiedView:!1,routeReturnDetails:t,routeProductDetails:e,routeTracking:f,loading:!1}):null})};export{v as OrderReturns,v as default}; diff --git a/scripts/__dropins__/storefront-order/containers/OrderSearch.js b/scripts/__dropins__/storefront-order/containers/OrderSearch.js index 67f81b4e89..a78fe86b4b 100644 --- a/scripts/__dropins__/storefront-order/containers/OrderSearch.js +++ b/scripts/__dropins__/storefront-order/containers/OrderSearch.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsxs as w,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as _}from"@dropins/tools/lib.js";import{Card as U,InLineAlert as C,Icon as x,Button as V}from"@dropins/tools/components.js";import{F as L}from"../chunks/OrderCancel.js";import{useState as R,useCallback as D,useEffect as O,useMemo as H}from"@dropins/tools/preact-hooks.js";import{events as g}from"@dropins/tools/event-bus.js";import*as A from"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";import{Text as N,useText as k}from"@dropins/tools/i18n.js";import{r as d}from"../chunks/redirectTo.js";import{a as I,g as P}from"../chunks/getCustomer.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getGuestOrder.graphql.js";import"../chunks/transform-order-details.js";import"../chunks/convertCase.js";const q=e=>A.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},A.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),X=({onSubmit:e,loading:a,inLineAlert:o,fieldsConfig:t})=>w(U,{variant:"secondary",className:"order-order-search-form",children:[s("h2",{className:"order-order-search-form__title",children:s(N,{id:"Order.OrderSearchForm.title"})}),s("p",{children:s(N,{id:"Order.OrderSearchForm.description"})}),o.text?s(C,{"data-testid":"orderAlert",className:"order-order-search-form__alert",type:o.type,variant:"secondary",heading:o.text,icon:s(x,{source:q})}):null,s(L,{className:"order-order-search-form__wrapper",name:"orderSearchForm",loading:a,fieldsConfig:t,onSubmit:e,children:s("div",{className:"order-order-search-form__button-container",children:s(V,{className:"order-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:a,children:s(N,{id:"Order.OrderSearchForm.button"})},"logIn")})})]});var h=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(h||{});const B=e=>{if(!e)return null;const a=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(t=>{a.has(t.name)||a.set(t.name,"false"),t.checked&&a.set(t.name,"true")}),a&&typeof a.entries=="function"){const t=a.entries();if(t&&typeof t[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(t)))||{}}return{}},M=e=>{try{return new URL(window.location.href).searchParams.get(e)}catch{return null}},G=({onError:e,isAuth:a,renderSignIn:o,routeCustomerOrder:t,routeGuestOrder:m})=>{const[E,p]=R({text:"",type:"success"}),[y,u]=R(!1),i=k({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),S=D(async r=>{const c=M("orderRef"),n=c&&c.length>20;if(!r&&!c||!(r!=null&&r.number)&&!(r!=null&&r.token)&&!c)return null;if(a){const f=await I();(f==null?void 0:f.email)===r.email?d(t,{orderRef:r==null?void 0:r.number}):n||d(m,{orderRef:r.token})}else n||d(m,{orderRef:r==null?void 0:r.token})},[a,t,m]);O(()=>{const r=g.on("order/data",c=>{S(c)},{eager:!0});return()=>{r==null||r.off()}},[S]),O(()=>{const r=M("orderRef"),c=r&&r.length>20?r:null;r&&(c?d(m,{orderRef:r}):a?d(t,{orderRef:r}):o==null||o({render:!0,formValues:{number:r}}))},[a,t,m,o]);const v=H(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:i.email,options:[],defaultValue:"",fieldType:h.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:i.postcode,options:[],defaultValue:"",fieldType:h.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:i.number,options:[],defaultValue:"",fieldType:h.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[i]);return{onSubmit:D(async(r,c)=>{if(!c)return null;u(!0);const n=B(r.target);await P(n).then(l=>{l||p({text:i.invalidSearch,type:"warning"}),g.emit("order/data",l)}).catch(async l=>{var b;let f=!0;e==null||e({error:l.message});const T=a?await I():{email:""};(T==null?void 0:T.email)===(n==null?void 0:n.email)?d(t,{orderRef:n.number}):f=o==null?void 0:o({render:T===null||((b=l==null?void 0:l.message)==null?void 0:b.includes("Please login to view the order.")),formValues:n}),f&&p({text:l.message,type:"warning"})}).finally(()=>{u(!1)})},[a,e,o,t,i.invalidSearch]),inLineAlert:E,loading:y,normalizeFieldsConfig:v}},le=({className:e,isAuth:a,renderSignIn:o,routeCustomerOrder:t,routeGuestOrder:m,onError:E})=>{const{onSubmit:p,loading:y,inLineAlert:u,normalizeFieldsConfig:i}=G({onError:E,isAuth:a,renderSignIn:o,routeCustomerOrder:t,routeGuestOrder:m});return s("div",{className:_(["order-order-search",e]),children:s(X,{onSubmit:p,loading:y,inLineAlert:u,fieldsConfig:i})})};export{le as OrderSearch,le as default}; +import{jsxs as V,jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as L}from"@dropins/tools/lib.js";import{Card as M,InLineAlert as k,Icon as C,Button as q}from"@dropins/tools/components.js";import{F as D}from"../chunks/OrderCancel.js";import{useState as v,useCallback as w,useEffect as F,useMemo as U}from"@dropins/tools/preact-hooks.js";import{events as _}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import*as N from"@dropins/tools/preact-compat.js";import{Text as g,useText as H}from"@dropins/tools/i18n.js";import{F as T}from"../chunks/form.types.js";import{g as B}from"../chunks/getFormValues.js";import{r as f}from"../chunks/redirectTo.js";import{g as E,a as z}from"../chunks/getCustomer.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getGuestOrder.graphql.js";import"../chunks/transform-order-details.js";import"../chunks/convertCase.js";const P=t=>N.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},N.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),X=({onSubmit:t,loading:r,inLineAlert:a,fieldsConfig:o})=>V(M,{variant:"secondary",className:"order-order-search-form",children:[s("h2",{className:"order-order-search-form__title",children:s(g,{id:"Order.OrderSearchForm.title"})}),s("p",{children:s(g,{id:"Order.OrderSearchForm.description"})}),a.text?s(k,{"data-testid":"orderAlert",className:"order-order-search-form__alert",type:a.type,variant:"secondary",heading:a.text,icon:s(C,{source:P})}):null,s(D,{className:"order-order-search-form__wrapper",name:"orderSearchForm",loading:r,fieldsConfig:o,onSubmit:t,children:s("div",{className:"order-order-search-form__button-container",children:s(q,{className:"order-order-search-form__button",size:"medium",variant:"primary",type:"submit",disabled:r,children:s(g,{id:"Order.OrderSearchForm.button"})},"logIn")})})]}),x=t=>{try{return new URL(window.location.href).searchParams.get(t)}catch{return null}},Z=({onError:t,isAuth:r,renderSignIn:a,routeCustomerOrder:o,routeGuestOrder:c})=>{const[y,u]=v({text:"",type:"success"}),[b,p]=v(!1),m=H({invalidSearch:"Order.Errors.invalidSearch",email:"Order.OrderSearchForm.email",postcode:"Order.OrderSearchForm.postcode",number:"Order.OrderSearchForm.orderNumber"}),R=w(async e=>{const i=x("orderRef"),l=i&&i.length>20;if(!e&&!i||!(e!=null&&e.number)&&!(e!=null&&e.token)&&!i)return null;if(r){const d=await E();(d==null?void 0:d.email)===e.email?f(o,{orderRef:e==null?void 0:e.number}):l||f(c,{orderRef:e.token})}else l||f(c,{orderRef:e==null?void 0:e.token})},[r,o,c]);F(()=>{const e=_.on("order/data",i=>{R(i)},{eager:!0});return()=>{e==null||e.off()}},[R]),F(()=>{const e=x("orderRef"),i=e&&e.length>20?e:null;e&&(i?f(c,{orderRef:e}):r?f(o,{orderRef:e}):a==null||a({render:!0,formValues:{number:e}}))},[r,o,c,a]);const O=U(()=>[{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.email,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:1,name:"email",id:"email",code:"email"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.postcode,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:2,name:"postcode",id:"postcode",code:"postcode"},{entityType:"CUSTOMER_ADDRESS",is_unique:!1,label:m.number,options:[],defaultValue:"",fieldType:T.TEXT,className:"",required:!0,orderNumber:3,name:"number",id:"number",code:"number"}],[m]);return{onSubmit:w(async(e,i)=>{if(!i)return null;p(!0);const l=B(e.target);await z(l).then(n=>{n||u({text:m.invalidSearch,type:"warning"}),_.emit("order/data",n)}).catch(async n=>{var S;let d=!0;t==null||t({error:n.message});const h=r?await E():{email:""};(h==null?void 0:h.email)===(l==null?void 0:l.email)?f(o,{orderRef:l.number}):d=a==null?void 0:a({render:h===null||((S=n==null?void 0:n.message)==null?void 0:S.includes("Please login to view the order.")),formValues:l}),d&&u({text:n.message,type:"warning"})}).finally(()=>{p(!1)})},[r,t,a,o,m.invalidSearch]),inLineAlert:y,loading:b,normalizeFieldsConfig:O}},ce=({className:t,isAuth:r,renderSignIn:a,routeCustomerOrder:o,routeGuestOrder:c,onError:y})=>{const{onSubmit:u,loading:b,inLineAlert:p,normalizeFieldsConfig:m}=Z({onError:y,isAuth:r,renderSignIn:a,routeCustomerOrder:o,routeGuestOrder:c});return s("div",{className:L(["order-order-search",t]),children:s(X,{onSubmit:u,loading:b,inLineAlert:p,fieldsConfig:m})})};export{ce as OrderSearch,ce as default}; diff --git a/scripts/__dropins__/storefront-order/containers/OrderStatus.js b/scripts/__dropins__/storefront-order/containers/OrderStatus.js index 951cce66bc..73e1279563 100644 --- a/scripts/__dropins__/storefront-order/containers/OrderStatus.js +++ b/scripts/__dropins__/storefront-order/containers/OrderStatus.js @@ -1,6 +1,6 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as c,jsxs as N,Fragment as S}from"@dropins/tools/preact-jsx-runtime.js";import{Card as U,Header as F,Button as E,InLineAlert as P,Modal as K}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{f as k}from"../chunks/returnOrdersHelper.js";import{classes as y,Slot as G}from"@dropins/tools/lib.js";import{f as b}from"../chunks/formatDateToLocale.js";import{useState as O,useEffect as I,useCallback as V}from"@dropins/tools/preact-hooks.js";import{events as v}from"@dropins/tools/event-bus.js";import{useMemo as q,useState as H}from"@dropins/tools/preact-compat.js";import{r as x}from"../chunks/redirectTo.js";import"@dropins/tools/preact.js";import{O as W}from"../chunks/OrderCancelForm.js";import{useText as C,Text as L}from"@dropins/tools/i18n.js";import{r as j}from"../chunks/reorderItems.js";import{C as J}from"../chunks/OrderLoaders.js";import{G as z}from"../chunks/getGuestOrder.graphql.js";import{f as B,h as Q}from"../chunks/fetch-graphql.js";import{b as X}from"../chunks/transform-order-details.js";import{g as Y}from"../chunks/getStoreConfig.js";import"../chunks/requestGuestOrderCancel.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/convertCase.js";const w={pending:"orderPending",shiping:"orderShipped",complete:"orderComplete",processing:"orderProcessing","on hold":"orderOnHold",canceled:"orderCanceled","suspected fraud":"orderSuspectedFraud","payment Review":"orderPaymentReview","order received":"orderReceived","guest order cancellation requested":"guestOrderCancellationRequested"},Z=({slots:r,title:t,status:n,orderData:e,routeCreateReturn:i,onError:s,routeOnSuccess:d})=>{var M;const l=!!(e!=null&&e.returnNumber),a=String(n).toLocaleLowerCase(),o=(M=e==null?void 0:e.returns)==null?void 0:M[0],m=(o==null?void 0:o.returnStatus)??"",p=(o==null?void 0:o.createdReturnAt)??"",g=C(`Order.OrderStatusContent.${w[a]}.title`),h=C(`Order.OrderStatusContent.${w[a]}.message`),R=C(`Order.OrderStatusContent.${w[a]}.messageWithoutDate`),u=C({title:`Order.OrderStatusContent.resturnStatus.${k(m)}`,returnMessage:"Order.OrderStatusContent.returnMessage"});if(!n)return c("div",{});const f=e!=null&&e.orderStatusChangeDate?h==null?void 0:h.message.replace("{DATE}",e==null?void 0:e.orderStatusChangeDate):R.messageWithoutDate,A=(u==null?void 0:u.returnMessage.replace("{ORDER_CREATE_DATE}",b(e==null?void 0:e.orderDate)).replace("{RETURN_CREATE_DATE}",b(p)))??"",T=l?t??u.title:t??g.title;return N(U,{className:"order-order-status-content",variant:"secondary",children:[c(F,{title:T}),N("div",{className:"order-order-status-content__wrapper",children:[c("div",{className:y(["order-order-status-content__wrapper-description",["order-order-status-content__wrapper-description--actions-slot",!!(r!=null&&r.OrderActions)]]),children:c("p",{children:l?A:f})}),c(ee,{orderData:e,slots:r,routeCreateReturn:i,routeOnSuccess:d,onError:s})]})]})};var _=(r=>(r.CANCEL="CANCEL",r.RETURN="RETURN",r.REORDER="REORDER",r))(_||{});const D=({orderData:r})=>{const[t,n]=O(r),[e,i]=O(r==null?void 0:r.status);return I(()=>{const s=v.on("order/data",d=>{n(d),i(d.status)},{eager:!0});return()=>{s==null||s.off()}},[]),{orderStatus:e,order:t}},ee=({className:r,orderData:t,slots:n,routeCreateReturn:e,routeOnSuccess:i,onError:s})=>{const d=C({cancel:"Order.OrderStatusContent.actions.cancel",createReturn:"Order.OrderStatusContent.actions.createReturn",createAnotherReturn:"Order.OrderStatusContent.actions.createAnotherReturn",reorder:"Order.OrderStatusContent.actions.reorder"}),l=q(()=>{const a=t==null?void 0:t.availableActions,o=!!(a!=null&&a.length),m=!!(t!=null&&t.returnNumber),p=()=>{x(e,{},t)};return c(S,{children:n!=null&&n.OrderActions?c(G,{"data-testid":"OrderActionsSlot",name:"OrderCanceledActions",slot:n==null?void 0:n.OrderActions,context:t}):c("div",{"data-testid":"availableActionsList",className:y(["order-order-actions__wrapper",["order-order-actions__wrapper--empty",!o]]),children:a==null?void 0:a.map(g=>{switch(g){case _.CANCEL:return c(S,{children:m?null:!!t&&c(se,{orderRef:t.token??atob(t.id)})});case _.RETURN:return c(E,{variant:"secondary",onClick:p,children:m?d.createAnotherReturn:d.createReturn});case _.REORDER:return c(S,{children:m?null:c(oe,{orderData:t,onError:s,routeOnSuccess:i,children:d.reorder})})}})})})},[s,t,i,e,n,d]);return c("div",{className:y(["order-order-actions",r]),children:l})},$=()=>{const[r,t]=O(null);return I(()=>{const n=sessionStorage.getItem("orderStoreConfig"),e=n?JSON.parse(n):null;e?t(e):Y().then(i=>{i&&(sessionStorage.setItem("orderStoreConfig",JSON.stringify(i)),t(i))})},[]),r},re=` +import{jsx as c,jsxs as N,Fragment as S}from"@dropins/tools/preact-jsx-runtime.js";import{Card as U,Header as F,Button as E,InLineAlert as P,Modal as K}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{f as k}from"../chunks/returnOrdersHelper.js";import{classes as y,Slot as G}from"@dropins/tools/lib.js";import{f as b}from"../chunks/formatDateToLocale.js";import{useState as O,useEffect as I,useCallback as V}from"@dropins/tools/preact-hooks.js";import{events as v}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import{useMemo as q,useState as H}from"@dropins/tools/preact-compat.js";import{r as x}from"../chunks/redirectTo.js";import{O as W}from"../chunks/OrderCancelForm.js";import{useText as C,Text as L}from"@dropins/tools/i18n.js";import{r as j}from"../chunks/reorderItems.js";import{C as J}from"../chunks/OrderLoaders.js";import{G as z}from"../chunks/getGuestOrder.graphql.js";import{f as B,h as Q}from"../chunks/fetch-graphql.js";import{b as X}from"../chunks/transform-order-details.js";import{g as Y}from"../chunks/getStoreConfig.js";import"../chunks/form.types.js";import"../chunks/requestGuestOrderCancel.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/convertCase.js";var _=(r=>(r.CANCEL="CANCEL",r.RETURN="RETURN",r.REORDER="REORDER",r))(_||{});const w={pending:"orderPending",shiping:"orderShipped",complete:"orderComplete",processing:"orderProcessing","on hold":"orderOnHold",canceled:"orderCanceled","suspected fraud":"orderSuspectedFraud","payment Review":"orderPaymentReview","order received":"orderReceived","guest order cancellation requested":"guestOrderCancellationRequested"},Z=({slots:r,title:t,status:n,orderData:e,routeCreateReturn:i,onError:s,routeOnSuccess:d})=>{var M;const l=!!(e!=null&&e.returnNumber),a=String(n).toLocaleLowerCase(),o=(M=e==null?void 0:e.returns)==null?void 0:M[0],m=(o==null?void 0:o.returnStatus)??"",p=(o==null?void 0:o.createdReturnAt)??"",g=C(`Order.OrderStatusContent.${w[a]}.title`),h=C(`Order.OrderStatusContent.${w[a]}.message`),R=C(`Order.OrderStatusContent.${w[a]}.messageWithoutDate`),u=C({title:`Order.OrderStatusContent.returnStatus.${k(m)}`,returnMessage:"Order.OrderStatusContent.returnMessage"});if(!n)return c("div",{});const f=e!=null&&e.orderStatusChangeDate?h==null?void 0:h.message.replace("{DATE}",e==null?void 0:e.orderStatusChangeDate):R.messageWithoutDate,A=(u==null?void 0:u.returnMessage.replace("{ORDER_CREATE_DATE}",b(e==null?void 0:e.orderDate)).replace("{RETURN_CREATE_DATE}",b(p)))??"",T=l?t??u.title:t??g.title;return N(U,{className:"order-order-status-content",variant:"secondary",children:[c(F,{title:T}),N("div",{className:"order-order-status-content__wrapper",children:[c("div",{className:y(["order-order-status-content__wrapper-description",["order-order-status-content__wrapper-description--actions-slot",!!(r!=null&&r.OrderActions)]]),children:c("p",{children:l?A:f})}),c(ee,{orderData:e,slots:r,routeCreateReturn:i,routeOnSuccess:d,onError:s})]})]})},D=({orderData:r})=>{const[t,n]=O(r),[e,i]=O(r==null?void 0:r.status);return I(()=>{const s=v.on("order/data",d=>{n(d),i(d.status)},{eager:!0});return()=>{s==null||s.off()}},[]),{orderStatus:e,order:t}},ee=({className:r,orderData:t,slots:n,routeCreateReturn:e,routeOnSuccess:i,onError:s})=>{const d=C({cancel:"Order.OrderStatusContent.actions.cancel",createReturn:"Order.OrderStatusContent.actions.createReturn",createAnotherReturn:"Order.OrderStatusContent.actions.createAnotherReturn",reorder:"Order.OrderStatusContent.actions.reorder"}),l=q(()=>{const a=t==null?void 0:t.availableActions,o=!!(a!=null&&a.length),m=!!(t!=null&&t.returnNumber),p=()=>{x(e,{},t)};return c(S,{children:n!=null&&n.OrderActions?c(G,{"data-testid":"OrderActionsSlot",name:"OrderCanceledActions",slot:n==null?void 0:n.OrderActions,context:t}):c("div",{"data-testid":"availableActionsList",className:y(["order-order-actions__wrapper",["order-order-actions__wrapper--empty",!o]]),children:a==null?void 0:a.map(g=>{switch(g){case _.CANCEL:return c(S,{children:m?null:!!t&&c(se,{orderRef:t.token??atob(t.id)})});case _.RETURN:return c(E,{variant:"secondary",onClick:p,children:m?d.createAnotherReturn:d.createReturn});case _.REORDER:return c(S,{children:m?null:c(oe,{orderData:t,onError:s,routeOnSuccess:i,children:d.reorder})})}})})})},[s,t,i,e,n,d]);return c("div",{className:y(["order-order-actions",r]),children:l})},$=()=>{const[r,t]=O(null);return I(()=>{const n=sessionStorage.getItem("orderStoreConfig"),e=n?JSON.parse(n):null;e?t(e):Y().then(i=>{i&&(sessionStorage.setItem("orderStoreConfig",JSON.stringify(i)),t(i))})},[]),r},re=` mutation CONFIRM_CANCEL_ORDER_MUTATION( $orderId: ID!, $confirmationKey: String! @@ -19,4 +19,4 @@ import{jsx as c,jsxs as N,Fragment as S}from"@dropins/tools/preact-jsx-runtime.j } } ${z} -`,te=async(r,t)=>B(re,{variables:{orderId:r,confirmationKey:t}}).then(async({errors:n,data:e})=>{var d,l,a,o;const i=[...(d=e==null?void 0:e.confirmCancelOrder)!=null&&d.errorV2?[(l=e==null?void 0:e.confirmCancelOrder)==null?void 0:l.errorV2]:[],...n??[]];let s=null;return(a=e==null?void 0:e.confirmCancelOrder)!=null&&a.order&&(s=X((o=e==null?void 0:e.confirmCancelOrder)==null?void 0:o.order),v.emit("order/data",s)),i.length>0?Q(i):s}),ne=({enableOrderCancellation:r})=>{const t=C({orderCancelled:"Order.OrderStatusContent.orderCanceled.message"}),[n,e]=O({text:"",status:void 0});return I(()=>{if(!r)return;const i=new URLSearchParams(window.location.search),s=i.get("orderId"),d=i.get("confirmationKey");s&&d&&te(atob(s),d).then(()=>{e({text:t.orderCancelled,status:"success"})}).catch(l=>{e({text:l.message,status:"warning"})})},[r,t.orderCancelled]),{confirmOrderCancellation:n}},ve=({slots:r,orderData:t,className:n,statusTitle:e,status:i,routeCreateReturn:s,onError:d,routeOnSuccess:l})=>{const{orderStatus:a,order:o}=D({orderData:t}),[m,p]=H(!1),g=()=>{p(!0);const f=new URL(window.location.href),A=f.searchParams.get("orderId"),T=f.searchParams.get("confirmationKey");A&&T&&(f.searchParams.delete("orderId"),f.searchParams.delete("confirmationKey"),window.history.replaceState({},document.title,f.toString()))},h=C({cancelOrder:"Order.OrderStatusContent.actions.cancel"}),R=$(),{confirmOrderCancellation:u}=ne({enableOrderCancellation:R==null?void 0:R.orderCancellationEnabled});return N("div",{className:y(["order-order-status",n]),children:[!m&&(u==null?void 0:u.status)!==void 0&&c(P,{heading:h.cancelOrder,onDismiss:g,description:u.text,type:u.status}),o?c(Z,{title:e,status:i||a,slots:r,orderData:o,routeCreateReturn:s,onError:d,routeOnSuccess:l}):c(J,{withCard:!1})]})},se=({orderRef:r})=>{const[t,n]=O(!1),e=()=>{n(!0)},i=()=>{n(!1)},s=$(),d=(s==null?void 0:s.orderCancellationReasons)??[],l=a=>a.map((o,m)=>({text:o==null?void 0:o.description,value:m.toString()}));return v.on("order/data",a=>{const o=String(a.status).toLocaleLowerCase();(o==="guest order cancellation requested"||o==="canceled")&&i()}),N(S,{children:[c(E,{variant:"secondary",onClick:e,"data-testid":"cancel-button",children:c(L,{id:"Order.OrderStatusContent.actions.cancel"})}),t&&c(K,{centered:!0,size:"medium",onClose:i,className:"order-order-cancel__modal",title:c("h2",{className:"order-order-cancel__title",children:c(L,{id:"Order.OrderCancelForm.title"})}),"data-testid":"order-cancellation-reasons-modal",children:c(W,{orderRef:r,cancelReasons:l(d)})})]})},oe=({onError:r,routeOnSuccess:t,orderData:n,children:e})=>{const[i,s]=O(!1),d=V(()=>{s(!0);const l=n==null?void 0:n.number;j(l).then(({success:a,userInputErrors:o})=>{a&&x(t,{}),o.length&&(r==null||r(o))}).catch(a=>{r==null||r(a.message)}).finally(()=>{s(!1)})},[n,t,r]);return c(E,{type:"button",disabled:i,variant:"secondary",className:"order-reorder",onClick:d,children:e})};export{ve as OrderStatus,ve as default}; +`,te=async(r,t)=>B(re,{variables:{orderId:r,confirmationKey:t}}).then(async({errors:n,data:e})=>{var d,l,a,o;const i=[...(d=e==null?void 0:e.confirmCancelOrder)!=null&&d.errorV2?[(l=e==null?void 0:e.confirmCancelOrder)==null?void 0:l.errorV2]:[],...n??[]];let s=null;return(a=e==null?void 0:e.confirmCancelOrder)!=null&&a.order&&(s=X((o=e==null?void 0:e.confirmCancelOrder)==null?void 0:o.order),v.emit("order/data",s)),i.length>0?Q(i):s}),ne=({enableOrderCancellation:r})=>{const t=C({orderCancelled:"Order.OrderStatusContent.orderCanceled.message"}),[n,e]=O({text:"",status:void 0});return I(()=>{if(!r)return;const i=new URLSearchParams(window.location.search),s=i.get("orderId"),d=i.get("confirmationKey");s&&d&&te(atob(s),d).then(()=>{e({text:t.orderCancelled,status:"success"})}).catch(l=>{e({text:l.message,status:"warning"})})},[r,t.orderCancelled]),{confirmOrderCancellation:n}},Me=({slots:r,orderData:t,className:n,statusTitle:e,status:i,routeCreateReturn:s,onError:d,routeOnSuccess:l})=>{const{orderStatus:a,order:o}=D({orderData:t}),[m,p]=H(!1),g=()=>{p(!0);const f=new URL(window.location.href),A=f.searchParams.get("orderId"),T=f.searchParams.get("confirmationKey");A&&T&&(f.searchParams.delete("orderId"),f.searchParams.delete("confirmationKey"),window.history.replaceState({},document.title,f.toString()))},h=C({cancelOrder:"Order.OrderStatusContent.actions.cancel"}),R=$(),{confirmOrderCancellation:u}=ne({enableOrderCancellation:R==null?void 0:R.orderCancellationEnabled});return N("div",{className:y(["order-order-status",n]),children:[!m&&(u==null?void 0:u.status)!==void 0&&c(P,{heading:h.cancelOrder,onDismiss:g,description:u.text,type:u.status}),o?c(Z,{title:e,status:i||a,slots:r,orderData:o,routeCreateReturn:s,onError:d,routeOnSuccess:l}):c(J,{withCard:!1})]})},se=({orderRef:r})=>{const[t,n]=O(!1),e=()=>{n(!0)},i=()=>{n(!1)},s=$(),d=(s==null?void 0:s.orderCancellationReasons)??[],l=a=>a.map((o,m)=>({text:o==null?void 0:o.description,value:m.toString()}));return v.on("order/data",a=>{const o=String(a.status).toLocaleLowerCase();(o==="guest order cancellation requested"||o==="canceled")&&i()}),N(S,{children:[c(E,{variant:"secondary",onClick:e,"data-testid":"cancel-button",children:c(L,{id:"Order.OrderStatusContent.actions.cancel"})}),t&&c(K,{centered:!0,size:"medium",onClose:i,className:"order-order-cancel__modal",title:c("h2",{className:"order-order-cancel__title",children:c(L,{id:"Order.OrderCancelForm.title"})}),"data-testid":"order-cancellation-reasons-modal",children:c(W,{orderRef:r,cancelReasons:l(d)})})]})},oe=({onError:r,routeOnSuccess:t,orderData:n,children:e})=>{const[i,s]=O(!1),d=V(()=>{s(!0);const l=n==null?void 0:n.number;j(l).then(({success:a,userInputErrors:o})=>{a&&x(t,{}),o.length&&(r==null||r(o))}).catch(a=>{r==null||r(a.message)}).finally(()=>{s(!1)})},[n,t,r]);return c(E,{type:"button",disabled:i,variant:"secondary",className:"order-reorder",onClick:d,children:e})};export{Me as OrderStatus,Me as default}; diff --git a/scripts/__dropins__/storefront-order/containers/ReturnsList.js b/scripts/__dropins__/storefront-order/containers/ReturnsList.js index 6f63b76398..c4037dfda4 100644 --- a/scripts/__dropins__/storefront-order/containers/ReturnsList.js +++ b/scripts/__dropins__/storefront-order/containers/ReturnsList.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as c}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as S}from"@dropins/tools/lib.js";import{useState as i,useEffect as $,useCallback as h}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{g as I}from"../chunks/getCustomerOrdersReturn.js";import{u as y}from"../chunks/useIsMobile.js";import"@dropins/tools/preact-compat.js";import{R as A}from"../chunks/ReturnsListContent.js";import"@dropins/tools/preact.js";import{useText as M}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-order-details.js";import"../chunks/convertCase.js";import"../chunks/returnOrdersHelper.js";import"../chunks/OrderLoaders.js";const f={totalPages:1,currentPage:1,pageSize:1},T=()=>{const[s,n]=i(!0),[o,t]=i([]),[u,a]=i(f),[m,d]=i(1);$(()=>{I().then(r=>{t((r==null?void 0:r.ordersReturn)??[]),a((r==null?void 0:r.pageInfo)??f)}).finally(()=>{n(!1)})},[]);const l=h(r=>{d(r)},[]);return{pageInfo:u,selectedPage:m,loading:s,orderReturns:o,handleSetSelectPage:l}},W=({slots:s,withReturnsListButton:n,className:o,minifiedView:t,withHeader:u,withThumbnails:a,returnsInMinifiedView:m,routeReturnDetails:d,routeOrderDetails:l,routeTracking:r,routeReturnsList:g,routeProductDetails:L})=>{const{pageInfo:p,selectedPage:R,handleSetSelectPage:O,loading:b,orderReturns:P}=T(),w=y(),e=t?"minifiedView":"fullSizeView",N=M({viewAllOrdersButton:`Order.Returns.${e}.returnsList.viewAllOrdersButton`,ariaLabelLink:`Order.Returns.${e}.returnsList.ariaLabelLink`,emptyOrdersListMessage:`Order.Returns.${e}.returnsList.emptyOrdersListMessage`,minifiedViewTitle:`Order.Returns.${e}.returnsList.minifiedViewTitle`,orderNumber:`Order.Returns.${e}.returnsList.orderNumber`,returnNumber:`Order.Returns.${e}.returnsList.returnNumber`,carrier:`Order.Returns.${e}.returnsList.carrier`});return c("div",{className:S(["order-returns-list",o]),children:c(A,{minifiedViewKey:e,withOrderNumber:!0,withReturnNumber:!0,slots:s,selectedPage:R,handleSetSelectPage:O,pageInfo:p,withReturnsListButton:n,isMobile:w,orderReturns:P,translations:N,withHeader:u,returnsInMinifiedView:m,withThumbnails:a,minifiedView:t,routeReturnDetails:d,routeOrderDetails:l,routeTracking:r,routeReturnsList:g,routeProductDetails:L,loading:b})})};export{W as default}; +import{jsx as f}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{classes as $}from"@dropins/tools/lib.js";import{useState as s,useEffect as h,useCallback as I}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{g as y}from"../chunks/getCustomerOrdersReturn.js";import"@dropins/tools/preact.js";import{u as A}from"../chunks/useIsMobile.js";import"@dropins/tools/preact-compat.js";import{R as M}from"../chunks/ReturnsListContent.js";import{useText as T}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-order-details.js";import"../chunks/convertCase.js";import"../chunks/returnOrdersHelper.js";import"../chunks/form.types.js";import"../chunks/OrderLoaders.js";const g={totalPages:1,currentPage:1,pageSize:1},V=({returnPageSize:t})=>{const[n,o]=s(!0),[i,u]=s([]),[a,m]=s(g),[d,l]=s(1);h(()=>{y(t).then(r=>{u((r==null?void 0:r.ordersReturn)??[]),m((r==null?void 0:r.pageInfo)??g)}).finally(()=>{o(!1)})},[t]);const c=I(r=>{l(r)},[]);return{pageInfo:a,selectedPage:d,loading:n,orderReturns:i,handleSetSelectPage:c}},Y=({slots:t,withReturnsListButton:n,className:o,minifiedView:i,withHeader:u,withThumbnails:a,returnPageSize:m,returnsInMinifiedView:d,routeReturnDetails:l,routeOrderDetails:c,routeTracking:r,routeReturnsList:p,routeProductDetails:L})=>{const{pageInfo:R,selectedPage:O,handleSetSelectPage:b,loading:w,orderReturns:N}=V({returnPageSize:m}),P=A(),e=i?"minifiedView":"fullSizeView",S=T({viewAllOrdersButton:`Order.Returns.${e}.returnsList.viewAllOrdersButton`,ariaLabelLink:`Order.Returns.${e}.returnsList.ariaLabelLink`,emptyOrdersListMessage:`Order.Returns.${e}.returnsList.emptyOrdersListMessage`,minifiedViewTitle:`Order.Returns.${e}.returnsList.minifiedViewTitle`,orderNumber:`Order.Returns.${e}.returnsList.orderNumber`,returnNumber:`Order.Returns.${e}.returnsList.returnNumber`,carrier:`Order.Returns.${e}.returnsList.carrier`});return f("div",{className:$(["order-returns-list",o]),children:f(M,{minifiedViewKey:e,withOrderNumber:!0,withReturnNumber:!0,slots:t,selectedPage:O,handleSetSelectPage:b,pageInfo:R,withReturnsListButton:n,isMobile:P,orderReturns:N,translations:S,withHeader:u,returnsInMinifiedView:d,withThumbnails:a,minifiedView:i,routeReturnDetails:l,routeOrderDetails:c,routeTracking:r,routeReturnsList:p,routeProductDetails:L,loading:w})})};export{Y as default}; diff --git a/scripts/__dropins__/storefront-order/containers/ShippingStatus.js b/scripts/__dropins__/storefront-order/containers/ShippingStatus.js index 840aa67722..3e2f253de0 100644 --- a/scripts/__dropins__/storefront-order/containers/ShippingStatus.js +++ b/scripts/__dropins__/storefront-order/containers/ShippingStatus.js @@ -1,3 +1,3 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ -import{jsx as n,jsxs as o,Fragment as N}from"@dropins/tools/preact-jsx-runtime.js";import{classes as T,VComponent as A,Slot as R}from"@dropins/tools/lib.js";import{Card as L,Header as w,Accordion as E,AccordionSection as B,ContentGrid as W,Image as G}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{useState as x,useEffect as Q}from"@dropins/tools/preact-hooks.js";import{events as X}from"@dropins/tools/event-bus.js";import{u as Z}from"../chunks/useIsMobile.js";import{Text as V,useText as Y}from"@dropins/tools/i18n.js";import{C as P}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";var M=(e=>(e.PENDING="pending",e.SHIPPING="shipping",e.COMPLETE="complete",e.PROCESSING="processing",e.HOLD="on hold",e.CANCELED="Canceled",e.SUSPECTED_FRAUD="suspected fraud",e.PAYMENT_REVIEW="payment review",e))(M||{});const k=({orderData:e})=>{const[s,i]=x(!0),[l,c]=x(e),[t,f]=x(!1);return Q(()=>{const h=X.on("order/data",d=>{c(d),f(d==null?void 0:d.isVirtual),i(!1)},{eager:!0});return()=>{h==null||h.off()}},[]),{loading:s,order:l,isVirtualProduct:t}},z=({value:e,variant:s="primary",size:i="medium",icon:l,className:c,children:t,disabled:f=!1,active:h=!1,activeChildren:d,activeIcon:r,href:b,...C})=>{let p="dropin-button";(l&&!t||l&&h&&!d||!l&&h&&r)&&(p="dropin-iconButton"),h&&d&&(p="dropin-button"),c=T([p,`${p}--${i}`,`${p}--${s}`,[`${p}--${s}--disabled`,f],t&&l&&`${p}--with-icon`,!t&&d&&l&&`${p}--with-icon`,h&&r&&`${p}--with-icon`,c]);const a=T(["dropin-button-icon",`dropin-button-icon--${s}`,[`dropin-button-icon--${s}--disabled`,f],l==null?void 0:l.props.className]),S=b?{node:n("a",{}),role:"link",href:b,...C,disabled:f,active:h,onKeyDown:I=>{f&&I.preventDefault()},tabIndex:f?-1:0}:{node:n("button",{}),role:"button",...C,value:e,disabled:f,active:h};return o(A,{...S,className:c,children:[l&&!h&&n(A,{node:l,className:a}),r&&h&&n(A,{node:r,className:a}),t&&!h&&(typeof t=="string"?n("span",{children:t}):t),h&&d&&(typeof d=="string"?n("span",{children:d}):d)]})},D=({slots:e,collapseThreshold:s,translations:i,returnData:l,routeTracking:c,routeProductDetails:t})=>{var d;const f=Z(),h=t?"a":"span";return o(L,{variant:"secondary",className:T(["order-shipping-status-card","order-shipping-status-card--return-order"]),children:[n(w,{title:i.returnOrderCardTitle}),o("div",{children:[(d=l==null?void 0:l.tracking)==null?void 0:d.map((r,b)=>{var S,I;const C={title:"",number:(r==null?void 0:r.trackingNumber)??"",carrier:((S=r==null?void 0:r.carrier)==null?void 0:S.label)??""},p=c==null?void 0:c(C),a=p?()=>{window.open(p,"_blank","noreferrer")}:null;return o("div",{className:"order-shipping-status-card__header",children:[o("div",{children:[`${i.carrier} `,`${(I=C.carrier)==null?void 0:I.toLocaleUpperCase()} | `,C.number]}),a?n(z,{onClick:a,children:i.trackButton}):null]},`${C.number}_${b}`)}),e!=null&&e.ReturnItemsDetails?n(R,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:e==null?void 0:e.ReturnItemsDetails,context:{items:l.items}}):null,n(E,{actionIconPosition:"right","data-testid":"dropinAccordion",children:n(B,{defaultOpen:s>=l.items.length,title:n(V,{id:"Order.ShippingStatusCard.itemText",plural:l.items.length,fields:{count:l.items.length}}),children:n(W,{maxColumns:f?3:9,emptyGridContent:n(N,{}),className:T(["order-shipping-status-card__images",["order-shipping-status-card__images-3",f]]),children:l.items.map((r,b)=>{var a,S;const C=(a=r.thumbnail)==null?void 0:a.label,p=(S=r.thumbnail)==null?void 0:S.url;return n(h,{href:(t==null?void 0:t(r))??"#","data-testid":`${b}${r.uid}`,children:n(G,{alt:C,src:p,width:85,height:114})},`${b}${r.uid}`)})})})})]})]})},nn=({translations:e,slots:s,orderData:i,collapseThreshold:l=10,routeProductDetails:c,routeTracking:t})=>{var a,S,I,U,v;const f=!!(i!=null&&i.returnNumber),h=i==null?void 0:i.returnNumber,d=c?"a":"span",r=(a=i==null?void 0:i.status)==null?void 0:a.toLocaleLowerCase(),C=((S=i==null?void 0:i.shipments)==null?void 0:S.length)===1&&(r==null?void 0:r.includes(M.COMPLETE)),p=(I=i==null?void 0:i.items)==null?void 0:I.filter(m=>(m==null?void 0:m.quantityShipped)===0);if(f&&(i!=null&&i.returns.length)){const m=i.returns.find(g=>g.returnNumber===h);return n(N,{children:m&&m.tracking.length>0?n(D,{slots:s,collapseThreshold:l,translations:e,returnData:m,routeTracking:t,routeProductDetails:c}):null})}return!i||r!=null&&r.includes(M.CANCELED)?null:(U=i==null?void 0:i.shipments)!=null&&U.length?o(N,{children:[(v=i==null?void 0:i.shipments)==null?void 0:v.map(({tracking:m,items:g,id:_},J)=>o(L,{variant:"secondary",className:"order-shipping-status-card",children:[n(w,{title:e.shippingCardTitle}),m==null?void 0:m.map(u=>{var O;const y=t==null?void 0:t(u),$=y?()=>{window.open(y,"_blank","noreferrer")}:null;return o("div",{className:"order-shipping-status-card__header",role:"status",children:[o("div",{className:"order-shipping-status-card__header--content",children:[o("p",{children:[e.carrier," ",(O=u==null?void 0:u.carrier)==null?void 0:O.toLocaleUpperCase()," | ",u==null?void 0:u.number]}),n("p",{children:u==null?void 0:u.title})]}),s!=null&&s.DeliveryTrackActions?n(R,{"data-testid":"deliverySlotActions",name:"DeliveryTrackActions",slot:s==null?void 0:s.DeliveryTrackActions,context:{trackInformation:u}}):$?n(z,{onClick:$,children:e.trackButton}):null]},u.number)}),C?null:n(E,{actionIconPosition:"right","data-testid":"dropinAccordion",children:n(B,{"data-position":J+1,defaultOpen:l>=(g==null?void 0:g.length),title:n(N,{children:n(V,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:g==null?void 0:g.length,fields:{count:g==null?void 0:g.length}})}),children:n(W,{maxColumns:6,emptyGridContent:n(N,{}),className:"order-shipping-status-card__images",children:g==null?void 0:g.map(u=>{var O,H,j,F,q,K;const y=(j=(H=(O=u==null?void 0:u.orderItem)==null?void 0:O.product)==null?void 0:H.thumbnail)==null?void 0:j.label,$=(K=(q=(F=u==null?void 0:u.orderItem)==null?void 0:F.product)==null?void 0:q.thumbnail)==null?void 0:K.url;return n(d,{href:(c==null?void 0:c(u))??"#",children:n(G,{alt:y,src:$||"",width:85,height:114})},u.id)})})})}),s!=null&&s.DeliveryTimeLine?n(R,{"data-testid":"deliverySlotTimeLine",name:"DeliveryTimeLine",slot:s==null?void 0:s.DeliveryTimeLine,context:{}}):null]},_)),p!=null&&p.length?o(L,{variant:"secondary",className:"order-shipping-status-card","data-testid":"dropinAccordionNotYetShipped2",children:[n(w,{title:e.notYetShippedTitle}),n(E,{actionIconPosition:"right",children:n(B,{defaultOpen:l>=(p==null?void 0:p.length),title:n(V,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:p==null?void 0:p.length,fields:{count:p==null?void 0:p.length}}),children:n("div",{className:"order-shipping-status-card__images",children:p==null?void 0:p.map(m=>{var g,_;return n(d,{href:(c==null?void 0:c(m))??"#",children:n(G,{alt:(g=m.thumbnail)==null?void 0:g.label,src:((_=m.thumbnail)==null?void 0:_.url)||"",width:85,height:114})},m.id)})})})})]}):null]}):o(L,{variant:"secondary",className:"order-shipping-status-card",children:[n(w,{title:e.shippingInfoTitle}),n("div",{className:"order-shipping-status-card__header",children:o("div",{className:"order-shipping-status-card__header--content",children:[i!=null&&i.carrier?n("p",{children:i==null?void 0:i.carrier}):null,n("p",{children:e.noInfoTitle})]})})]})},mn=({slots:e,className:s,collapseThreshold:i,orderData:l,routeOrderDetails:c,routeTracking:t,routeProductDetails:f})=>{const{loading:h,order:d,isVirtualProduct:r}=k({orderData:l}),b=Y({carrier:"Order.ShippingStatusCard.carrier",prepositionOf:"Order.ShippingStatusCard.prepositionOf",returnOrderCardTitle:"Order.ShippingStatusCard.returnOrderCardTitle",shippingCardTitle:"Order.ShippingStatusCard.shippingCardTitle",shippingInfoTitle:"Order.ShippingStatusCard.shippingInfoTitle",notYetShippedTitle:"Order.ShippingStatusCard.notYetShippedTitle",noInfoTitle:"Order.ShippingStatusCard.noInfoTitle",returnNumber:"Order.ShippingStatusCard.returnNumber",orderNumber:"Order.ShippingStatusCard.orderNumber",trackButton:"Order.ShippingStatusCard.trackButton"});return!h&&r?null:n("div",{className:T(["order-shipping-status",s]),children:!h&&d?n(nn,{translations:b,routeOrderDetails:c,routeTracking:t,slots:e,orderData:d,collapseThreshold:i,routeProductDetails:f}):n(P,{withCard:!1})})};export{mn as ShippingStatus,mn as default}; +import{jsx as i,jsxs as S,Fragment as _}from"@dropins/tools/preact-jsx-runtime.js";import{classes as $,VComponent as A,Slot as E}from"@dropins/tools/lib.js";import{Card as L,Header as w,Accordion as R,AccordionSection as G,ContentGrid as V,Image as q}from"@dropins/tools/components.js";import"../chunks/OrderCancel.js";import{useState as x,useEffect as k}from"@dropins/tools/preact-hooks.js";import{events as D}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact.js";import{u as nn}from"../chunks/useIsMobile.js";import{Text as B,useText as en}from"@dropins/tools/i18n.js";import{C as pn}from"../chunks/OrderLoaders.js";import"@dropins/tools/preact-compat.js";var M=(e=>(e.PENDING="pending",e.SHIPPING="shipping",e.COMPLETE="complete",e.PROCESSING="processing",e.HOLD="on hold",e.CANCELED="Canceled",e.SUSPECTED_FRAUD="suspected fraud",e.PAYMENT_REVIEW="payment review",e))(M||{});const tn=({orderData:e})=>{const[r,n]=x(!0),[t,m]=x(e),[h,o]=x(!1);return k(()=>{const d=D.on("order/data",u=>{m(u),o(u==null?void 0:u.isVirtual),n(!1)},{eager:!0});return()=>{d==null||d.off()}},[]),{loading:r,order:t,isVirtualProduct:h}},Z=({value:e,variant:r="primary",size:n="medium",icon:t,className:m,children:h,disabled:o=!1,active:d=!1,activeChildren:u,activeIcon:p,href:C,...b})=>{let g="dropin-button";(t&&!h||t&&d&&!u||!t&&d&&p)&&(g="dropin-iconButton"),d&&u&&(g="dropin-button"),m=$([g,`${g}--${n}`,`${g}--${r}`,[`${g}--${r}--disabled`,o],h&&t&&`${g}--with-icon`,!h&&u&&t&&`${g}--with-icon`,d&&p&&`${g}--with-icon`,m]);const c=$(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,o],t==null?void 0:t.props.className]),a=C?{node:i("a",{}),role:"link",href:C,...b,disabled:o,active:d,onKeyDown:y=>{o&&y.preventDefault()},tabIndex:o?-1:0}:{node:i("button",{}),role:"button",...b,value:e,disabled:o,active:d};return S(A,{...a,className:m,children:[t&&!d&&i(A,{node:t,className:c}),p&&d&&i(A,{node:p,className:c}),h&&!d&&(typeof h=="string"?i("span",{children:h}):h),d&&u&&(typeof u=="string"?i("span",{children:u}):u)]})},sn=({slots:e,collapseThreshold:r,translations:n,returnData:t,routeTracking:m,routeProductDetails:h})=>{var u;const o=nn(),d=h?"a":"span";return S(L,{variant:"secondary",className:$(["order-shipping-status-card","order-shipping-status-card--return-order"]),children:[i(w,{title:n.returnOrderCardTitle}),S("div",{children:[(u=t==null?void 0:t.tracking)==null?void 0:u.map((p,C)=>{var a,y;const b={title:"",number:(p==null?void 0:p.trackingNumber)??"",carrier:((a=p==null?void 0:p.carrier)==null?void 0:a.label)??""},g=m==null?void 0:m(b),c=g?()=>{window.open(g,"_blank","noreferrer")}:null;return S("div",{className:"order-shipping-status-card__header",children:[S("div",{children:[`${n.carrier} `,`${(y=b.carrier)==null?void 0:y.toLocaleUpperCase()} | `,b.number]}),c?i(Z,{onClick:c,children:n.trackButton}):null]},`${b.number}_${C}`)}),e!=null&&e.ReturnItemsDetails?i(E,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:e==null?void 0:e.ReturnItemsDetails,context:{items:t.items}}):null,i(R,{actionIconPosition:"right","data-testid":"dropinAccordion",children:i(G,{defaultOpen:r>=t.items.length,title:i(B,{id:"Order.ShippingStatusCard.itemText",plural:t.items.reduce((p,C)=>p+C.totalQuantity,0),fields:{count:t.items.reduce((p,C)=>p+C.totalQuantity,0)}}),children:i(V,{maxColumns:o?3:9,emptyGridContent:i(_,{}),className:$(["order-shipping-status-card__images",["order-shipping-status-card__images-3",o]]),children:t.items.map((p,C)=>{var c,a;const b=(c=p.thumbnail)==null?void 0:c.label,g=(a=p.thumbnail)==null?void 0:a.url;return i(d,{href:(h==null?void 0:h(p))??"#","data-testid":`${C}${p.uid}`,children:i(q,{alt:b,src:g,width:85,height:114})},`${C}${p.uid}`)})})})})]})]})},rn=({translations:e,slots:r,orderData:n,collapseThreshold:t=10,routeProductDetails:m,routeTracking:h})=>{var y,U,H,j,v,F,Q;const o=!!(n!=null&&n.returnNumber),d=n==null?void 0:n.returnNumber,u=m?"a":"span",p=(y=n==null?void 0:n.status)==null?void 0:y.toLocaleLowerCase(),b=((U=n==null?void 0:n.shipments)==null?void 0:U.length)===1&&(p==null?void 0:p.includes(M.COMPLETE)),g=(H=n==null?void 0:n.shipments)==null?void 0:H.every(s=>s.tracking.length===0),c=(j=n==null?void 0:n.items)==null?void 0:j.filter(s=>(s==null?void 0:s.quantityShipped)===0||(s==null?void 0:s.quantityShipped)<(s==null?void 0:s.quantityOrdered)),a=(v=n==null?void 0:n.items)==null?void 0:v.reduce((s,f)=>{const I=f.quantityOrdered-f.quantityShipped;return s+(I>0?I:0)},0);if(o&&(n!=null&&n.returns.length)){const s=n.returns.find(f=>f.returnNumber===d);return!s||s.tracking.length===0?null:i(sn,{slots:r,collapseThreshold:t,translations:e,returnData:s,routeTracking:h,routeProductDetails:m})}return!n||p!=null&&p.includes(M.CANCELED)?null:(F=n==null?void 0:n.shipments)!=null&&F.length?g&&!(c!=null&&c.length)&&b?null:S(_,{children:[(Q=n==null?void 0:n.shipments)==null?void 0:Q.map(({tracking:s,items:f,id:I},P)=>{const K=f.reduce((l,N)=>{var O;return l+(((O=N.orderItem)==null?void 0:O.quantityShipped)??0)},0);return S(L,{variant:"secondary",className:"order-shipping-status-card",children:[i(w,{title:e.shippingCardTitle}),s==null?void 0:s.map(l=>{var T;const N=h==null?void 0:h(l),O=N?()=>{window.open(N,"_blank","noreferrer")}:null;return S("div",{className:"order-shipping-status-card__header",role:"status",children:[S("div",{className:"order-shipping-status-card__header--content",children:[S("p",{children:[e.carrier," ",(T=l==null?void 0:l.carrier)==null?void 0:T.toLocaleUpperCase()," | ",l==null?void 0:l.number]}),i("p",{children:l==null?void 0:l.title})]}),r!=null&&r.DeliveryTrackActions?i(E,{"data-testid":"deliverySlotActions",name:"DeliveryTrackActions",slot:r==null?void 0:r.DeliveryTrackActions,context:{trackInformation:l}}):O?i(Z,{onClick:O,children:e.trackButton}):null]},l.number)}),b?null:i(R,{actionIconPosition:"right","data-testid":"dropinAccordion",children:i(G,{"data-position":P+1,defaultOpen:t>=(f==null?void 0:f.length),title:i(_,{children:i(B,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:K,fields:{count:K}})}),children:i(V,{maxColumns:6,emptyGridContent:i(_,{}),className:"order-shipping-status-card__images",children:f==null?void 0:f.map(l=>{var T,W,Y,z,J,X;const N=(Y=(W=(T=l==null?void 0:l.orderItem)==null?void 0:T.product)==null?void 0:W.thumbnail)==null?void 0:Y.label,O=(X=(J=(z=l==null?void 0:l.orderItem)==null?void 0:z.product)==null?void 0:J.thumbnail)==null?void 0:X.url;return i(u,{href:(m==null?void 0:m(l))??"#",children:i(q,{alt:N,src:O||"",width:85,height:114})},l.id)})})})}),r!=null&&r.DeliveryTimeLine?i(E,{"data-testid":"deliverySlotTimeLine",name:"DeliveryTimeLine",slot:r==null?void 0:r.DeliveryTimeLine,context:{}}):null]},I)}),c!=null&&c.length?S(L,{variant:"secondary",className:"order-shipping-status-card","data-testid":"dropinAccordionNotYetShipped2",children:[i(w,{title:e.notYetShippedTitle}),i(R,{actionIconPosition:"right",children:i(G,{defaultOpen:t>=(c==null?void 0:c.length),title:i(B,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:a,fields:{count:a}}),children:i(V,{maxColumns:6,emptyGridContent:i(_,{}),className:"order-shipping-status-card__images",children:c==null?void 0:c.map(s=>{var f,I;return i(u,{href:(m==null?void 0:m(s))??"#",children:i(q,{alt:(f=s.thumbnail)==null?void 0:f.label,src:((I=s.thumbnail)==null?void 0:I.url)||"",width:85,height:114})},s.id)})})})})]}):null]}):S(L,{variant:"secondary",className:"order-shipping-status-card",children:[i(w,{title:e.shippingInfoTitle}),i("div",{className:"order-shipping-status-card__header",children:S("div",{className:"order-shipping-status-card__header--content",children:[n!=null&&n.carrier?i("p",{children:n==null?void 0:n.carrier}):null,i("p",{children:e.noInfoTitle})]})})]})},bn=({slots:e,className:r,collapseThreshold:n,orderData:t,routeOrderDetails:m,routeTracking:h,routeProductDetails:o})=>{const{loading:d,order:u,isVirtualProduct:p}=tn({orderData:t}),C=en({carrier:"Order.ShippingStatusCard.carrier",prepositionOf:"Order.ShippingStatusCard.prepositionOf",returnOrderCardTitle:"Order.ShippingStatusCard.returnOrderCardTitle",shippingCardTitle:"Order.ShippingStatusCard.shippingCardTitle",shippingInfoTitle:"Order.ShippingStatusCard.shippingInfoTitle",notYetShippedTitle:"Order.ShippingStatusCard.notYetShippedTitle",noInfoTitle:"Order.ShippingStatusCard.noInfoTitle",returnNumber:"Order.ShippingStatusCard.returnNumber",orderNumber:"Order.ShippingStatusCard.orderNumber",trackButton:"Order.ShippingStatusCard.trackButton"});return!d&&p?null:i("div",{className:$(["order-shipping-status",r]),children:!d&&u?i(rn,{translations:C,routeOrderDetails:m,routeTracking:h,slots:e,orderData:u,collapseThreshold:n,routeProductDetails:o}):i(pn,{withCard:!1})})};export{bn as ShippingStatus,bn as default}; diff --git a/scripts/__dropins__/storefront-order/containers/index.d.ts b/scripts/__dropins__/storefront-order/containers/index.d.ts index 9779de3123..06da75d995 100644 --- a/scripts/__dropins__/storefront-order/containers/index.d.ts +++ b/scripts/__dropins__/storefront-order/containers/index.d.ts @@ -6,5 +6,6 @@ export * from './ReturnsList'; export * from './OrderProductList'; export * from './OrderCostSummary'; export * from './OrderReturns'; +export * from './CreateReturn'; export * from './OrderCancelForm'; //# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/data/models/attributes-form.d.ts b/scripts/__dropins__/storefront-order/data/models/attributes-form.d.ts index dd7e8ab04b..79e51f662f 100644 --- a/scripts/__dropins__/storefront-order/data/models/attributes-form.d.ts +++ b/scripts/__dropins__/storefront-order/data/models/attributes-form.d.ts @@ -1,24 +1,5 @@ -export declare enum FieldEnumList { - BOOLEAN = "BOOLEAN", - DATE = "DATE", - DATETIME = "DATETIME", - DROPDOWN = "DROPDOWN", - FILE = "FILE", - GALLERY = "GALLERY", - HIDDEN = "HIDDEN", - IMAGE = "IMAGE", - MEDIA_IMAGE = "MEDIA_IMAGE", - MULTILINE = "MULTILINE", - MULTISELECT = "MULTISELECT", - PRICE = "PRICE", - SELECT = "SELECT", - TEXT = "TEXT", - TEXTAREA = "TEXTAREA", - UNDEFINED = "UNDEFINED", - VISUAL = "VISUAL", - WEIGHT = "WEIGHT", - EMPTY = "" -} +import { FieldEnumList } from '../../types'; + export interface AttributesFormItemsProps { code?: string; name?: string; diff --git a/scripts/__dropins__/storefront-order/data/models/order-details.d.ts b/scripts/__dropins__/storefront-order/data/models/order-details.d.ts index 46f864bdda..cab00e9194 100644 --- a/scripts/__dropins__/storefront-order/data/models/order-details.d.ts +++ b/scripts/__dropins__/storefront-order/data/models/order-details.d.ts @@ -19,6 +19,7 @@ export type OrderAddressModel = { }[]; } | null; export type OrderItemProductModel = { + uid: string; __typename: string; stockStatus?: string; canonicalUrl?: string; @@ -35,6 +36,9 @@ export type OrderItemProductModel = { }; }; export type OrderItemModel = { + currentReturnOrderQuantity?: number; + eligibleForReturn: boolean; + productSku?: string; type?: string; discounted?: boolean; id: string; @@ -47,7 +51,6 @@ export type OrderItemModel = { label: string; value: any; }>; - totalQuantity?: number; thumbnail?: { label: string; url: string; @@ -55,7 +58,7 @@ export type OrderItemModel = { downloadableLinks: { count: number; result: string; - }; + } | null; itemPrices: { priceIncludingTax: MoneyProps; originalPrice: MoneyProps; @@ -89,6 +92,8 @@ export type OrderItemModel = { quantityReturned: number; quantityShipped: number; requestQuantity: number; + totalQuantity: number; + returnableQuantity?: number; }; export type ShipmentItemsModel = { id: string; @@ -124,6 +129,7 @@ export type OrderDataModel = { shippingMethod?: string; carrier?: string; orderDate: string; + itemsEligibleForReturn?: OrderItemModel[]; returns: OrdersReturnPropsModel[]; discounts: { amount: MoneyProps; diff --git a/scripts/__dropins__/storefront-order/data/transforms/transform-attributes-form.d.ts b/scripts/__dropins__/storefront-order/data/transforms/transform-attributes-form.d.ts index 2573cada71..fea2010f22 100644 --- a/scripts/__dropins__/storefront-order/data/transforms/transform-attributes-form.d.ts +++ b/scripts/__dropins__/storefront-order/data/transforms/transform-attributes-form.d.ts @@ -1,6 +1,7 @@ -import { GetAttributesFormResponse, ResponseAttributesFormItemsProps } from '../../types'; +import { AttributesListItems, ResponseAttributesFormItemsProps } from '../../types'; import { AttributesFormModel } from '../models'; export declare const cloneArrayIfExists: (fields: ResponseAttributesFormItemsProps[]) => any; -export declare const transformAttributesForm: (response: GetAttributesFormResponse) => AttributesFormModel[]; +export declare const transformAttributesForm: (items?: ResponseAttributesFormItemsProps[] | AttributesListItems[] | [ +]) => AttributesFormModel[]; //# sourceMappingURL=transform-attributes-form.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/hooks/containers/useCreateReturn.d.ts b/scripts/__dropins__/storefront-order/hooks/containers/useCreateReturn.d.ts new file mode 100644 index 0000000000..b24ed10f17 --- /dev/null +++ b/scripts/__dropins__/storefront-order/hooks/containers/useCreateReturn.d.ts @@ -0,0 +1,19 @@ +import { AttributesFormModel, OrderDataModel, OrderItemModel } from '../../data/models'; +import { StepsTypes, TaxTypes, UseCreateReturn } from '../../types'; +import { RefObject } from 'preact'; + +export declare const useCreateReturn: ({ onSuccess, onError, handleSetInLineAlert, orderData, }: UseCreateReturn) => { + order: OrderDataModel | undefined; + steps: StepsTypes; + loading: boolean; + formsRef: import('preact/hooks').MutableRef[]>; + taxConfig: TaxTypes; + attributesList: [] | AttributesFormModel[]; + selectedProductList: [] | OrderItemModel[]; + itemsEligibleForReturn: OrderItemModel[]; + handleSelectedProductList: (orderItem: OrderItemModel) => void; + handleSetQuantity: (value: number, productSku: string) => void; + handleChangeStep: (value: StepsTypes) => void; + onSubmit: (_: SubmitEvent, isValid: boolean) => Promise; +}; +//# sourceMappingURL=useCreateReturn.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/hooks/containers/useReturnsList.d.ts b/scripts/__dropins__/storefront-order/hooks/containers/useReturnsList.d.ts index 5d6fff8d0a..1b11a83db8 100644 --- a/scripts/__dropins__/storefront-order/hooks/containers/useReturnsList.d.ts +++ b/scripts/__dropins__/storefront-order/hooks/containers/useReturnsList.d.ts @@ -1,6 +1,7 @@ import { OrdersReturnPropsModel } from '../../data/models'; +import { UseReturnsListProps } from '../../types'; -export declare const useReturnsList: () => { +export declare const useReturnsList: ({ returnPageSize }: UseReturnsListProps) => { pageInfo: { totalPages: number; currentPage: number; diff --git a/scripts/__dropins__/storefront-order/hooks/index.d.ts b/scripts/__dropins__/storefront-order/hooks/index.d.ts index a2d0987177..8edc217cda 100644 --- a/scripts/__dropins__/storefront-order/hooks/index.d.ts +++ b/scripts/__dropins__/storefront-order/hooks/index.d.ts @@ -3,7 +3,9 @@ export * from './containers/useOrderStatus'; export * from './containers/useShippingStatus'; export * from './containers/useCustomerDetails'; export * from './containers/useReturnsList'; -export * from './useIsMobile'; export * from './containers/useOrderProductList'; export * from './containers/useOrderCostSummary'; +export * from './containers/useCreateReturn'; +export * from './useInLineAlert'; +export * from './useIsMobile'; //# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/hooks/useInLineAlert.d.ts b/scripts/__dropins__/storefront-order/hooks/useInLineAlert.d.ts new file mode 100644 index 0000000000..de336f092e --- /dev/null +++ b/scripts/__dropins__/storefront-order/hooks/useInLineAlert.d.ts @@ -0,0 +1,7 @@ +import { InLineAlertProps } from '../types'; + +export declare const useInLineAlert: () => { + inLineAlertProps: InLineAlertProps; + handleSetInLineAlert: (notification: InLineAlertProps | undefined) => void; +}; +//# sourceMappingURL=useInLineAlert.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/i18n/en_US.json.d.ts b/scripts/__dropins__/storefront-order/i18n/en_US.json.d.ts index a97a660953..01104caea2 100644 --- a/scripts/__dropins__/storefront-order/i18n/en_US.json.d.ts +++ b/scripts/__dropins__/storefront-order/i18n/en_US.json.d.ts @@ -1,5 +1,29 @@ declare const _default: { "Order": { + "CreateReturn": { + "headerText": "Return items", + "downloadableCount": "Files", + "returnedItems": "Returned items:", + "stockStatus": { + "inStock": "In stock", + "outOfStock": "Out of stock" + }, + "giftCard": { + "sender": "Sender", + "recipient": "Recipient", + "message": "Note" + }, + "success": { + "title": "Return submitted", + "message": "Your return request has been successfully submitted." + }, + "buttons": { + "nextStep": "Continue", + "backStep": "Back", + "submit": "Submit return", + "backStore": "Back to order" + } + }, "OrderCostSummary": { "headerText": "Order summary", "headerReturnText": "Return summary", @@ -41,7 +65,7 @@ declare const _default: { "one": "item", "many": "items" }, - "resturnStatus": { + "returnStatus": { "pending": "Pending", "authorized": "Authorized", "partiallyAuthorized": "Partially authorized", @@ -71,7 +95,7 @@ declare const _default: { "one": "item", "many": "items" }, - "resturnStatus": { + "returnStatus": { "pending": "Pending", "authorized": "Authorized", "partiallyAuthorized": "Partially authorized", @@ -91,7 +115,7 @@ declare const _default: { "OrderProductListContent": { "cancelledTitle": "Cancelled", "allOrdersTitle": "Your order", - "returnedTitle": "Your return", + "returnedTitle": "Returned", "refundedTitle": "Your refunded", "downloadableCount": "Files", "stockStatus": { @@ -140,7 +164,7 @@ declare const _default: { "OrderStatusContent": { "noInfoTitle": "Check back later for more details.", "returnMessage": "The order was placed on {ORDER_CREATE_DATE} and your return process started on {RETURN_CREATE_DATE}", - "resturnStatus": { + "returnStatus": { "pending": "Pending", "authorized": "Authorized", "partiallyAuthorized": "Partially authorized", diff --git a/scripts/__dropins__/storefront-order/lib/returnOrdersHelper.d.ts b/scripts/__dropins__/storefront-order/lib/returnOrdersHelper.d.ts index b6e3652630..8cc4606ee3 100644 --- a/scripts/__dropins__/storefront-order/lib/returnOrdersHelper.d.ts +++ b/scripts/__dropins__/storefront-order/lib/returnOrdersHelper.d.ts @@ -1,3 +1,5 @@ +import { OrderDataModel, OrderItemModel } from '../data/models'; + declare const returnStatus: { readonly PENDING: "pending"; readonly AUTHORIZED: "authorized"; @@ -14,6 +16,86 @@ declare const returnStatus: { }; type ReturnStatusKey = keyof typeof returnStatus; type ReturnStatusValue = (typeof returnStatus)[ReturnStatusKey]; +type KeyValueObject = { + [key: string]: any; +}; +export declare const cleanObjectKeys: (obj: KeyValueObject) => KeyValueObject; +export declare const modifyFieldsConfig: (fieldsConfig: any, index: number) => any; +export declare const replicateEntries: (objects: any[], n: number) => any[]; +export declare const normalizeAttributes: (obj: Record) => { + selectedCustomAttributes: Array<{ + attributeCode: string; + value: string; + }>; + enteredCustomAttributes: Array<{ + attributeCode: string; + value: string; + }>; +}; export declare const formatReturnStatus: (str: string) => ReturnStatusValue | ''; +export declare const returnStatusList: string[]; +export declare const orderAdjustAndSortArray: (order: OrderDataModel) => { + returnableQuantity: number; + currentReturnOrderQuantity?: number | undefined; + eligibleForReturn: boolean; + productSku?: string | undefined; + type?: string | undefined; + discounted?: boolean | undefined; + id: string; + productName?: string | undefined; + productUrlKey?: string | undefined; + regularPrice?: import('../types').MoneyProps | undefined; + price?: import('../types').MoneyProps | undefined; + product?: import('../data/models').OrderItemProductModel | undefined; + selectedOptions?: { + label: string; + value: any; + }[] | undefined; + thumbnail?: { + label: string; + url: string; + } | undefined; + downloadableLinks: { + count: number; + result: string; + } | null; + itemPrices: { + priceIncludingTax: import('../types').MoneyProps; + originalPrice: import('../types').MoneyProps; + originalPriceIncludingTax: import('../types').MoneyProps; + price: import('../types').MoneyProps; + discounts: [{ + label: string; + amount: { + value: number; + }; + }]; + }; + bundleOptions: Record | null; + totalInclTax: import('../types').MoneyProps; + priceInclTax: import('../types').MoneyProps; + total: import('../types').MoneyProps; + configurableOptions: Record | undefined; + giftCard?: { + senderName: string; + senderEmail: string; + recipientEmail: string; + recipientName: string; + message: string; + } | undefined; + quantityCanceled: number; + quantityInvoiced: number; + quantityOrdered: number; + quantityRefunded: number; + quantityReturned: number; + quantityShipped: number; + requestQuantity: number; + totalQuantity: number; +}[]; +export declare const extractFilteredItems: (order: OrderDataModel) => { + returnedList: any; + modifyOrder: [] | OrderItemModel[]; +}; +export declare function updateQuantities(mainArray: any, secondaryArray: any): OrderItemModel[] | []; export {}; //# sourceMappingURL=returnOrdersHelper.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/render.js b/scripts/__dropins__/storefront-order/render.js index 23820de196..1be1e38b80 100644 --- a/scripts/__dropins__/storefront-order/render.js +++ b/scripts/__dropins__/storefront-order/render.js @@ -1,5 +1,5 @@ /*! Copyright 2024 Adobe All Rights Reserved. */ (function(n,e){try{if(typeof document<"u"){const r=document.createElement("style"),a=e.styleId;for(const t in e.attributes)r.setAttribute(t,e.attributes[t]);r.setAttribute("data-dropin",a),r.appendChild(document.createTextNode(n));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(`.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}.dropin-button--primary,a.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--primary--disabled,a.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--primary:hover,a.dropin-button--primary:hover,.dropin-iconButton--primary:hover,.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)} -.order-order-search-form{gap:var(--spacing-small);border-color:transparent}.order-order-search-form .dropin-card__content{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}.order-order-search-form p{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.order-order-search-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.order-order-search-form__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"email" "postcode" "number" "button";gap:var(--spacing-medium)}.order-order-search-form__wrapper__item--email{grid-area:email}.order-order-search-form__wrapper__item--postcode{grid-area:postcode}.order-order-search-form__wrapper__item--number{grid-area:number}.order-order-search-form__button-container{display:flex;justify-content:flex-end;grid-area:button}.order-order-search-form form button{align-self:flex-end;justify-self:flex-end;margin-top:var(--spacing-small)}@media (min-width: 768px){.order-order-search-form__wrapper{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"email postcode" "number number" "button button"}}.order-order-status-content .dropin-card__content{gap:0}.order-order-status-content__wrapper .order-order-status-content__wrapper-description p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-order-status-content__wrapper-description{margin-bottom:var(--spacing-medium)}.order-order-status-content__wrapper-description--actions-slot{margin-bottom:0}.order-shipping-status-card .dropin-card__content{gap:0}.order-shipping-status-card--count-steper{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.order-shipping-status-card__header{display:grid;grid-template-columns:1fr auto;justify-items:self-start;align-items:center;margin-bottom:var(--spacing-xsmall)}.order-shipping-status-card__header button{max-height:40px}.order-shipping-status-card__header--content p,.order-shipping-status-card--return-order p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin-bottom:var(--spacing-xsmall)}.order-shipping-status-card--return-order p a{display:inline-block;font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);color:var(--color-brand-800)}.order-shipping-status-card--return-order p a:hover{text-decoration:none;color:var(--color-brand-800)}.order-shipping-status-card .order-shipping-status-card__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.order-shipping-status-card.order-shipping-status-card--return-order .dropin-content-grid.order-shipping-status-card__images{overflow:auto!important}.order-shipping-status-card .order-shipping-status-card__images img{object-fit:contain;width:85px;height:114px}.order-order-loaders--card-loader{margin-bottom:var(--spacing-small)}.order-order-actions__wrapper{display:flex;justify-content:space-between;gap:0 var(--spacing-small);margin-bottom:var(--spacing-small);margin-top:var(--spacing-medium)}.order-order-actions__wrapper button{width:100%;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing);cursor:pointer}.order-order-actions__wrapper--empty{display:none}.order-customer-details-content .dropin-card__content{gap:0}.order-customer-details-content__container{display:block;flex-direction:column}.order-customer-details-content__container-shipping_address,.order-customer-details-content__container-billing_address{margin:var(--spacing-medium) 0}@media (min-width: 768px){.order-customer-details-content__container{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto;grid-auto-flow:row}.order-customer-details-content__container-email{grid-area:1 / 1 / 2 / 2}.order-customer-details-content__container--no-margin p{margin-bottom:0}.order-customer-details-content__container-shipping_address{grid-area:2 / 1 / 3 / 2;margin:var(--spacing-medium) 0}.order-customer-details-content__container-billing_address,.order-customer-details-content__container-return-information{grid-area:2 / 2 / 3 / 3;margin:var(--spacing-medium) 0}.order-customer-details-content__container-billing_address--fullwidth{grid-area:2 / 1 / 3 / 3}.order-customer-details-content__container-shipping_methods{grid-area:3 / 1 / 4 / 2}.order-customer-details-content__container-payment_methods{grid-area:3 / 2 / 4 / 3}.order-customer-details-content__container-payment_methods--fullwidth{grid-area:3 / 1 / 4 / 3}}.order-customer-details-content__container-title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin:0 0 var(--spacing-xsmall) 0}.order-customer-details-content__container p{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-top:0}.order-customer-details-content__container-payment_methods p{display:grid;gap:0;grid-template-columns:auto 1fr}.order-customer-details-content__container-payment_methods p.order-customer-details-content__container-payment_methods--icon{gap:0 var(--spacing-xsmall)}.order-customer-details-content__container-description p{margin:0 var(--spacing-xsmall) 0 0;line-height:var(--spacing-big);padding:0}.order-customer-details-content__container-description p:nth-child(1),.order-customer-details-content__container-description p:nth-child(3),.order-customer-details-content__container-description p:nth-child(4),.order-customer-details-content__container-description p:nth-child(6){float:left}.order-customer-details-content__container-return-information .order-customer-details-content__container-description p{float:none;display:block}.order-empty-list{margin-bottom:var(--spacing-small)}.order-empty-list.order-empty-list--minified,.order-empty-list .dropin-card{border:none}.order-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.order-empty-list.order-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.order-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.order-empty-list.order-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.order-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.order-empty-list.order-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.order-empty-list--empty-box .dropin-card__content svg path{fill:var(--color-neutral-500)}.order-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.order-empty-list.order-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.order-returns-list-content .order-returns__header--minified{margin-bottom:var(--spacing-small)}.order-returns-list-content .order-returns__header--full-size{margin-bottom:0}.order-returns-list-content__cards-list{margin-bottom:var(--spacing-small)}.order-returns-list-content__cards-list .dropin-card__content{gap:0}.order-returns-list-content__cards-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:0px 0px;grid-template-areas:"descriptions descriptions actions" "images images actions"}.order-returns-list-content__descriptions{grid-area:descriptions}.order-returns-list-content__descriptions p{margin:0 0 var(--spacing-small) 0;padding:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.order-returns-list-content__descriptions p a{display:inline-block;font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);color:var(--color-brand-800)}.order-returns-list-content__descriptions p a:hover{color:var(--color-brand-800)}.order-returns-list-content__descriptions .order-returns-list-content__return-status{font:var(--type-button-2-font);font-weight:500;color:var(--color-neutral-800)}.order-returns-list-content .order-returns-list-content__actions{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.order-returns-list-content .order-returns-list-content__actions:hover{text-decoration:none;color:var(--color-brand-500)}.order-returns-list-content__card .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.order-returns-list-content__card .order-returns-list-content__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.order-returns-list-content__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.order-returns-list-content__card-wrapper svg{color:var(--color-neutral-800)}.order-returns-list-content__images{margin-top:var(--spacing-small);grid-area:images}.order-returns-list-content__actions{grid-area:actions;align-self:center}.order-returns-list-content .order-returns-list-content__images{overflow:auto}.order-returns-list-content .order-returns-list-content__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.order-returns-list-content .order-returns-list-content__images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.order-returns-list-content .order-returns-list-content__images img{object-fit:contain;width:65px;height:65px}.order-order-product-list-content__items{display:grid;gap:var(--spacing-medium);list-style:none;margin:0;padding:0}.order-order-product-list-content .dropin-card__content{gap:0}.order-order-product-list-content__items .dropin-card__content{gap:var(--spacing-xsmall)}.order-order-product-list-content .dropin-cart-item__alert{margin-top:var(--spacing-xsmall)}.order-order-product-list-content .cart-summary-item__title--strikethrough{text-decoration:line-through;color:var(--color-neutral-500);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}@media only screen and (min-width: 320px) and (max-width: 768px){.order-confirmation-cart-summary-item{margin-bottom:var(--spacing-medium)}}.order-cost-summary-content .dropin-card__content{gap:0}.order-cost-summary-content__description{margin-bottom:var(--spacing-xsmall)}.order-cost-summary-content__description .order-cost-summary-content__description--header,.order-cost-summary-content__description .order-cost-summary-content__description--subheader{display:flex;justify-content:space-between;align-items:center}.order-cost-summary-content__description .order-cost-summary-content__description--header span{color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-cost-summary-content__description--subheader{margin-top:var(--spacing-xxsmall)}.order-cost-summary-content__description--subheader span{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-brand-700)}.order-cost-summary-content__description--subtotal .order-cost-summary-content__description--subheader,.order-cost-summary-content__description--shipping .order-cost-summary-content__description--subheader{display:flex;justify-content:flex-start;align-items:center;gap:0 var(--spacing-xxsmall)}.order-cost-summary-content__description--subtotal .order-cost-summary-content__description--subheader .dropin-price,.order-cost-summary-content__description--shipping .order-cost-summary-content__description--subheader .dropin-price{font:var(--type-details-overline-font)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--header span:last-child{color:var(--color-alert-800)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader span:first-child{display:flex;justify-content:flex-start;align-items:flex-end;gap:0 var(--spacing-xsmall)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader span:first-child span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader .dropin-price{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800)}.order-cost-summary-content__description--total{margin-top:var(--spacing-medium)}.order-cost-summary-content__description--total .order-cost-summary-content__description--header span{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.order-cost-summary-content__accordion .dropin-accordion-section .dropin-accordion-section__content-container{gap:var(--spacing-small);margin:var(--spacing-small) 0}.order-cost-summary-content__accordion-row{display:flex;justify-content:space-between;align-items:center}.order-cost-summary-content__accordion-row p{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.order-cost-summary-content__accordion-row p:first-child{color:var(--color-neutral-700)}.order-cost-summary-content__accordion .order-cost-summary-content__accordion-row.order-cost-summary-content__accordion-total p:first-child{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-order-cancel-reasons-form__text{color:var(--color-neutral-800);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);padding-bottom:var(--spacing-xsmall)}.order-order-cancel-reasons-form__button-container{display:grid;margin-top:var(--spacing-xbig);justify-content:end}.order-order-cancel__modal{margin:auto}.order-order-cancel__modal .dropin-modal__header{display:grid;grid-template-columns:1fr auto}.order-order-cancel__title{color:var(--color-neutral-900);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.order-order-cancel__text{color:var(--color-neutral-800);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);padding-bottom:var(--spacing-xsmall)}.order-order-cancel__modal .dropin-modal__header-close-button{align-self:center}.order-order-cancel__button-container{display:grid;margin-top:var(--spacing-xbig);justify-content:end}@media only screen and (min-width: 768px){.dropin-modal__body--medium.order-order-cancel__modal>.dropin-modal__header-title{margin:0 var(--spacing-xxbig) var(--spacing-medium)}}`,{styleId:"order"}); -import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as d,useEffect as s}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const u={OrderCostSummary:{headerText:"Order summary",headerReturnText:"Return summary",subtotal:{title:"Subtotal"},shipping:{title:"Shipping",freeShipping:"Free shipping"},tax:{accordionTitle:"Taxes",accordionTotalTax:"Tax Total",totalExcludingTaxes:"Total excluding taxes",title:"Tax",incl:"Including taxes",excl:"Excluding taxes"},discount:{title:"Discount",subtitle:"discounted"},total:{title:"Total"}},Returns:{minifiedView:{returnsList:{viewAllOrdersButton:"View all returns",ariaLabelLink:"Redirect to full order information",emptyOrdersListMessage:"No returns",minifiedViewTitle:"Recent returns",orderNumber:"Order number:",returnNumber:"Return number:",carrier:"Carrier:",itemText:{none:"",one:"item",many:"items"},resturnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"}}},fullSizeView:{returnsList:{viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",emptyOrdersListMessage:"No returns",minifiedViewTitle:"Returns",orderNumber:"Order number:",returnNumber:"Return number:",carrier:"Carrier:",itemText:{none:"",one:"item",many:"items"},resturnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"}}}},OrderProductListContent:{cancelledTitle:"Cancelled",allOrdersTitle:"Your order",returnedTitle:"Your return",refundedTitle:"Your refunded",downloadableCount:"Files",stockStatus:{inStock:"In stock",outOfStock:"Out of stock"},GiftCard:{sender:"Sender",recipient:"Recipient",message:"Note"}},OrderSearchForm:{title:"Enter your information to view order details",description:"You can find your order number in the receipt you received via email.",button:"View Order",email:"Email",postcode:"Zip Code",orderNumber:"Order Number"},Form:{notifications:{requiredFieldError:"This is a required field."}},ShippingStatusCard:{orderNumber:"Order number:",returnNumber:"Return number:",itemText:{none:"",one:"Package contents ({{count}} item)",many:"Package contents ({{count}} items)"},trackButton:"Track package",carrier:"Carrier:",prepositionOf:"of",returnOrderCardTitle:"Package details",shippingCardTitle:"Package details",shippingInfoTitle:"Shipping information",notYetShippedTitle:"Not yet shipped",notYetShippedImagesTitle:{singular:"Package contents ({{count}} item)",plural:"Package contents ({{count}} items)"}},OrderStatusContent:{noInfoTitle:"Check back later for more details.",returnMessage:"The order was placed on {ORDER_CREATE_DATE} and your return process started on {RETURN_CREATE_DATE}",resturnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"},actions:{cancel:"Cancel order",createReturn:"Return or replace",createAnotherReturn:"Start another return",reorder:"Reorder"},orderPending:{title:"Pending",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderProcessing:{title:"Processing",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderOnHold:{title:"On hold",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information.",messageWithoutDate:"We’ve run into an issue while processing your order. Please check back later or contact us at support@adobe.com for more information."},orderReceived:{title:"Order received",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderComplete:{title:"Complete",message:"Your order is complete. Need help with your order? Contact us at support@adobe.com"},orderCanceled:{title:"Canceled",message:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days.",messageWithoutDate:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days."},orderSuspectedFraud:{title:"Suspected fraud",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information.",messageWithoutDate:"We’ve run into an issue while processing your order. Please check back later or contact us at support@adobe.com for more information."},orderPaymentReview:{title:"Payment Review",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},guestOrderCancellationRequested:{title:"cancellation requested",message:"The cancellation has been requested on {DATE}. Check your email for further instructions.",messageWithoutDate:"The cancellation has been requested. Check your email for further instructions."}},CustomerDetails:{headerText:"Customer information",freeShipping:"Free shipping",orderReturnLabels:{createdReturnAt:"Return requested on: ",returnStatusLabel:"Return status: ",orderNumberLabel:"Order number: "},returnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"},email:{title:"Contact details"},shippingAddress:{title:"Shipping address"},shippingMethods:{title:"Shipping method"},billingAddress:{title:"Billing address"},paymentMethods:{title:"Payment method"},returnInformation:{title:"Return details"}},Errors:{invalidOrder:"Invalid order. Please try again.",invalidSearch:"No order found with these order details."},OrderCancel:{buttonText:"Cancel Order"},OrderCancelForm:{title:"Cancel order",description:"Select a reason for canceling the order",label:"Reason for cancel",button:"Submit Cancellation",errorHeading:"Error",errorDescription:"There was an error processing your order cancellation."}},p={Order:u},m={default:p},h=({children:t})=>{const[o,i]=d("en_US");return s(()=>{const e=c.on("locale",a=>{i(a)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:o,langDefinitions:m,children:t})},v=new n(r(h,{}));export{v as render}; +.order-order-search-form{gap:var(--spacing-small);border-color:transparent}.order-order-search-form .dropin-card__content{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}.order-order-search-form p{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.order-order-search-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.order-order-search-form__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"email" "postcode" "number" "button";gap:var(--spacing-medium)}.order-order-search-form__wrapper__item--email{grid-area:email}.order-order-search-form__wrapper__item--postcode{grid-area:postcode}.order-order-search-form__wrapper__item--number{grid-area:number}.order-order-search-form__button-container{display:flex;justify-content:flex-end;grid-area:button}.order-order-search-form form button{align-self:flex-end;justify-self:flex-end;margin-top:var(--spacing-small)}@media (min-width: 768px){.order-order-search-form__wrapper{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"email postcode" "number number" "button button"}}.order-order-status-content .dropin-card__content{gap:0}.order-order-status-content__wrapper .order-order-status-content__wrapper-description p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-order-status-content__wrapper-description{margin-bottom:var(--spacing-medium)}.order-order-status-content__wrapper-description--actions-slot{margin-bottom:0}.order-shipping-status-card .dropin-card__content{gap:0}.order-shipping-status-card--count-steper{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.order-shipping-status-card__header{display:grid;grid-template-columns:1fr auto;justify-items:self-start;align-items:center;margin-bottom:var(--spacing-xsmall)}.order-shipping-status-card__header button{max-height:40px}.order-shipping-status-card__header--content p,.order-shipping-status-card--return-order p{padding:0;margin:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin-bottom:var(--spacing-xsmall)}.order-shipping-status-card--return-order p a{display:inline-block;font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);color:var(--color-brand-800)}.order-shipping-status-card--return-order p a:hover{text-decoration:none;color:var(--color-brand-800)}.order-shipping-status-card .order-shipping-status-card__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.order-shipping-status-card.order-shipping-status-card--return-order .dropin-content-grid.order-shipping-status-card__images{overflow:auto!important}.order-shipping-status-card .order-shipping-status-card__images img{object-fit:contain;width:85px;height:114px}.order-order-loaders--card-loader{margin-bottom:var(--spacing-small)}.order-order-actions__wrapper{display:flex;justify-content:space-between;gap:0 var(--spacing-small);margin-bottom:var(--spacing-small);margin-top:var(--spacing-medium)}.order-order-actions__wrapper button{width:100%;font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing);cursor:pointer}.order-order-actions__wrapper--empty{display:none}.order-customer-details-content .dropin-card__content{gap:0}.order-customer-details-content__container{display:block;flex-direction:column}.order-customer-details-content__container-shipping_address,.order-customer-details-content__container-billing_address{margin:var(--spacing-medium) 0}@media (min-width: 768px){.order-customer-details-content__container{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto;grid-auto-flow:row}.order-customer-details-content__container-email{grid-area:1 / 1 / 2 / 2}.order-customer-details-content__container--no-margin p{margin-bottom:0}.order-customer-details-content__container-shipping_address{grid-area:2 / 1 / 3 / 2;margin:var(--spacing-medium) 0}.order-customer-details-content__container-billing_address,.order-customer-details-content__container-return-information{grid-area:2 / 2 / 3 / 3;margin:var(--spacing-medium) 0}.order-customer-details-content__container-billing_address--fullwidth{grid-area:2 / 1 / 3 / 3}.order-customer-details-content__container-shipping_methods{grid-area:3 / 1 / 4 / 2}.order-customer-details-content__container-payment_methods{grid-area:3 / 2 / 4 / 3}.order-customer-details-content__container-payment_methods--fullwidth{grid-area:3 / 1 / 4 / 3}}.order-customer-details-content__container-title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin:0 0 var(--spacing-xsmall) 0}.order-customer-details-content__container p{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-top:0}.order-customer-details-content__container-payment_methods p{display:grid;gap:0;grid-template-columns:auto 1fr}.order-customer-details-content__container-payment_methods p.order-customer-details-content__container-payment_methods--icon{gap:0 var(--spacing-xsmall)}.order-customer-details-content__container-description p{margin:0 var(--spacing-xsmall) 0 0;line-height:var(--spacing-big);padding:0}.order-customer-details-content__container-description p:nth-child(1),.order-customer-details-content__container-description p:nth-child(3),.order-customer-details-content__container-description p:nth-child(4),.order-customer-details-content__container-description p:nth-child(6){float:left}.order-customer-details-content__container-return-information .order-customer-details-content__container-description p{float:none;display:block}.order-empty-list{margin-bottom:var(--spacing-small)}.order-empty-list.order-empty-list--minified,.order-empty-list .dropin-card{border:none}.order-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.order-empty-list.order-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.order-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.order-empty-list.order-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.order-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.order-empty-list.order-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.order-empty-list--empty-box .dropin-card__content svg path{fill:var(--color-neutral-500)}.order-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.order-empty-list.order-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.order-returns-list-content .order-returns__header--minified{margin-bottom:var(--spacing-small)}.order-returns-list-content .order-returns__header--full-size{margin-bottom:0}.order-returns-list-content__cards-list{margin-bottom:var(--spacing-small)}.order-returns-list-content__cards-list .dropin-card__content{gap:0}.order-returns-list-content__cards-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:0px 0px;grid-template-areas:"descriptions descriptions actions" "images images actions"}.order-returns-list-content__descriptions{grid-area:descriptions}.order-returns-list-content__descriptions p{margin:0 0 var(--spacing-small) 0;padding:0;box-sizing:border-box;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.order-returns-list-content__descriptions p a{display:inline-block;font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);color:var(--color-brand-800)}.order-returns-list-content__descriptions p a:hover{color:var(--color-brand-800)}.order-returns-list-content__descriptions .order-returns-list-content__return-status{font:var(--type-button-2-font);font-weight:500;color:var(--color-neutral-800)}.order-returns-list-content .order-returns-list-content__actions{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.order-returns-list-content .order-returns-list-content__actions:hover{text-decoration:none;color:var(--color-brand-500)}.order-returns-list-content__card .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.order-returns-list-content__card .order-returns-list-content__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.order-returns-list-content__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.order-returns-list-content__card-wrapper svg{color:var(--color-neutral-800)}.order-returns-list-content__images{margin-top:var(--spacing-small);grid-area:images}.order-returns-list-content__actions{grid-area:actions;align-self:center}.order-returns-list-content .order-returns-list-content__images{overflow:auto}.order-returns-list-content .order-returns-list-content__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.order-returns-list-content .order-returns-list-content__images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.order-returns-list-content .order-returns-list-content__images img{object-fit:contain;width:85px;height:114px}.order-order-product-list-content__items{display:grid;gap:var(--spacing-medium);list-style:none;margin:0 0 var(--spacing-medium) 0;padding:0}.order-order-product-list-content .dropin-card__content{gap:0}.order-order-product-list-content__items .dropin-card__content{gap:var(--spacing-xsmall)}.order-order-product-list-content .dropin-cart-item__alert{margin-top:var(--spacing-xsmall)}.order-order-product-list-content .cart-summary-item__title--strikethrough{text-decoration:line-through;color:var(--color-neutral-500);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}@media only screen and (min-width: 320px) and (max-width: 768px){.order-confirmation-cart-summary-item{margin-bottom:var(--spacing-medium)}}.order-cost-summary-content .dropin-card__content{gap:0}.order-cost-summary-content__description{margin-bottom:var(--spacing-xsmall)}.order-cost-summary-content__description .order-cost-summary-content__description--header,.order-cost-summary-content__description .order-cost-summary-content__description--subheader{display:flex;justify-content:space-between;align-items:center}.order-cost-summary-content__description .order-cost-summary-content__description--header span{color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-cost-summary-content__description--subheader{margin-top:var(--spacing-xxsmall)}.order-cost-summary-content__description--subheader span{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-brand-700)}.order-cost-summary-content__description--subtotal .order-cost-summary-content__description--subheader,.order-cost-summary-content__description--shipping .order-cost-summary-content__description--subheader{display:flex;justify-content:flex-start;align-items:center;gap:0 var(--spacing-xxsmall)}.order-cost-summary-content__description--subtotal .order-cost-summary-content__description--subheader .dropin-price,.order-cost-summary-content__description--shipping .order-cost-summary-content__description--subheader .dropin-price{font:var(--type-details-overline-font)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--header span:last-child{color:var(--color-alert-800)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader span:first-child{display:flex;justify-content:flex-start;align-items:flex-end;gap:0 var(--spacing-xsmall)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader span:first-child span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700)}.order-cost-summary-content__description--discount .order-cost-summary-content__description--subheader .dropin-price{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800)}.order-cost-summary-content__description--total{margin-top:var(--spacing-medium)}.order-cost-summary-content__description--total .order-cost-summary-content__description--header span{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.order-cost-summary-content__accordion .dropin-accordion-section .dropin-accordion-section__content-container{gap:var(--spacing-small);margin:var(--spacing-small) 0}.order-cost-summary-content__accordion-row{display:flex;justify-content:space-between;align-items:center}.order-cost-summary-content__accordion-row p{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.order-cost-summary-content__accordion-row p:first-child{color:var(--color-neutral-700)}.order-cost-summary-content__accordion .order-cost-summary-content__accordion-row.order-cost-summary-content__accordion-total p:first-child{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-create-return .order-create-return_notification{margin-bottom:var(--spacing-medium)}.order-return-order-product-list{list-style:none;margin:0;padding:0}.order-return-order-product-list .order-return-order-product-list__item{display:grid;grid-template-columns:auto 1fr;align-items:start;margin-bottom:var(--spacing-medium);position:relative}.order-return-order-product-list__item--blur:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-opacity-24);z-index:1}.order-return-order-product-list>.order-return-order-product-list__item:last-child{display:flex;justify-content:flex-end}.order-return-order-product-list>.order-return-order-product-list__item .dropin-cart-item__alert{margin-top:var(--spacing-xsmall)}.order-return-order-product-list>.order-return-order-product-list__item .cart-summary-item__title--strikethrough{text-decoration:line-through;color:var(--color-neutral-500);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.order-create-return .dropin-cart-item__footer .dropin-incrementer.dropin-incrementer--medium{max-width:160px}.order-return-order-product-list .dropin-incrementer__button-container{margin:0}@media only screen and (min-width: 320px) and (max-width: 768px){.order-return-order-product-list>.order-return-order-product-list__item{margin-bottom:var(--spacing-medium)}}.order-return-order-message p{margin:0;padding:0}.order-return-order-message .order-return-order-message__title{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800);margin-bottom:var(--spacing-small)}.order-return-order-message .order-return-order-message__subtitle{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin-bottom:var(--spacing-xlarge)}.order-return-reason-form .dropin-cart-item,.order-return-reason-form form .dropin-field{margin-bottom:var(--spacing-medium)}.order-return-reason-form .order-return-reason-form__actions{display:flex;gap:0 var(--spacing-medium);justify-content:flex-end;margin-bottom:0}.order-order-cancel-reasons-form__text{text-align:left;color:var(--color-neutral-800);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);padding-bottom:var(--spacing-xsmall)}.order-order-cancel-reasons-form__button-container{display:grid;margin-top:var(--spacing-xbig);justify-content:end}.order-order-cancel__modal{margin:auto}.order-order-cancel__modal .dropin-modal__header{display:grid;grid-template-columns:1fr auto}.order-order-cancel__title{color:var(--color-neutral-900);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.order-order-cancel__text{color:var(--color-neutral-800);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);padding-bottom:var(--spacing-xsmall)}.order-order-cancel__modal .dropin-modal__header-close-button{align-self:center}.order-order-cancel__button-container{display:grid;margin-top:var(--spacing-xbig);justify-content:end}@media only screen and (min-width: 768px){.dropin-modal__body--medium.order-order-cancel__modal>.dropin-modal__header-title{margin:0 var(--spacing-xxbig) var(--spacing-medium)}}`,{styleId:"order"}); +import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as s,useEffect as d}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const u={CreateReturn:{headerText:"Return items",downloadableCount:"Files",returnedItems:"Returned items:",stockStatus:{inStock:"In stock",outOfStock:"Out of stock"},giftCard:{sender:"Sender",recipient:"Recipient",message:"Note"},success:{title:"Return submitted",message:"Your return request has been successfully submitted."},buttons:{nextStep:"Continue",backStep:"Back",submit:"Submit return",backStore:"Back to order"}},OrderCostSummary:{headerText:"Order summary",headerReturnText:"Return summary",subtotal:{title:"Subtotal"},shipping:{title:"Shipping",freeShipping:"Free shipping"},tax:{accordionTitle:"Taxes",accordionTotalTax:"Tax Total",totalExcludingTaxes:"Total excluding taxes",title:"Tax",incl:"Including taxes",excl:"Excluding taxes"},discount:{title:"Discount",subtitle:"discounted"},total:{title:"Total"}},Returns:{minifiedView:{returnsList:{viewAllOrdersButton:"View all returns",ariaLabelLink:"Redirect to full order information",emptyOrdersListMessage:"No returns",minifiedViewTitle:"Recent returns",orderNumber:"Order number:",returnNumber:"Return number:",carrier:"Carrier:",itemText:{none:"",one:"item",many:"items"},returnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"}}},fullSizeView:{returnsList:{viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",emptyOrdersListMessage:"No returns",minifiedViewTitle:"Returns",orderNumber:"Order number:",returnNumber:"Return number:",carrier:"Carrier:",itemText:{none:"",one:"item",many:"items"},returnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"}}}},OrderProductListContent:{cancelledTitle:"Cancelled",allOrdersTitle:"Your order",returnedTitle:"Returned",refundedTitle:"Your refunded",downloadableCount:"Files",stockStatus:{inStock:"In stock",outOfStock:"Out of stock"},GiftCard:{sender:"Sender",recipient:"Recipient",message:"Note"}},OrderSearchForm:{title:"Enter your information to view order details",description:"You can find your order number in the receipt you received via email.",button:"View Order",email:"Email",postcode:"Zip Code",orderNumber:"Order Number"},Form:{notifications:{requiredFieldError:"This is a required field."}},ShippingStatusCard:{orderNumber:"Order number:",returnNumber:"Return number:",itemText:{none:"",one:"Package contents ({{count}} item)",many:"Package contents ({{count}} items)"},trackButton:"Track package",carrier:"Carrier:",prepositionOf:"of",returnOrderCardTitle:"Package details",shippingCardTitle:"Package details",shippingInfoTitle:"Shipping information",notYetShippedTitle:"Not yet shipped",notYetShippedImagesTitle:{singular:"Package contents ({{count}} item)",plural:"Package contents ({{count}} items)"}},OrderStatusContent:{noInfoTitle:"Check back later for more details.",returnMessage:"The order was placed on {ORDER_CREATE_DATE} and your return process started on {RETURN_CREATE_DATE}",returnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"},actions:{cancel:"Cancel order",createReturn:"Return or replace",createAnotherReturn:"Start another return",reorder:"Reorder"},orderPending:{title:"Pending",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderProcessing:{title:"Processing",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderOnHold:{title:"On hold",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information.",messageWithoutDate:"We’ve run into an issue while processing your order. Please check back later or contact us at support@adobe.com for more information."},orderReceived:{title:"Order received",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},orderComplete:{title:"Complete",message:"Your order is complete. Need help with your order? Contact us at support@adobe.com"},orderCanceled:{title:"Canceled",message:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days.",messageWithoutDate:"This order was cancelled by you. You should see a refund to your original payment method with 5-7 business days."},orderSuspectedFraud:{title:"Suspected fraud",message:"We’ve run into an issue while processing your order on {DATE}. Please check back later or contact us at support@adobe.com for more information.",messageWithoutDate:"We’ve run into an issue while processing your order. Please check back later or contact us at support@adobe.com for more information."},orderPaymentReview:{title:"Payment Review",message:"The order was successfully placed on {DATE} and your order is processing. Check back for more details when your order ships.",messageWithoutDate:"Your order is processing. Check back for more details when your order ships."},guestOrderCancellationRequested:{title:"cancellation requested",message:"The cancellation has been requested on {DATE}. Check your email for further instructions.",messageWithoutDate:"The cancellation has been requested. Check your email for further instructions."}},CustomerDetails:{headerText:"Customer information",freeShipping:"Free shipping",orderReturnLabels:{createdReturnAt:"Return requested on: ",returnStatusLabel:"Return status: ",orderNumberLabel:"Order number: "},returnStatus:{pending:"Pending",authorized:"Authorized",partiallyAuthorized:"Partially authorized",received:"Received",partiallyReceived:"Partially received",approved:"Approved",partiallyApproved:"Partially approved",rejected:"Rejected",partiallyRejected:"Partially rejected",denied:"Denied",processedAndClosed:"Processed and closed",closed:"Closed"},email:{title:"Contact details"},shippingAddress:{title:"Shipping address"},shippingMethods:{title:"Shipping method"},billingAddress:{title:"Billing address"},paymentMethods:{title:"Payment method"},returnInformation:{title:"Return details"}},Errors:{invalidOrder:"Invalid order. Please try again.",invalidSearch:"No order found with these order details."},OrderCancel:{buttonText:"Cancel Order"},OrderCancelForm:{title:"Cancel order",description:"Select a reason for canceling the order",label:"Reason for cancel",button:"Submit Cancellation",errorHeading:"Error",errorDescription:"There was an error processing your order cancellation."}},p={Order:u},m={default:p},h=({children:t})=>{const[o,i]=s("en_US");return d(()=>{const e=c.on("locale",a=>{i(a)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:o,langDefinitions:m,children:t})},T=new n(r(h,{}));export{T as render}; diff --git a/scripts/__dropins__/storefront-order/types/api/getAttributesList.types.d.ts b/scripts/__dropins__/storefront-order/types/api/getAttributesList.types.d.ts new file mode 100644 index 0000000000..b9285c104e --- /dev/null +++ b/scripts/__dropins__/storefront-order/types/api/getAttributesList.types.d.ts @@ -0,0 +1,28 @@ +export type AttributesListItems = { + code: string; + sort_order: string; + default_value: null | string; + frontend_class: null | string; + multiline_count: number; + entity_type: string; + frontend_input: string; + is_required: boolean; + is_unique: boolean; + label: string; + options: { + is_default: boolean; + label: string; + value: string; + }[]; +}; +export interface GetAttributesListResponse { + data: { + attributesList: { + items: AttributesListItems[]; + }; + }; + errors?: { + message: string; + }[]; +} +//# sourceMappingURL=getAttributesList.types.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/types/api/getOrderDetails.types.d.ts b/scripts/__dropins__/storefront-order/types/api/getOrderDetails.types.d.ts index b3b80df6bf..e7df546ad6 100644 --- a/scripts/__dropins__/storefront-order/types/api/getOrderDetails.types.d.ts +++ b/scripts/__dropins__/storefront-order/types/api/getOrderDetails.types.d.ts @@ -246,6 +246,14 @@ export interface ErrorProps { message?: string; }[]; } +type GetOrderDetailsByParams = { + orderId?: string; + returnRef?: string; + queryType: T; + returnsPageSize: number; +}; +export interface GetOrderDetailsByIdProps extends GetOrderDetailsByParams { +} export interface OrdersResponse extends ErrorProps { data?: { customer?: { diff --git a/scripts/__dropins__/storefront-order/types/api/requestReturn.types.d.ts b/scripts/__dropins__/storefront-order/types/api/requestReturn.types.d.ts new file mode 100644 index 0000000000..ed9233bb5b --- /dev/null +++ b/scripts/__dropins__/storefront-order/types/api/requestReturn.types.d.ts @@ -0,0 +1,33 @@ +export interface RequestReturnProps { + orderUid: string; + contactEmail: string; + items: { + orderItemUid: string; + quantityToReturn: number; + selectedCustomAttributes?: { + attribute_code: string; + value: string; + }[]; + enteredCustomAttributes?: { + attribute_code: string; + value: string; + }[]; + }[]; +} +export interface ReturnProps { + uid: string; + number: string; + status: string; + created_at: string; +} +export interface RequestReturnResponse { + data: { + requestReturn: { + return: ReturnProps; + }; + }; + errors?: { + message: string; + }[]; +} +//# sourceMappingURL=requestReturn.types.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/types/createReturn.types.d.ts b/scripts/__dropins__/storefront-order/types/createReturn.types.d.ts new file mode 100644 index 0000000000..9454fae5bb --- /dev/null +++ b/scripts/__dropins__/storefront-order/types/createReturn.types.d.ts @@ -0,0 +1,69 @@ +import { AttributesFormModel, OrderDataModel, OrderItemModel } from '../data/models'; +import { InLineAlertProps, TaxTypes } from '.'; +import { SlotProps } from '@dropins/tools/types/elsie/src/lib'; +import { RefObject } from 'preact'; +import { MutableRefObject } from 'preact/compat'; + +type options = Record; +export type StepsTypes = 'products' | 'attributes' | 'success' | 'error'; +type onSuccessTypes = { + uid: string; + number: string; + status: string; + createdAt: string; +}; +export interface CreateReturnProps { + orderData?: OrderDataModel; + slots?: { + ReturnOrderItem: SlotProps; + ReturnFormActions: SlotProps<{ + handleChangeStep: (value: StepsTypes) => void; + }>; + }; + className: string; + onSuccess?: (response: onSuccessTypes) => void; + onError?: (message: string) => void; + routeReturnSuccess?: () => string; + showConfigurableOptions?: (options: options | {}) => options; +} +export interface ReturnOrderProductListProps { + slots?: { + ReturnOrderItem: SlotProps; + }; + itemsEligibleForReturn: OrderItemModel[]; + loading: boolean; + taxConfig: TaxTypes; + translations: Record; + selectedProductList: OrderItemModel[] | []; + handleSelectedProductList: (product: any) => void; + showConfigurableOptions?: (options: options | {}) => options; + handleSetQuantity: (value: number, productSku: string) => void; + handleChangeStep: (value: StepsTypes) => void; +} +export interface ReturnReasonFormProps { + slots?: { + ReturnFormActions: SlotProps<{ + handleChangeStep: (value: StepsTypes) => void; + }>; + }; + formsRef: MutableRefObject[]>; + loading: boolean; + translations: Record; + fieldsConfig: AttributesFormModel[] | []; + selectedProductList: OrderItemModel[] | []; + handleChangeStep: (value: StepsTypes) => void; + onSubmit?: (event: SubmitEvent, isValid: boolean) => Promise; +} +export interface ReturnOrderMessageProps { + translations: Record; + routeReturnSuccess?: (orderData?: OrderDataModel) => string; + orderData?: OrderDataModel; +} +export interface UseCreateReturn { + orderData?: OrderDataModel; + onSuccess?: (response: onSuccessTypes) => void; + onError?: (message: string) => void; + handleSetInLineAlert: (value?: InLineAlertProps) => void; +} +export {}; +//# sourceMappingURL=createReturn.types.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/types/form.types.d.ts b/scripts/__dropins__/storefront-order/types/form.types.d.ts index 2ce2b13d89..273ea23b2f 100644 --- a/scripts/__dropins__/storefront-order/types/form.types.d.ts +++ b/scripts/__dropins__/storefront-order/types/form.types.d.ts @@ -28,7 +28,7 @@ export interface FieldsProps { defaultValue: string | boolean | number; entityType: string; required: boolean; - is_unique: boolean; + isUnique: boolean; label: string; orderNumber: number; options?: { diff --git a/scripts/__dropins__/storefront-order/types/index.d.ts b/scripts/__dropins__/storefront-order/types/index.d.ts index e207247e77..0c1bb08da9 100644 --- a/scripts/__dropins__/storefront-order/types/index.d.ts +++ b/scripts/__dropins__/storefront-order/types/index.d.ts @@ -4,6 +4,8 @@ export * from './api/getGuestOrder.types'; export * from './api/getAttributesForm.types'; export * from './api/getCustomer.types'; export * from './api/getCustomerOrdersReturn.types'; +export * from './api/getAttributesList.types'; +export * from './api/requestReturn.types'; export * from './api/reorderItems.types'; export * from './orderSearch.types'; export * from './form.types'; @@ -15,5 +17,7 @@ export * from './returnsList.types'; export * from './emptyList.types'; export * from './orderProductList.types'; export * from './orderCostSummary.types'; +export * from './createReturn.types'; +export * from './notification.types'; export * from './reorder.types'; //# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/types/notification.types.d.ts b/scripts/__dropins__/storefront-order/types/notification.types.d.ts new file mode 100644 index 0000000000..7af9b58b05 --- /dev/null +++ b/scripts/__dropins__/storefront-order/types/notification.types.d.ts @@ -0,0 +1,14 @@ +import { VNode } from 'preact'; +import { HTMLAttributes } from 'preact/compat'; + +export type AdditionalActionsAlertProps = Array<{ + label: string; + onClick: (event: Event) => void; +}>; +export interface InLineAlertProps { + type: 'success' | 'warning' | 'error'; + heading: string; + icon?: VNode>; +} +export type statusTypes = '' | 'success' | 'error' | 'pending'; +//# sourceMappingURL=notification.types.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/storefront-order/types/orderProductList.types.d.ts b/scripts/__dropins__/storefront-order/types/orderProductList.types.d.ts index 6fa83732bf..3d1fc72634 100644 --- a/scripts/__dropins__/storefront-order/types/orderProductList.types.d.ts +++ b/scripts/__dropins__/storefront-order/types/orderProductList.types.d.ts @@ -18,12 +18,15 @@ export interface OrderProductListContentProps extends Omit; - showConfigurableOptions?: (options: options | {}) => options; itemType: string; + translations: Record; product: OrderItemModel; + taxConfig: TaxTypes; + isReturnProductList?: boolean; + onQuantity?: (value: number) => void; + showConfigurableOptions?: (options: options | {}) => options; routeProductDetails?: (product: any) => string; } export interface UseOrderProductListProps extends Omit { diff --git a/scripts/__dropins__/storefront-order/types/returnsList.types.d.ts b/scripts/__dropins__/storefront-order/types/returnsList.types.d.ts index 02bc1b5ed4..17cf40f211 100644 --- a/scripts/__dropins__/storefront-order/types/returnsList.types.d.ts +++ b/scripts/__dropins__/storefront-order/types/returnsList.types.d.ts @@ -19,6 +19,7 @@ export interface ReturnsListProps { returnOrderItem: OrdersReturnPropsModel; }>; }; + returnPageSize?: number; withReturnsListButton?: boolean; returnsInMinifiedView?: number; className?: string; @@ -38,7 +39,7 @@ export interface ReturnsListProps { routeProductDetails?: (orderItem?: OrderItemModel) => string; withThumbnails?: boolean; } -export interface ReturnsListContentProps extends Omit { +export interface ReturnsListContentProps extends Omit { minifiedViewKey: 'minifiedView' | 'fullSizeView'; orderReturns?: OrdersReturnPropsModel[] | []; translations: Record; @@ -51,6 +52,7 @@ export interface ReturnsListContentProps extends Omit { if (pathname === ORDER_DETAILS_PATH || pathname === CUSTOMER_ORDER_DETAILS_PATH || pathname === RETURN_DETAILS_PATH - || pathname === CUSTOMER_RETURN_DETAILS_PATH) { + || pathname === CUSTOMER_RETURN_DETAILS_PATH + || pathname === CREATE_RETURN_PATH + || pathname === CUSTOMER_CREATE_RETURN_PATH) { await handleUserOrdersRedirects(pathname, isAccountPage, orderRef, returnRef, isTokenProvided); } })();