of
"),ns=q('| Items | Qty. |
|---|
"),ls=q(''),cs=q(''),us=q("
All items have been fulfilled
"),fs=q(""),gs=q(""),hs=q(""),[Zt,Wt]=X(""),[K,le]=X(Ke.createDefault());function ms(e){const t=20,[r,i]=X(new Map);function o(x,n,s){le(a=>{const l=he({},a);switch(n){case"tracking_number":l.trackings[x()].tracking_number=s;break;case"slug":l.trackings[x()].slug=s,i(u=>{const _=new Map(Object.assign([],u));return _.set(x(),s),_});break}return l})}function c(x,n,s){le(a=>{const l=he({},a);switch(n){case"account_number":l.trackings[x()].additional_fields.account_number=s;break;case"postal_code":l.trackings[x()].additional_fields.postal_code=s;break;case"key":l.trackings[x()].additional_fields.key=s;break;case"destination_country":l.trackings[x()].additional_fields.destination_country=s;break;case"state":l.trackings[x()].additional_fields.state=s;break;case"ship_date":l.trackings[x()].additional_fields.ship_date=s;break}return l})}function h(){le(x=>{const n=he({},x);return n.trackings.push(wt.createDefault()),n})}function g(x){const n=[...K().trackings];n.splice(x(),1),le(tr(he({},K()),{trackings:n}))}function p(x){var s;return(((s=Fe().get(x))==null?void 0:s.required_fields)||[]).map(a=>({key:a.replace(/^tracking_/,""),name:a.replace(/^tracking_/,"").split("_").map(Ri).join(" ")}))}const f=Z(()=>K()?ce().filter(x=>x.id!==K().id):ce()),d=Z(()=>{let x=new Map;for(const n of f())for(let s of n.trackings)x.get(s.slug+s.tracking_number)===void 0&&x.set(s.slug+s.tracking_number,!0);return x}),S=Z(()=>ss(f())),C=Z(()=>{var l;let x=!0,n="";const s=K().items;if(!s||s.length===0)return{isValid:!1,errors:"Required items"};if(x=!1,s.forEach(u=>{u.quantity>0&&(x=!0)}),!x)return{isValid:!1,errors:"Required items"};let a=new Map;for(const u of K().trackings){if(u.slug==="")return{isValid:!1,errors:"Required tracking slug"};if(u.tracking_number==="")return{isValid:!1,errors:"Required tracking number"};if(u.tracking_number.length>256)return{isValid:!1,errors:"Tracking number invalid"};let _=d().get(u.slug+u.tracking_number);if(_)return{isValid:!1,errors:"Tracking number has already been added"};if(_=a.get(u.slug+u.tracking_number),_)return{isValid:!1,errors:"Tracking number has already been added"};_===void 0&&a.set(u.slug+u.tracking_number,!0);let w=((l=Fe().get(u.slug))==null?void 0:l.required_fields)||[];w.length>0&&w.forEach(N=>{let I=N.replace(/^tracking_/,""),L=I.split("_").join(" ");u.additional_fields[I]===""&&(x=!1,n=`Required ${L}`),u.additional_fields[I].length>256&&(x=!1,n=`${L} invalid`)})}return(K().trackings.length>t||K().trackings.length==0)&&(x=!1,n="Tracking number limit exceeded"),{isValid:x,errors:n}}),j=(x,n)=>{le(s=>{var u,_;const a=he({},s);let l=(u=a.items)==null?void 0:u.find(w=>w.id===x);return l!==void 0?l.quantity=n:(_=a.items)==null||_.push({id:x,quantity:n}),a})},k=()=>{e.onOk(K())},A=Z(()=>Zt().toString()+` tracking - order - #${e.orderId}`),$=Z(()=>Zt().toString()=="Edit"?"Save":"Add");return G(Xi,{get title(){return A()},get visible(){return e.visible},get okText(){return $().toString()},onOk:k,get onCancel(){return e.onCancel},get disabled(){return!C().isValid},get children(){const x=cs.cloneNode(!0),n=x.firstChild,s=n.nextSibling,a=s.nextSibling,l=a.nextSibling;return F(x,G(hr,{get fallback(){return(()=>{const u=us.cloneNode(!0);return R(()=>u.className=Ae.empty),u})()},get children(){return G(mr,{get when(){return S().length>0},get children(){const u=os.cloneNode(!0),_=u.firstChild,w=_.nextSibling;return F(w,G(Te,{get each(){return S()},children:N=>(()=>{const I=fs.cloneNode(!0),L=I.firstChild,U=L.nextSibling;return F(L,()=>N.name),F(U,G(is,{min:0,get max(){return N.quantity},step:1,get value(){var z,D;return((D=(z=K().items)==null?void 0:z.find(J=>J.id===N.id))==null?void 0:D.quantity)||0},onChange:z=>j(N.id,z||0)})),I})()})),R(()=>u.className=Ae.items),u}})}}),n),F(x,G(Ye,{get when(){return!C().isValid},get children(){return[(()=>{const u=as.cloneNode(!0);return u.style.setProperty("margin","20px 0"),u})(),(()=>{const u=ls.cloneNode(!0);return F(u,()=>C().errors),u})()]}}),n),n.style.setProperty("margin","20px 0"),s.style.setProperty("margin","10px 0"),F(x,G(Te,{get each(){return K().trackings},children:(u,_)=>(()=>{const w=ds.cloneNode(!0),N=w.firstChild,I=N.firstChild,L=I.firstChild,U=L.nextSibling,z=I.nextSibling,D=z.firstChild,J=D.nextSibling,oe=z.nextSibling,ne=N.nextSibling;return I.style.setProperty("marginLeft","10px"),U.addEventListener("change",T=>{o(_,"slug",T.currentTarget.value)}),F(U,G(Te,{get each(){return kr()},children:T=>(()=>{const W=gs.cloneNode(!0);return F(W,()=>T.name||T.other_name),R(()=>W.value=T.slug),W})()})),J.$$input=T=>o(_,"tracking_number",T.currentTarget.value),oe.$$click=()=>g(_),F(ne,G(Te,{get each(){var T;return p((T=r().get(_()))!=null?T:"")},children:T=>(()=>{const W=hs.cloneNode(!0),ie=W.firstChild,b=ie.firstChild,y=b.nextSibling;return F(ie,()=>T.name,b),y.$$input=m=>c(_,T.key,m.currentTarget.value),R(m=>{const v=T.key==="ship_date"?"date":"text",Xt=u.additional_fields[T.key];return v!==m._v$7&&se(y,"type",m._v$7=v),Xt!==m._v$8&&(y.value=m._v$8=Xt),m},{_v$7:void 0,_v$8:void 0}),W})()})),R(T=>{const W=Ae.input,ie=u==null?void 0:u.slug,b=u.tracking_number,y=Ae.input;return W!==T._v$3&&(N.className=T._v$3=W),ie!==T._v$4&&(U.value=T._v$4=ie),b!==T._v$5&&(J.value=T._v$5=b),y!==T._v$6&&(ne.className=T._v$6=y),T},{_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),w})()}),a),l.$$click=h,R(u=>{const _=Ae.modal,w=K().trackings.length>=t;return _!==u._v$&&(x.className=u._v$=_),w!==u._v$2&&(l.disabled=u._v$2=w),u},{_v$:void 0,_v$2:void 0}),x}})}ve(["click","input"]);var Qt={exports:{}},Kt={exports:{}};(function(e,t){(function(r,i){e.exports=i()})(pe,function(){var r=r||function(i,o){var c;if(typeof window!="undefined"&&window.crypto&&(c=window.crypto),typeof self!="undefined"&&self.crypto&&(c=self.crypto),typeof globalThis!="undefined"&&globalThis.crypto&&(c=globalThis.crypto),!c&&typeof window!="undefined"&&window.msCrypto&&(c=window.msCrypto),!c&&typeof pe!="undefined"&&pe.crypto&&(c=pe.crypto),!c&&typeof $r=="function")try{c=require("crypto")}catch(n){}var h=function(){if(c){if(typeof c.getRandomValues=="function")try{return c.getRandomValues(new Uint32Array(1))[0]}catch(n){}if(typeof c.randomBytes=="function")try{return c.randomBytes(4).readInt32LE()}catch(n){}}throw new Error("Native crypto module could not be used to get secure random number.")},g=Object.create||function(){function n(){}return function(s){var a;return n.prototype=s,a=new n,n.prototype=null,a}}(),p={},f=p.lib={},d=f.Base=function(){return{extend:function(n){var s=g(this);return n&&s.mixIn(n),(!s.hasOwnProperty("init")||this.init===s.init)&&(s.init=function(){s.$super.init.apply(this,arguments)}),s.init.prototype=s,s.$super=this,s},create:function(){var n=this.extend();return n.init.apply(n,arguments),n},init:function(){},mixIn:function(n){for(var s in n)n.hasOwnProperty(s)&&(this[s]=n[s]);n.hasOwnProperty("toString")&&(this.toString=n.toString)},clone:function(){return this.init.prototype.extend(this)}}}(),S=f.WordArray=d.extend({init:function(n,s){n=this.words=n||[],s!=o?this.sigBytes=s:this.sigBytes=n.length*4},toString:function(n){return(n||j).stringify(this)},concat:function(n){var s=this.words,a=n.words,l=this.sigBytes,u=n.sigBytes;if(this.clamp(),l%4)for(var _=0;_
"),xs=q(""),Ss=q("
x
of
"),Ki=z('| Items | Qty. |
|---|
"),ns=z(''),is=z(''),ss=z("
All items have been fulfilled
"),as=z(""),ls=z(""),cs=z(""),[us,fs]=J(""),[Z,$e]=J(Nr.createDefault());function ds(e){function t(w,p,y){$e(T=>{const n=fe({},T);switch(p){case"tracking_number":n.trackings[w()].tracking_number=y;break;case"slug":n.trackings[w()].slug=y;break}return n})}function r(w,p,y){$e(T=>{const n=fe({},T);switch(p){case"account_number":n.trackings[w()].additional_fields.account_number=y;break;case"postal_code":n.trackings[w()].additional_fields.postal_code=y;break;case"key":n.trackings[w()].additional_fields.key=y;break;case"destination_country":n.trackings[w()].additional_fields.destination_country=y;break;case"state":n.trackings[w()].additional_fields.state=y;break;case"ship_date":n.trackings[w()].additional_fields.ship_date=y;break}return n})}function i(){$e(w=>{const p=fe({},w);return p.trackings.push(mt.createDefault()),p})}function a(w){const p=[...Z().trackings];p.splice(w(),1),$e(Gt(fe({},Z()),{trackings:p}))}function l(w){var y;return(((y=Ge().get(Z().trackings[w()].slug))==null?void 0:y.required_fields)||[]).map(T=>({key:T.replace(/^tracking_/,""),name:T.replace(/^tracking_/,"").split("_").map(Oi).join(" ")}))}const h=V(()=>Z()?pe().filter(w=>w.id!==Z().id):pe()),g=V(()=>{let w=new Map;for(const p of h())for(let y of p.trackings)w.get(y.slug+y.tracking_number)===void 0&&w.set(y.slug+y.tracking_number,!0);return w}),$=V(()=>es(h())),u=V(()=>{var n;let w=!0,p="";const y=Z().items;if(!y||y.length===0)return{isValid:!1,errors:"Required items"};if(w=!1,y.forEach(s=>{s.quantity>0&&(w=!0)}),!w)return{isValid:!1,errors:"Required items"};let T=new Map;for(const s of Z().trackings){if(s.slug==="")return{isValid:!1,errors:"Required tracking slug"};if(s.tracking_number==="")return{isValid:!1,errors:"Required tracking number"};if(s.tracking_number.length>256)return{isValid:!1,errors:"Tracking number invalid"};let o=g().get(s.slug+s.tracking_number);if(o)return{isValid:!1,errors:"Tracking number has already been added"};if(o=T.get(s.slug+s.tracking_number),o)return{isValid:!1,errors:"Tracking number has already been added"};o===void 0&&T.set(s.slug+s.tracking_number,!0);let c=((n=Ge().get(s.slug))==null?void 0:n.required_fields)||[];c.length>0&&c.forEach(d=>{let x=d.replace(/^tracking_/,""),S=x.split("_").join(" ");s.additional_fields[x]===""&&(w=!1,p=`Required ${S}`),s.additional_fields[x].length>256&&(w=!1,p=`${S} invalid`)})}return Z().trackings.length>20&&(w=!1,p="Tracking number limit exceeded"),{isValid:w,errors:p}}),f=(w,p)=>{$e(y=>{var s,o;const T=fe({},y);let n=(s=T.items)==null?void 0:s.find(c=>c.id===w);return n!==void 0?n.quantity=p:(o=T.items)==null||o.push({id:w,quantity:p}),T})},A=()=>{e.onOk(Z())},C=V(()=>us().toString()+` tracking - order - #${e.orderId}`),k=V(()=>{let w=Z().trackings;return w===void 0?"Add":w.length>0?"Save":"Add"});return R(Zi,{get title(){return C()},get visible(){return e.visible},get okText(){return k().toString()},onOk:A,get onCancel(){return e.onCancel},get disabled(){return!u().isValid},get children(){const w=is.cloneNode(!0),p=w.firstChild,y=p.nextSibling,T=y.nextSibling,n=T.nextSibling;return L(w,R(sr,{get fallback(){return(()=>{const s=ss.cloneNode(!0);return H(()=>s.className=we.empty),s})()},get children(){return R(ar,{get when(){return $().length>0},get children(){const s=ts.cloneNode(!0),o=s.firstChild,c=o.nextSibling;return L(c,R(Te,{get each(){return $()},children:d=>(()=>{const x=as.cloneNode(!0),S=x.firstChild,j=S.nextSibling;return L(S,()=>d.name),L(j,R(Xi,{min:0,get max(){return d.quantity},step:1,get value(){var D,W;return((W=(D=Z().items)==null?void 0:D.find(Y=>Y.id===d.id))==null?void 0:W.quantity)||0},onChange:D=>f(d.id,D||0)})),x})()})),H(()=>s.className=we.items),s}})}}),p),L(w,R(He,{get when(){return!u().isValid},get children(){return[(()=>{const s=rs.cloneNode(!0);return s.style.setProperty("margin","20px 0"),s})(),(()=>{const s=ns.cloneNode(!0);return L(s,()=>u().errors),s})()]}}),p),p.style.setProperty("margin","20px 0"),y.style.setProperty("margin","10px 0"),L(w,R(Te,{get each(){return Z().trackings},children:(s,o)=>(()=>{const c=os.cloneNode(!0),d=c.firstChild,x=d.firstChild,S=x.firstChild,j=S.nextSibling,D=x.nextSibling,W=D.firstChild,Y=W.nextSibling,ue=D.nextSibling,se=d.nextSibling;return x.style.setProperty("marginLeft","10px"),j.addEventListener("change",N=>{t(o,"slug",N.currentTarget.value)}),L(j,R(Te,{get each(){return vr()},children:N=>(()=>{const q=ls.cloneNode(!0);return L(q,()=>N.name||N.other_name),H(()=>q.value=N.slug),q})()})),Y.$$input=N=>t(o,"tracking_number",N.currentTarget.value),ue.$$click=()=>a(o),L(se,R(Te,{get each(){return l(o)},children:N=>(()=>{const q=cs.cloneNode(!0),re=q.firstChild,ne=re.firstChild,K=ne.nextSibling;return L(re,()=>N.name,ne),K.$$input=Q=>r(o,N.key,Q.currentTarget.value),H(Q=>{const m=N.key==="ship_date"?"date":"text",b=s.additional_fields[N.key];return m!==Q._v$5&&le(K,"type",Q._v$5=m),b!==Q._v$6&&(K.value=Q._v$6=b),Q},{_v$5:void 0,_v$6:void 0}),q})()})),H(N=>{const q=we.input,re=s==null?void 0:s.slug,ne=s.tracking_number,K=we.input;return q!==N._v$&&(d.className=N._v$=q),re!==N._v$2&&(j.value=N._v$2=re),ne!==N._v$3&&(Y.value=N._v$3=ne),K!==N._v$4&&(se.className=N._v$4=K),N},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),c})()}),T),n.$$click=i,H(()=>w.className=we.modal),w}})}ke(["click","input"]);var Ht={exports:{}},Vt={exports:{}};(function(e,t){(function(r,i){e.exports=i()})(me,function(){var r=r||function(i,a){var l;if(typeof window!="undefined"&&window.crypto&&(l=window.crypto),typeof self!="undefined"&&self.crypto&&(l=self.crypto),typeof globalThis!="undefined"&&globalThis.crypto&&(l=globalThis.crypto),!l&&typeof window!="undefined"&&window.msCrypto&&(l=window.msCrypto),!l&&typeof me!="undefined"&&me.crypto&&(l=me.crypto),!l&&typeof fr=="function")try{l=require("crypto")}catch(n){}var h=function(){if(l){if(typeof l.getRandomValues=="function")try{return l.getRandomValues(new Uint32Array(1))[0]}catch(n){}if(typeof l.randomBytes=="function")try{return l.randomBytes(4).readInt32LE()}catch(n){}}throw new Error("Native crypto module could not be used to get secure random number.")},g=Object.create||function(){function n(){}return function(s){var o;return n.prototype=s,o=new n,n.prototype=null,o}}(),$={},u=$.lib={},f=u.Base=function(){return{extend:function(n){var s=g(this);return n&&s.mixIn(n),(!s.hasOwnProperty("init")||this.init===s.init)&&(s.init=function(){s.$super.init.apply(this,arguments)}),s.init.prototype=s,s.$super=this,s},create:function(){var n=this.extend();return n.init.apply(n,arguments),n},init:function(){},mixIn:function(n){for(var s in n)n.hasOwnProperty(s)&&(this[s]=n[s]);n.hasOwnProperty("toString")&&(this.toString=n.toString)},clone:function(){return this.init.prototype.extend(this)}}}(),A=u.WordArray=f.extend({init:function(n,s){n=this.words=n||[],s!=a?this.sigBytes=s:this.sigBytes=n.length*4},toString:function(n){return(n||k).stringify(this)},concat:function(n){var s=this.words,o=n.words,c=this.sigBytes,d=n.sigBytes;if(this.clamp(),c%4)for(var x=0;x
+ All items have been fulfilled
}>
+ | Items | +Qty. | +
|---|---|
| {item.name} | +
+ |
+
+
{validator().errors}
+ + +
+
+ }
+
+
+
+
+
+
+
+ {(item) => (
+
+
+
+
+
+ )}
+ + + +
+
+
+
+
+ {props.children}
+
+
+
+ {props.title}
+
+ 
+
+
+
+
+
+ );
+}
diff --git a/assets/frontendv2/src/components/NumberInput/images/caret-down-fill.svg b/assets/frontendv2/src/components/NumberInput/images/caret-down-fill.svg
new file mode 100644
index 0000000..e4dce10
--- /dev/null
+++ b/assets/frontendv2/src/components/NumberInput/images/caret-down-fill.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/assets/frontendv2/src/components/NumberInput/images/caret-up-fill.svg b/assets/frontendv2/src/components/NumberInput/images/caret-up-fill.svg
new file mode 100644
index 0000000..e12f85c
--- /dev/null
+++ b/assets/frontendv2/src/components/NumberInput/images/caret-up-fill.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/assets/frontendv2/src/components/NumberInput/index.ts b/assets/frontendv2/src/components/NumberInput/index.ts
new file mode 100644
index 0000000..1fcf585
--- /dev/null
+++ b/assets/frontendv2/src/components/NumberInput/index.ts
@@ -0,0 +1 @@
+export { default } from './NumberInput';
diff --git a/assets/frontendv2/src/components/Spinner/Spinner.module.scss b/assets/frontendv2/src/components/Spinner/Spinner.module.scss
new file mode 100644
index 0000000..d97fed8
--- /dev/null
+++ b/assets/frontendv2/src/components/Spinner/Spinner.module.scss
@@ -0,0 +1,16 @@
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+.spinner {
+ display: block;
+ background-image: url('/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');
+ height: 26px;
+ width: 26px;
+ animation: spin 1s ease-in-out infinite;
+}
diff --git a/assets/frontendv2/src/components/Spinner/Spinner.tsx b/assets/frontendv2/src/components/Spinner/Spinner.tsx
new file mode 100644
index 0000000..bd78ce7
--- /dev/null
+++ b/assets/frontendv2/src/components/Spinner/Spinner.tsx
@@ -0,0 +1,20 @@
+import { JSX } from 'solid-js';
+import styles from './Spinner.module.scss';
+
+interface Props {
+ children: JSX.Element;
+ width?: JSX.CSSProperties['width'];
+ height?: JSX.CSSProperties['height'];
+}
+
+export default function Spinner(props) {
+ return (
+
+ );
+}
diff --git a/assets/frontendv2/src/components/Spinner/index.ts b/assets/frontendv2/src/components/Spinner/index.ts
new file mode 100644
index 0000000..f90663a
--- /dev/null
+++ b/assets/frontendv2/src/components/Spinner/index.ts
@@ -0,0 +1 @@
+export { default } from './Spinner';
diff --git a/assets/frontendv2/src/global.scss b/assets/frontendv2/src/global.scss
new file mode 100644
index 0000000..2756970
--- /dev/null
+++ b/assets/frontendv2/src/global.scss
@@ -0,0 +1,21 @@
+:host {
+ all: initial;
+ font-family: inherit;
+ font-size: inherit;
+}
+
+@import url('normalize.css/normalize.css');
+
+* {
+ box-sizing: border-box;
+}
+
+a {
+ cursor: pointer;
+ color: #2271b1;
+ transition: color 0.5s ease-in-out;
+
+ &:hover {
+ color: #135e96;
+ }
+}
diff --git a/assets/frontendv2/src/metabox.tsx b/assets/frontendv2/src/metabox.tsx
new file mode 100644
index 0000000..346ab42
--- /dev/null
+++ b/assets/frontendv2/src/metabox.tsx
@@ -0,0 +1,28 @@
+import { render } from 'solid-js/web';
+import Metabox from './pages/Metabox';
+import './global.scss';
+
+customElements.define(
+ 'aftership-meta-box',
+ class Tracking extends HTMLElement {
+ private initialized = false;
+ constructor() {
+ super();
+ this.attachShadow({ mode: 'open' });
+ }
+
+ connectedCallback() {
+ if (!this.shadowRoot) return;
+ if (this.initialized) return;
+ this.initialized = true;
+ if (import.meta.env.MODE === 'production') {
+ const currentScript = document.currentScript as HTMLScriptElement;
+ const linkElm = document.createElement('link');
+ linkElm.rel = 'stylesheet';
+ linkElm.href = currentScript.src.replace(/\/index\.js\?/, '/style.css?');
+ this.shadowRoot.appendChild(linkElm);
+ }
+ render(() =>
+ (inputRef = el)}
+ type="number"
+ inputMode="numeric"
+ min={merged.min}
+ max={merged.max}
+ value={merged.value}
+ onInput={(e) => handleInput(e.currentTarget.value)}
+ onBlur={(e) => handleBlur(e.currentTarget.value)}
+ />
+
+ inputRef.focus()}>
+ of {merged.max}
+
+
+
+ handleArrowClick(1)} role="button" tabIndex={-1}>
+ 
+
+ handleArrowClick(-1)} role="button" tabIndex={-1}>
+ 
+
+
+
+ );
+};
+
+export default Metabox;
diff --git a/assets/frontendv2/src/pages/Metabox/index.ts b/assets/frontendv2/src/pages/Metabox/index.ts
new file mode 100644
index 0000000..0f9eb1d
--- /dev/null
+++ b/assets/frontendv2/src/pages/Metabox/index.ts
@@ -0,0 +1,3 @@
+export { default } from './Metabox';
+export * from './Metabox';
+
diff --git a/assets/frontendv2/src/pages/Orders/Orders.module.scss b/assets/frontendv2/src/pages/Orders/Orders.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/frontendv2/src/pages/Orders/Orders.tsx b/assets/frontendv2/src/pages/Orders/Orders.tsx
new file mode 100644
index 0000000..a31ef8e
--- /dev/null
+++ b/assets/frontendv2/src/pages/Orders/Orders.tsx
@@ -0,0 +1,110 @@
+import { Component, createSignal, onCleanup, onMount } from 'solid-js';
+import EditTrackingModal, {setTitle} from '@src/components/EditTrackingModal';
+import {
+ fetchOrderFulfillments,
+ fetchSelectedCouriers,
+ editOrderFulfillments,
+ editingOrderNumber,
+ deleteOrderFulfillmentTracking
+} from '@src/storages/tracking';
+import {Fulfillment} from '@src/typings/trackings';
+import {forEach} from "lodash-es";
+import md5 from "crypto-js/md5";
+import { v4 as uuidv4 } from 'uuid';
+
+
+const Orders: Component = () => {
+ const [showModal, setShowModal] = createSignal(false);
+ const [orderId, setOrderId] = createSignal('');
+
+ const handleAddTrackingClick = async (e: MouseEvent) => {
+ const target = e.target as HTMLAnchorElement | null;
+ if (!target) return;
+ if (target.tagName !== 'A' || !target.className.includes('aftership_add_inline_tracking')) {
+ return;
+ }
+ e.preventDefault();
+ const match = target.href.match(/#order-id-(\S+)$/);
+ if (match) {
+ await setOrderId(match[1]);
+ await fetchOrderFulfillments(match[1]);
+ setTitle('Add')
+ setShowModal(true);
+ }
+ };
+
+ const handleDeleteTrackingClick = async (e: MouseEvent) => {
+ const parentElement = (e.target as HTMLAnchorElement | null)?.parentElement;
+ if (!parentElement) return;
+ if (
+ parentElement.tagName !== 'A' ||
+ !parentElement.className.includes('aftership_inline_tracking_delete')
+ ) {
+ return;
+ }
+ e.preventDefault();
+ const result = window.confirm('Do you really want to delete tracking number?');
+ if (result) {
+ const dataSet = parentElement.dataset as { orderId: string; trackingId: string };
+ const elPath = e.composedPath();
+ await deleteOrderFulfillmentTracking(dataSet.orderId, dataSet.trackingId);
+ for (let el of elPath) {
+ if (
+ el instanceof HTMLElement &&
+ el.tagName === 'LI' &&
+ el.parentElement?.className.includes('wcas-tracking-number-list')
+ ) {
+ el.remove();
+ return;
+ }
+ }
+ }
+ window.location.reload();
+ };
+
+ onMount(() => {
+ fetchSelectedCouriers();
+ window.addEventListener('click', handleAddTrackingClick, true);
+ window.addEventListener('click', handleDeleteTrackingClick);
+ });
+
+ onCleanup(() => {
+ window.removeEventListener('click', handleAddTrackingClick);
+ window.removeEventListener('click', handleDeleteTrackingClick);
+ });
+
+
+ const handleCancel = () => {
+ setShowModal(false);
+ };
+
+ const handleOk = async (f: Fulfillment) => {
+ const now = new Date().toISOString().replace(/\.\d+(?=Z$)/, '');
+ if (f.id === '') {
+ f.created_at = now;
+ f.updated_at = now;
+ f.id = uuidv4();
+ } else {
+ f.updated_at = now;
+ }
+ forEach(f.trackings || [], (tracking) => {
+ if (tracking.tracking_id === '') {
+ tracking.tracking_id = md5(`${tracking.slug}-${tracking.tracking_number}`).toString();
+ }
+ });
+ console.log('handleOk' + f);
+ await editOrderFulfillments(orderId(), f);
+ window.location.reload();
+ };
+
+ return (
+
+ {fulfillments().map((fulfillment, index) => (
+
+
+
+ {fulfillment.trackings.map((tracking, index) => ( +
+ ))}
+
+
+ {(itemsMap().get(fulfillment.id) || []).map((item, index) => (
+ Shipment {index + 1}
+
+
+
+ ))}
+ {item.name} x {item.quantity}
+ + {fulfillment.trackings.map((tracking, index) => ( +
+
+ ))}
+ Tracking {index + 1}
+
+
+
+ {courierMap().get(tracking.slug)?.name || tracking.slug}
+
+
+
+
+
+ - ';
-
- foreach ( $tracking_items as $tracking_item ) {
- // 根据 slug，匹配显示的 courier name
- $provider_courier = $this->get_courier_by_slug( $tracking_item['slug'] );
- // 根据规则，生成 tracking link
- $aftership_tracking_link = $this->generate_tracking_page_link( $tracking_item );
-
- printf(
- '
-
- - %s -- %s - - - - ',
- esc_html( isset( $provider_courier['name'] ) ? $provider_courier['name'] : $tracking_item['slug'] ),
- esc_url( $aftership_tracking_link ),
- esc_html( $tracking_item['tracking_number'] ),
- esc_html( $tracking_item['tracking_number'] ),
- esc_attr( $tracking_item['tracking_id'] ),
- esc_attr( $order_id )
- );
- }
- echo '
- ';
+ foreach ( $tracking_items as $tracking_item ) {
+ // 根据 slug，匹配显示的 courier name
+ $provider_courier = $this->get_courier_by_slug(safeArrayGet($tracking_item, 'slug', ''));
+ // 根据规则，生成 tracking link
+ $aftership_tracking_link = $this->generate_tracking_page_link( $tracking_item );
+
+ printf(
+ '
-
+ + %s ++ %s + + + + ',
+ esc_html( safeArrayGet($provider_courier, 'name', safeArrayGet($tracking_item, 'slug', ''))),
+ esc_url( $aftership_tracking_link ),
+ esc_html( safeArrayGet($tracking_item, 'tracking_number', '')),
+ esc_html( safeArrayGet($tracking_item, 'tracking_number', '')),
+ esc_attr( safeArrayGet($tracking_item, 'tracking_id', '')),
+ esc_attr( $order_id )
+ );
+ }
+ echo '