@wilow_app/design-system 0.1.7 → 0.1.8

package/dist/index.es.js

@@ -8,7 +8,7 @@ function W(e) {
 var Go = typeof Symbol == "function" && Symbol.observable || "@@observable", In = Go, Cn = () => Math.random().toString(36).substring(7).split("").join("."), ko = {
   INIT: `@@redux/INIT${/* @__PURE__ */ Cn()}`,
   REPLACE: `@@redux/REPLACE${/* @__PURE__ */ Cn()}`
-}, On = ko;
+}, wn = ko;
 function Fo(e) {
   if (typeof e != "object" || e === null)
     return !1;
@@ -121,7 +121,7 @@ function br(e, t, n) {
     if (typeof m != "function")
       throw new Error(process.env.NODE_ENV === "production" ? W(10) : `Expected the nextReducer to be a function. Instead, received: '${ne(m)}`);
     r = m, u({
-      type: On.REPLACE
+      type: wn.REPLACE
     });
   }
   function h() {
@@ -152,7 +152,7 @@ function br(e, t, n) {
     };
   }
   return u({
-    type: On.INIT
+    type: wn.INIT
   }), {
     dispatch: u,
     subscribe: l,
@@ -161,20 +161,20 @@ function br(e, t, n) {
     [In]: h
   };
 }
-function wn(e, t) {
+function On(e, t) {
   return function(...n) {
     return t(e.apply(this, n));
   };
 }
 function Sn(e, t) {
   if (typeof e == "function")
-    return wn(e, t);
+    return On(e, t);
   if (typeof e != "object" || e === null)
     throw new Error(process.env.NODE_ENV === "production" ? W(16) : `bindActionCreators expected an object or a function, but instead received: '${ne(e)}'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);
   const n = {};
   for (const r in e) {
     const o = e[r];
-    typeof o == "function" && (n[r] = wn(o, t));
+    typeof o == "function" && (n[r] = On(o, t));
   }
   return n;
 }
@@ -442,7 +442,7 @@ function ai(e) {
     n = Object.getPrototypeOf(n);
   return t === n;
 }
-function Or(e, t, n) {
+function wr(e, t, n) {
   ai(e) || jt(
     `${n}() in ${t} must return a plain object. Instead received ${e}.`
   );
@@ -459,7 +459,7 @@ function Bt(e) {
 function Pn(e) {
   return e.dependsOnOwnProps ? !!e.dependsOnOwnProps : e.length !== 1;
 }
-function wr(e, t) {
+function Or(e, t) {
   return function(r, { displayName: o }) {
     const i = function(c, a) {
       return i.dependsOnOwnProps ? i.mapToProps(c, a) : i.mapToProps(c, void 0);
@@ -467,7 +467,7 @@ function wr(e, t) {
     return i.dependsOnOwnProps = !0, i.mapToProps = function(c, a) {
       i.mapToProps = e, i.dependsOnOwnProps = Pn(e);
       let d = i(c, a);
-      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = Pn(d), d = i(c, a)), process.env.NODE_ENV !== "production" && Or(d, o, t), d;
+      return typeof d == "function" && (i.mapToProps = d, i.dependsOnOwnProps = Pn(d), d = i(c, a)), process.env.NODE_ENV !== "production" && wr(d, o, t), d;
     }, i;
   };
 }
@@ -486,7 +486,7 @@ function li(e) {
     )
   ) : e ? typeof e == "function" ? (
     // @ts-ignore
-    wr(e, "mapDispatchToProps")
+    Or(e, "mapDispatchToProps")
   ) : Yt(e, "mapDispatchToProps") : Bt((t) => ({
     dispatch: t
   }));
@@ -494,7 +494,7 @@ function li(e) {
 function di(e) {
   return e ? typeof e == "function" ? (
     // @ts-ignore
-    wr(e, "mapStateToProps")
+    Or(e, "mapStateToProps")
   ) : Yt(e, "mapStateToProps") : Bt(() => ({}));
 }
 function ui(e, t, n) {
@@ -505,7 +505,7 @@ function pi(e) {
     let i = !1, s;
     return function(a, d, p) {
       const l = e(a, d, p);
-      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && Or(s, r, "mergeProps")), s;
+      return i ? o(l, s) || (s = l) : (i = !0, s = l, process.env.NODE_ENV !== "production" && wr(s, r, "mergeProps")), s;
     };
   };
 }
@@ -650,20 +650,20 @@ var Di = {
 function Bn(e) {
   return ri(e) ? _r : Ii[e.$$typeof] || Di;
 }
-var Ci = Object.defineProperty, Oi = Object.getOwnPropertyNames, Vn = Object.getOwnPropertySymbols, wi = Object.getOwnPropertyDescriptor, Si = Object.getPrototypeOf, Ln = Object.prototype;
+var Ci = Object.defineProperty, wi = Object.getOwnPropertyNames, Vn = Object.getOwnPropertySymbols, Oi = Object.getOwnPropertyDescriptor, Si = Object.getPrototypeOf, Ln = Object.prototype;
 function Vt(e, t) {
   if (typeof t != "string") {
     if (Ln) {
       const i = Si(t);
       i && i !== Ln && Vt(e, i);
     }
-    let n = Oi(t);
+    let n = wi(t);
     Vn && (n = n.concat(Vn(t)));
     const r = Bn(e), o = Bn(t);
     for (let i = 0; i < n.length; ++i) {
       const s = n[i];
       if (!Ni[s] && !(o && o[s]) && !(r && r[s])) {
-        const c = wi(t, s);
+        const c = Oi(t, s);
         try {
           Ci(e, s, c);
         } catch {
@@ -1057,13 +1057,13 @@ function K(e, t, n) {
   };
 }
 const Xi = process.env.NODE_ENV === "production", Fn = "Invariant failed";
-class Oe extends Error {
+class we extends Error {
 }
-Oe.prototype.toString = function() {
+we.prototype.toString = function() {
   return this.message;
 };
 function g(e, t) {
-  throw Xi ? new Oe(Fn) : new Oe(`${Fn}: ${t || ""}`);
+  throw Xi ? new we(Fn) : new we(`${Fn}: ${t || ""}`);
 }
 class Ki extends L.Component {
   constructor(...t) {
@@ -1074,7 +1074,7 @@ class Ki extends L.Component {
         The active drag has been aborted.
       `));
       const o = n.error;
-      o instanceof Oe && (n.preventDefault(), process.env.NODE_ENV !== "production" && Lt(o.message));
+      o instanceof we && (n.preventDefault(), process.env.NODE_ENV !== "production" && Lt(o.message));
     }, this.getCallbacks = () => {
       if (!this.callbacks)
         throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");
@@ -1090,7 +1090,7 @@ class Ki extends L.Component {
     }]);
   }
   componentDidCatch(t) {
-    if (t instanceof Oe) {
+    if (t instanceof we) {
       process.env.NODE_ENV !== "production" && Lt(t.message), this.setState({});
       return;
     }
@@ -1170,7 +1170,7 @@ function Mr(e, t) {
       return !1;
   return !0;
 }
-function w(e, t) {
+function O(e, t) {
   const n = me(() => ({
     inputs: t,
     result: e()
@@ -1183,7 +1183,7 @@ function w(e, t) {
   }, [s]), s.result;
 }
 function D(e, t) {
-  return w(() => e, t);
+  return O(() => e, t);
 }
 const G = {
   x: 0,
@@ -1203,7 +1203,7 @@ const G = {
 } : {
   x: n,
   y: t
-}, we = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Un = (e, t) => Math.min(...t.map((n) => we(e, n))), $r = (e) => (t) => ({
+}, Oe = (e, t) => Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2), Un = (e, t) => Math.min(...t.map((n) => Oe(e, n))), $r = (e) => (t) => ({
   x: e(t.x),
   y: e(t.y)
 });
@@ -1641,12 +1641,12 @@ const zr = (e, t) => t.margin[e.start] + t.borderBox[e.size] / 2, Cs = (e, t) =>
   axis: e,
   moveRelativeTo: t,
   isMoving: n
-}) => ae(e.line, t.marginBox[e.start] - Cs(e, n), tn(e, t.marginBox, n)), Os = ({
+}) => ae(e.line, t.marginBox[e.start] - Cs(e, n), tn(e, t.marginBox, n)), ws = ({
   axis: e,
   moveInto: t,
   isMoving: n
 }) => ae(e.line, t.contentBox[e.start] + zr(e, n), tn(e, t.contentBox, n));
-var ws = ({
+var Os = ({
   impact: e,
   draggable: t,
   draggables: n,
@@ -1655,7 +1655,7 @@ var ws = ({
 }) => {
   const i = le(r.descriptor.id, n), s = t.page, c = r.axis;
   if (!i.length)
-    return Os({
+    return ws({
       axis: c,
       moveInto: r.page,
       isMoving: s
@@ -1707,7 +1707,7 @@ const Ss = ({
   afterCritical: o
 }) => {
   const i = t.page.borderBox.center, s = e.at;
-  return !n || !s ? i : s.type === "REORDER" ? ws({
+  return !n || !s ? i : s.type === "REORDER" ? Os({
     impact: e,
     draggable: t,
     draggables: r,
@@ -1934,7 +1934,7 @@ var Vs = ({
   viewport: t.frame,
   withDroppableDisplacement: !0
 })).sort((s, c) => {
-  const a = we(e, Mt(n, Xn(s, o))), d = we(e, Mt(n, Xn(c, o)));
+  const a = Oe(e, Mt(n, Xn(s, o))), d = Oe(e, Mt(n, Xn(c, o)));
   return a < d ? -1 : d < a ? 1 : s.descriptor.index - c.descriptor.index;
 })[0] || null, Ve = $(function(t, n) {
   const r = n[t.line];
@@ -2182,7 +2182,7 @@ function Us({
     const s = i.axis, c = ae(i.axis.line, e.center[s.line], i.page.borderBox.center[s.crossAxisLine]);
     return {
       id: i.descriptor.id,
-      distance: we(r, c)
+      distance: Oe(r, c)
     };
   }).sort((i, s) => s.distance - i.distance);
   return o[0] ? o[0].id : null;
@@ -3007,18 +3007,18 @@ const cn = {
 }, {
   minDropTime: kt,
   maxDropTime: ao
-} = co, Oc = ao - kt, Zn = 1500, wc = 0.6;
+} = co, wc = ao - kt, Zn = 1500, Oc = 0.6;
 var Sc = ({
   current: e,
   destination: t,
   reason: n
 }) => {
-  const r = we(e, t);
+  const r = Oe(e, t);
   if (r <= 0)
     return kt;
   if (r >= Zn)
     return ao;
-  const o = r / Zn, i = kt + Oc * o, s = n === "CANCEL" ? i * wc : i;
+  const o = r / Zn, i = kt + wc * o, s = n === "CANCEL" ? i * Oc : i;
   return Number(s.toFixed(2));
 }, _c = ({
   impact: e,
@@ -4093,7 +4093,7 @@ var Na = (e) => {
     userCancel: De(s, "userCancel")
   };
 };
-const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Mo : te, Ot = () => {
+const Y = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Mo : te, wt = () => {
   const e = document.querySelector("head");
   return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find the head to append a style to") : g()), e;
 }, or = (e) => {
@@ -4101,7 +4101,7 @@ const Y = typeof window < "u" && typeof window.document < "u" && typeof window.d
   return e && t.setAttribute("nonce", e), t.type = "text/css", t;
 };
 function xa(e, t) {
-  const n = w(() => Na(e), [e]), r = V(null), o = V(null), i = D($((l) => {
+  const n = O(() => Na(e), [e]), r = V(null), o = V(null), i = D($((l) => {
     const u = o.current;
     u || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot set dynamic style element if it is not set") : g()), u.textContent = l;
   }), []), s = D((l) => {
@@ -4111,10 +4111,10 @@ function xa(e, t) {
   Y(() => {
     !r.current && !o.current || (process.env.NODE_ENV !== "production" ? g(!1, "style elements already mounted") : g());
     const l = or(t), u = or(t);
-    return r.current = l, o.current = u, l.setAttribute(`${fe}-always`, e), u.setAttribute(`${fe}-dynamic`, e), Ot().appendChild(l), Ot().appendChild(u), s(n.always), i(n.resting), () => {
+    return r.current = l, o.current = u, l.setAttribute(`${fe}-always`, e), u.setAttribute(`${fe}-dynamic`, e), wt().appendChild(l), wt().appendChild(u), s(n.always), i(n.resting), () => {
       const f = (h) => {
         const b = h.current;
-        b || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot unmount ref as it is not set") : g()), Ot().removeChild(b), h.current = null;
+        b || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot unmount ref as it is not set") : g()), wt().removeChild(b), h.current = null;
       };
       f(r), f(o);
     };
@@ -4128,7 +4128,7 @@ function xa(e, t) {
   }, [i, n.dropAnimating, n.userCancel]), d = D(() => {
     o.current && i(n.resting);
   }, [i, n.resting]);
-  return w(() => ({
+  return O(() => ({
     dragging: c,
     dropping: a,
     resting: d
@@ -4178,7 +4178,7 @@ function Ia(e) {
     o.current = !1;
     const u = r.current;
     u && cancelAnimationFrame(u);
-  }), []), w(() => ({
+  }), []), O(() => ({
     register: i,
     tryRecordFocus: d,
     tryRestoreFocusRecorded: a,
@@ -4259,8 +4259,8 @@ function Ca() {
     clean: p
   };
 }
-function Oa() {
-  const e = w(Ca, []);
+function wa() {
+  const e = O(Ca, []);
   return te(() => function() {
     e.clean();
   }, [e]), e;
@@ -4269,7 +4269,7 @@ var pn = L.createContext(null), Re = () => {
   const e = document.body;
   return e || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot find document.body") : g()), e;
 };
-const wa = {
+const Oa = {
   position: "absolute",
   width: "1px",
   height: "1px",
@@ -4281,10 +4281,10 @@ const wa = {
   "clip-path": "inset(100%)"
 }, Sa = (e) => `rfd-announcement-${e}`;
 function _a(e) {
-  const t = w(() => Sa(e), [e]), n = V(null);
+  const t = O(() => Sa(e), [e]), n = V(null);
   return te(function() {
     const i = document.createElement("div");
-    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Je(i.style, wa), Re().appendChild(i), function() {
+    return n.current = i, i.id = t, i.setAttribute("aria-live", "assertive"), i.setAttribute("aria-atomic", "true"), Je(i.style, Oa), Re().appendChild(i), function() {
       setTimeout(function() {
         const a = Re();
         a.contains(i) && a.removeChild(i), i === n.current && (n.current = null);
@@ -4313,7 +4313,7 @@ const Aa = {
 };
 function fn(e, t = Aa) {
   const n = L.useId();
-  return w(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
+  return O(() => `${e}${t.separator}${n}`, [t.separator, e, n]);
 }
 function Pa({
   contextId: e,
@@ -4327,7 +4327,7 @@ function Ra({
 }) {
   const n = fn("hidden-text", {
     separator: "-"
-  }), r = w(() => Pa({
+  }), r = O(() => Pa({
     contextId: e,
     uniqueId: n
   }), [n, e]);
@@ -4362,7 +4362,7 @@ var La = (e, t) => {
     This can result in run time bugs, and even fatal crashes
   `);
 };
-const wt = `
+const Ot = `
   We expect a html5 doctype: <!doctype html>
   This is to ensure consistent browser layout and measurement
 
@@ -4374,19 +4374,19 @@ var Ma = (e) => {
     process.env.NODE_ENV !== "production" && T(`
       No <!doctype html> found.
 
-      ${wt}
+      ${Ot}
     `);
     return;
   }
   t.name.toLowerCase() !== "html" && process.env.NODE_ENV !== "production" && T(`
       Unexpected <!doctype> found: (${t.name})
 
-      ${wt}
+      ${Ot}
     `), t.publicId !== "" && process.env.NODE_ENV !== "production" && T(`
       Unexpected <!doctype> publicId found: (${t.publicId})
       A html5 doctype does not have a publicId
 
-      ${wt}
+      ${Ot}
     `);
 };
 function gn(e) {
@@ -4560,7 +4560,7 @@ function Za({
   }];
 }
 function Qa(e) {
-  const t = V(cr), n = V(re), r = w(() => ({
+  const t = V(cr), n = V(re), r = O(() => ({
     eventName: "mousedown",
     fn: function(l) {
       if (l.defaultPrevented || l.button !== xo || l.ctrlKey || l.metaKey || l.shiftKey || l.altKey)
@@ -4580,7 +4580,7 @@ function Qa(e) {
       };
       n.current(), d(f, h);
     }
-  }), [e]), o = w(() => ({
+  }), [e]), o = O(() => ({
     eventName: "webkitmouseforcewillbegin",
     fn: (p) => {
       if (p.defaultPrevented)
@@ -4705,7 +4705,7 @@ function nl(e, t) {
   }];
 }
 function rl(e) {
-  const t = V(el), n = w(() => ({
+  const t = V(el), n = O(() => ({
     eventName: "keydown",
     fn: function(i) {
       if (i.defaultPrevented || i.keyCode !== Do)
@@ -4855,7 +4855,7 @@ function al(e) {
     return t.current;
   }, []), o = D(function(f) {
     t.current = f;
-  }, []), i = w(() => ({
+  }, []), i = O(() => ({
     eventName: "touchstart",
     fn: function(f) {
       if (f.defaultPrevented)
@@ -5022,7 +5022,7 @@ function Ue({
         - Check actions.isActive() if you really need to
       `), !1);
 }
-function Oo({
+function wo({
   lockAPI: e,
   store: t,
   registry: n,
@@ -5042,7 +5042,7 @@ function Dl({
   forceSensorStop: i,
   sourceEvent: s
 }) {
-  if (!Oo({
+  if (!wo({
     lockAPI: e,
     store: n,
     registry: r,
@@ -5185,7 +5185,7 @@ function xl({
       c(m, v), m = v;
     });
   }, [s, t, c]), Y(() => s.tryAbandon, [s.tryAbandon]);
-  const a = D((b) => Oo({
+  const a = D((b) => wo({
     lockAPI: s,
     registry: n,
     store: t,
@@ -5203,7 +5203,7 @@ function xl({
     return m ? m.options : null;
   }, [n.draggable]), u = D(function() {
     s.isClaimed() && (s.tryAbandon(), t.getState().phase !== "IDLE" && t.dispatch(on()));
-  }, [s, t]), f = D(() => s.isClaimed(), [s]), h = w(() => ({
+  }, [s, t]), f = D(() => s.isClaimed(), [s]), h = O(() => ({
     canGetLock: a,
     tryGetLock: d,
     findClosestDraggableId: p,
@@ -5236,7 +5236,7 @@ const Il = (e) => ({
 function Ne(e) {
   return e.current || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find store from lazy ref") : g()), e.current;
 }
-function Ol(e) {
+function wl(e) {
   const {
     contextId: t,
     setCallbacks: n,
@@ -5250,20 +5250,20 @@ function Ol(e) {
     text: i
   }), u = xa(t, o), f = D((B) => {
     Ne(s).dispatch(B);
-  }, []), h = w(() => Sn({
+  }, []), h = O(() => Sn({
     publishWhileDragging: lc,
     updateDroppableScroll: uc,
     updateDroppableIsEnabled: pc,
     updateDroppableIsCombineEnabled: fc,
     collectionStarting: dc
-  }, f), [f]), b = Oa(), m = w(() => ta(b, h), [b, h]), y = w(() => va({
+  }, f), [f]), b = wa(), m = O(() => ta(b, h), [b, h]), y = O(() => va({
     scrollWindow: na,
     scrollDroppable: m.scrollDroppable,
     getAutoScrollerOptions: d,
     ...Sn({
       move: oo
     }, f)
-  }), [m.scrollDroppable, f, d]), v = Ia(t), I = w(() => Jc({
+  }), [m.scrollDroppable, f, d]), v = Ia(t), I = O(() => Jc({
     announce: p,
     autoScroller: y,
     dimensionMarshal: m,
@@ -5278,12 +5278,12 @@ function Ol(e) {
   }, []), E = D(() => {
     const B = Ne(s).getState();
     return B.phase === "DROP_ANIMATING" ? !0 : B.phase === "IDLE" ? !1 : B.isDragging;
-  }, []), x = w(() => ({
+  }, []), x = O(() => ({
     isDragging: E,
     tryAbort: N
   }), [E, N]);
   n(x);
-  const _ = D((B) => go(Ne(s).getState(), B), []), R = D(() => ce(Ne(s).getState()), []), U = w(() => ({
+  const _ = D((B) => go(Ne(s).getState(), B), []), R = D(() => ce(Ne(s).getState()), []), U = O(() => ({
     marshal: m,
     focus: v,
     contextId: t,
@@ -5305,12 +5305,12 @@ function Ol(e) {
     store: I
   }, e.children));
 }
-function wl() {
+function Ol() {
   return L.useId();
 }
 function Sl(e) {
-  const t = wl(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
-  return L.createElement(Ki, null, (r) => L.createElement(Ol, {
+  const t = Ol(), n = e.dragHandleUsageInstructions || ze.dragHandleUsageInstructions;
+  return L.createElement(Ki, null, (r) => L.createElement(wl, {
     nonce: e.nonce,
     contextId: t,
     setCallbacks: r,
@@ -5386,14 +5386,14 @@ function Ll(e) {
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
-  } = e, a = w(() => ({
+  } = e, a = O(() => ({
     canDragInteractiveElements: i,
     shouldRespectForcePress: s,
     isEnabled: c
   }), [i, c, s]), d = D((f) => {
     const h = o();
     return h || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot get dimension when no ref is set") : g()), Vl(n, h, f);
-  }, [n, o]), p = w(() => ({
+  }, [n, o]), p = O(() => ({
     uniqueId: t,
     descriptor: n,
     options: a,
@@ -5409,7 +5409,7 @@ function Ll(e) {
   }, [p, r.draggable]);
 }
 var bn = L.createContext(null);
-function wo(e) {
+function Oo(e) {
   e && $e(e) || (process.env.NODE_ENV !== "production" ? g(!1, `
     provided.innerRef has not been provided with a HTMLElement.
 
@@ -5424,7 +5424,7 @@ function Ml(e, t, n) {
     }
     const o = e.draggableId;
     o || (process.env.NODE_ENV !== "production" ? g(!1, "Draggable requires a draggableId") : g(!1)), typeof o != "string" && (process.env.NODE_ENV !== "production" ? g(!1, `Draggable requires a [string] draggableId.
-      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (wo(n()), e.isEnabled && (Eo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
+      Provided: [type: ${typeof o}] (value: ${o})`) : g(!1)), Number.isInteger(e.index) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} requires an integer index prop`) : g(!1)), e.mapped.type !== "DRAGGING" && (Oo(n()), e.isEnabled && (Eo(t, o) || (process.env.NODE_ENV !== "production" ? g(!1, `${r(o)} Unable to find drag handle`) : g(!1))));
   });
 }
 function $l(e) {
@@ -5452,7 +5452,7 @@ const kl = (e) => {
   } = et(st), {
     type: c,
     droppableId: a
-  } = et(bn), d = w(() => ({
+  } = et(bn), d = O(() => ({
     id: e.draggableId,
     index: e.index,
     type: c,
@@ -5468,7 +5468,7 @@ const kl = (e) => {
     dropAnimationFinished: y
   } = e;
   if (Ml(e, o, r), $l(b), !b) {
-    const x = w(() => ({
+    const x = O(() => ({
       descriptor: d,
       registry: s,
       getDraggableRef: r,
@@ -5478,7 +5478,7 @@ const kl = (e) => {
     }), [d, s, r, h, f, u]);
     Ll(x);
   }
-  const v = w(() => u ? {
+  const v = O(() => u ? {
     tabIndex: 0,
     role: "button",
     "aria-describedby": i,
@@ -5488,7 +5488,7 @@ const kl = (e) => {
     onDragStart: Gl
   } : null, [o, i, l, u]), I = D((x) => {
     m.type === "DRAGGING" && m.dropping && x.propertyName === "transform" && hr(y);
-  }, [y, m]), N = w(() => {
+  }, [y, m]), N = O(() => {
     const x = Bl(m), _ = m.type === "DRAGGING" && m.dropping ? I : void 0;
     return {
       innerRef: n,
@@ -5500,7 +5500,7 @@ const kl = (e) => {
       },
       dragHandleProps: v
     };
-  }, [o, v, l, m, I, n]), E = w(() => ({
+  }, [o, v, l, m, I, n]), E = O(() => ({
     draggableId: d.id,
     type: d.type,
     source: {
@@ -5823,11 +5823,11 @@ function ad(e) {
   const t = V(null), n = et(st), r = fn("droppable"), {
     registry: o,
     marshal: i
-  } = n, s = mn(e), c = w(() => ({
+  } = n, s = mn(e), c = O(() => ({
     id: e.droppableId,
     type: e.type,
     mode: e.mode
-  }), [e.droppableId, e.mode, e.type]), a = V(c), d = w(() => $((N, E) => {
+  }), [e.droppableId, e.mode, e.type]), a = V(c), d = O(() => $((N, E) => {
     t.current || (process.env.NODE_ENV !== "production" ? g(!1, "Can only update scroll when dragging") : g());
     const x = {
       x: N,
@@ -5840,7 +5840,7 @@ function ad(e) {
   }, []), l = D(() => {
     const N = p();
     d(N.x, N.y);
-  }, [p, d]), u = w(() => Ce(l), [l]), f = D(() => {
+  }, [p, d]), u = O(() => Ce(l), [l]), f = D(() => {
     const N = t.current, E = He(N);
     if (N && E || (process.env.NODE_ENV !== "production" ? g(!1, "Could not find scroll options while scrolling") : g()), N.scrollOptions.shouldPublishImmediately) {
       l();
@@ -5882,12 +5882,12 @@ function ad(e) {
     E || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll when there is no drag") : g());
     const x = He(E);
     x || (process.env.NODE_ENV !== "production" ? g(!1, "Cannot scroll a droppable with no closest scrollable") : g()), x.scrollTop += N.y, x.scrollLeft += N.x;
-  }, []), v = w(() => ({
+  }, []), v = O(() => ({
     getDimensionAndWatchScroll: h,
     getScrollWhileDragging: b,
     dragStopped: m,
     scroll: y
-  }), [m, h, b, y]), I = w(() => ({
+  }), [m, h, b, y]), I = O(() => ({
     uniqueId: r,
     descriptor: c,
     callbacks: v
@@ -5982,7 +5982,7 @@ const fd = [function({
 }, function({
   getDroppableRef: t
 }) {
-  wo(t());
+  Oo(t());
 }], gd = [function({
   props: t,
   getPlaceholderRef: n
@@ -6094,7 +6094,7 @@ const vd = (e) => {
     ignoreContainerClipping: l,
     getDroppableRef: v
   });
-  const _ = w(() => L.createElement(bd, {
+  const _ = O(() => L.createElement(bd, {
     on: e.placeholder,
     shouldAnimate: e.shouldAnimatePlaceholder
   }, ({
@@ -6108,14 +6108,14 @@ const vd = (e) => {
     animate: de,
     contextId: n,
     onTransitionEnd: x
-  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), R = w(() => ({
+  })), [n, x, e.placeholder, e.shouldAnimatePlaceholder, E]), R = O(() => ({
     innerRef: I,
     placeholder: _,
     droppableProps: {
       "data-rfd-droppable-id": c,
       "data-rfd-droppable-context-id": n
     }
-  }), [n, c, _, I]), U = b ? b.dragging.draggableId : null, B = w(() => ({
+  }), [n, c, _, I]), U = b ? b.dragging.draggableId : null, B = O(() => ({
     droppableId: c,
     type: a,
     isUsingCloneFor: U
@@ -6331,7 +6331,7 @@ const pr = {
       )
     ] })
   }
-), Od = () => /* @__PURE__ */ A(
+), wd = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "25",
@@ -6349,7 +6349,7 @@ const pr = {
       /* @__PURE__ */ C("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
     ]
   }
-), wd = () => /* @__PURE__ */ A(
+), Od = () => /* @__PURE__ */ A(
   "svg",
   {
     width: "25",
@@ -6391,19 +6391,19 @@ const pr = {
     "div",
     {
       style: {
-        ...O.orderBlock,
+        ...w.orderBlock,
         borderTop: n ? "none" : "1px solid #f3f4f6",
         backgroundColor: r ? "#fafafa" : "transparent"
       },
       children: [
-        /* @__PURE__ */ A("div", { style: O.orderHeader, children: [
-          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ A("div", { style: O.gridLabel, children: [
+        /* @__PURE__ */ A("div", { style: w.orderHeader, children: [
+          /* @__PURE__ */ A("div", { style: w.gridItem, children: [
+            /* @__PURE__ */ A("div", { style: w.gridLabel, children: [
               "ORDER",
               " ",
               r && /* @__PURE__ */ C("span", { style: { color: "#16a34a", marginLeft: "4px" }, children: "✓ DONE" })
             ] }),
-            /* @__PURE__ */ A("div", { style: O.gridValue, children: [
+            /* @__PURE__ */ A("div", { style: w.gridValue, children: [
               "#",
               e.order_id
             ] })
@@ -6412,15 +6412,15 @@ const pr = {
             "button",
             {
               onClick: () => s(!i),
-              style: O.expandButton,
-              children: i ? /* @__PURE__ */ C(wd, {}) : /* @__PURE__ */ C(Od, {})
+              style: w.expandButton,
+              children: i ? /* @__PURE__ */ C(Od, {}) : /* @__PURE__ */ C(wd, {})
             }
           )
         ] }),
-        /* @__PURE__ */ A("div", { style: O.detailsGrid, children: [
-          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ C("div", { style: O.gridLabel, children: "LOCATION" }),
-            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
+        /* @__PURE__ */ A("div", { style: w.detailsGrid, children: [
+          /* @__PURE__ */ A("div", { style: w.gridItem, children: [
+            /* @__PURE__ */ C("div", { style: w.gridLabel, children: "LOCATION" }),
+            /* @__PURE__ */ A("div", { style: w.gridValueWithIcon, children: [
               /* @__PURE__ */ C(xd, {}),
               /* @__PURE__ */ C(
                 "a",
@@ -6428,38 +6428,38 @@ const pr = {
                   href: c,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  style: O.addressLink,
+                  style: w.addressLink,
                   children: ((f = (u = e.customer) == null ? void 0 : u.address) == null ? void 0 : f.street_area) || "N/A"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ C("div", { style: O.gridLabel, children: "PERIOD" }),
-            /* @__PURE__ */ C("div", { style: O.gridValue, children: t })
+          /* @__PURE__ */ A("div", { style: w.gridItem, children: [
+            /* @__PURE__ */ C("div", { style: w.gridLabel, children: "PERIOD" }),
+            /* @__PURE__ */ C("div", { style: w.gridValue, children: t })
           ] }),
-          /* @__PURE__ */ A("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ C("div", { style: O.gridLabel, children: "TIME WINDOW" }),
-            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
+          /* @__PURE__ */ A("div", { style: w.gridItem, children: [
+            /* @__PURE__ */ C("div", { style: w.gridLabel, children: "TIME WINDOW" }),
+            /* @__PURE__ */ A("div", { style: w.gridValueWithIcon, children: [
               /* @__PURE__ */ C(gr, {}),
               " ",
-              /* @__PURE__ */ A("span", { style: O.direction, children: [
+              /* @__PURE__ */ A("span", { style: w.direction, children: [
                 qe(e.eta_start),
                 " - ",
                 qe(e.eta_end)
               ] })
             ] })
           ] }),
-          e.completed_at && /* @__PURE__ */ A("div", { style: O.gridItem, children: [
-            /* @__PURE__ */ C("div", { style: O.gridLabel, children: "COMPLETED AT" }),
-            /* @__PURE__ */ A("div", { style: O.gridValueWithIcon, children: [
+          e.completed_at && /* @__PURE__ */ A("div", { style: w.gridItem, children: [
+            /* @__PURE__ */ C("div", { style: w.gridLabel, children: "COMPLETED AT" }),
+            /* @__PURE__ */ A("div", { style: w.gridValueWithIcon, children: [
               /* @__PURE__ */ C(gr, {}),
               " ",
-              /* @__PURE__ */ C("span", { style: O.direction, children: qe(e.completed_at) })
+              /* @__PURE__ */ C("span", { style: w.direction, children: qe(e.completed_at) })
             ] })
           ] })
         ] }),
-        i && o && /* @__PURE__ */ C("div", { style: O.extraDataContainer, children: o(e) })
+        i && o && /* @__PURE__ */ C("div", { style: w.extraDataContainer, children: o(e) })
       ]
     }
   );
@@ -6473,7 +6473,9 @@ const pr = {
   renderStopActions: s,
   renderOrderExtraData: c
 }) => {
-  const a = e.status ? je(e.status) : e.orders.every((f) => je(f.status)), [d, p] = me(!a), l = e.status ? Ut(e.status) : a ? "Completed" : "Pending", u = !o || i || a;
+  const a = e.status ? je(e.status) : e.orders.every((f) => je(f.status)), [d, p] = me(
+    !a && !!c
+  ), l = e.status ? Ut(e.status) : a ? "Completed" : "Pending", u = !o || i || a;
   return /* @__PURE__ */ C(
     Xl,
     {
@@ -6487,26 +6489,26 @@ const pr = {
           {
             ref: f.innerRef,
             ...f.draggableProps,
-            style: { ...O.timelineItem, ...f.draggableProps.style },
+            style: { ...w.timelineItem, ...f.draggableProps.style },
             children: [
               /* @__PURE__ */ C(
                 "div",
                 {
                   style: {
-                    ...O.bubble,
-                    ...a ? O.bubbleCompleted : O.bubblePending
+                    ...w.bubble,
+                    ...a ? w.bubbleCompleted : w.bubblePending
                   },
                   children: t + 1
                 }
               ),
-              /* @__PURE__ */ A("div", { style: O.card, children: [
-                /* @__PURE__ */ A("div", { style: O.cardHeader, children: [
+              /* @__PURE__ */ A("div", { style: w.card, children: [
+                /* @__PURE__ */ A("div", { style: w.cardHeader, children: [
                   /* @__PURE__ */ A(
                     "div",
                     {
                       style: { display: "flex", alignItems: "center", gap: "8px" },
                       children: [
-                        /* @__PURE__ */ A("span", { style: O.title, children: [
+                        /* @__PURE__ */ A("span", { style: w.title, children: [
                           n,
                           " #",
                           e.sequence_rank
@@ -6514,7 +6516,7 @@ const pr = {
                         /* @__PURE__ */ C(
                           "span",
                           {
-                            style: a ? O.badgeCompleted : O.badgePending,
+                            style: a ? w.badgeCompleted : w.badgePending,
                             children: l
                           }
                         ),
@@ -6535,9 +6537,8 @@ const pr = {
                           "button",
                           {
                             onClick: () => {
-                              a && p((m) => !m);
+                              a && c && p((m) => !m);
                             },
-                            style: O.expandButton,
                             children: a && /* @__PURE__ */ C(Cd, {})
                           }
                         ),
@@ -6546,12 +6547,12 @@ const pr = {
                     }
                   )
                 ] }),
-                d && /* @__PURE__ */ A(Lo, { children: [
-                  /* @__PURE__ */ A("div", { style: O.customerName, children: [
+                d && c && /* @__PURE__ */ A(Lo, { children: [
+                  /* @__PURE__ */ A("div", { style: w.customerName, children: [
                     "Customer: ",
                     (b = (h = e.orders[0]) == null ? void 0 : h.customer) == null ? void 0 : b.name
                   ] }),
-                  /* @__PURE__ */ C("div", { style: O.ordersList, children: e.orders.map((m, y) => /* @__PURE__ */ C(
+                  /* @__PURE__ */ C("div", { style: w.ordersList, children: e.orders.map((m, y) => /* @__PURE__ */ C(
                     _d,
                     {
                       order: m,
@@ -6562,7 +6563,7 @@ const pr = {
                     },
                     m.id
                   )) }),
-                  s && /* @__PURE__ */ C("div", { style: O.actionsSlot, children: s(e) })
+                  s && /* @__PURE__ */ C("div", { style: w.actionsSlot, children: s(e) })
                 ] })
               ] })
             ]
@@ -6603,14 +6604,14 @@ const pr = {
   };
   if (!e || !i.length) return /* @__PURE__ */ C("div", { children: "No Path Data" });
   const a = je(e.status);
-  return /* @__PURE__ */ C("div", { style: O.container, children: /* @__PURE__ */ C(Sl, { onDragEnd: c, children: /* @__PURE__ */ C(Nd, { droppableId: "path-list", children: (d) => /* @__PURE__ */ A(
+  return /* @__PURE__ */ C("div", { style: w.container, children: /* @__PURE__ */ C(Sl, { onDragEnd: c, children: /* @__PURE__ */ C(Nd, { droppableId: "path-list", children: (d) => /* @__PURE__ */ A(
     "div",
     {
       ref: d.innerRef,
       ...d.droppableProps,
-      style: O.timelineWrapper,
+      style: w.timelineWrapper,
       children: [
-        /* @__PURE__ */ C("div", { style: O.verticalLine }),
+        /* @__PURE__ */ C("div", { style: w.verticalLine }),
         /* @__PURE__ */ C(
           "div",
           {
@@ -6639,7 +6640,7 @@ const pr = {
       ]
     }
   ) }) }) });
-}, O = {
+}, w = {
   container: { fontFamily: "sans-serif", maxWidth: "800px", margin: "0 auto" },
   timelineWrapper: { position: "relative", padding: "20px 0" },
   verticalLine: {

package/dist/index.umd.js

@@ -181,4 +181,4 @@ ${hn.current.stack}
 
       Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
       More information: https://github.com/hello-pangea/dnd/blob/main/docs/api/droppable.md
-    `)}],id=[function({props:t}){t.renderClone||(process.env.NODE_ENV!=="production"?f(!1,"Must provide a clone render function (renderClone) for virtual lists"):f())},function({getPlaceholderRef:t}){t()&&(process.env.NODE_ENV!=="production"?f(!1,"Expected virtual list to not have a placeholder"):f())}];function sd(e){Te(()=>{ln(e,rd),e.props.mode==="standard"&&ln(e,od),e.props.mode==="virtual"&&ln(e,id)})}class cd extends D.PureComponent{constructor(...t){super(...t),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(t,n){return t.shouldAnimate?t.on?{isVisible:!0,data:t.on,animate:"open"}:n.isVisible?{isVisible:!0,data:n.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!t.on,data:t.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const t={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(t)}}const ad=e=>{const t=D.useContext(Ke);t||(process.env.NODE_ENV!=="production"?f(!1,"Could not find app context"):f());const{contextId:n,isMovementAllowed:r}=t,o=D.useRef(null),i=D.useRef(null),{children:s,droppableId:c,type:a,mode:d,direction:p,ignoreContainerClipping:l,isDropDisabled:u,isCombineEnabled:g,snapshot:h,useClone:b,updateViewportMaxScroll:m,getContainerForClone:E}=e,y=x(()=>o.current,[]),S=x((L=null)=>{o.current=L},[]),I=x(()=>i.current,[]),N=x((L=null)=>{i.current=L},[]);sd({props:e,getDroppableRef:y,getPlaceholderRef:I});const C=x(()=>{r()&&m({maxScroll:Wr()})},[r,m]);Zl({droppableId:c,type:a,mode:d,direction:p,isDropDisabled:u,isCombineEnabled:g,ignoreContainerClipping:l,getDroppableRef:y});const A=w(()=>D.createElement(cd,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},({onClose:L,data:J,animate:fe})=>D.createElement(nd,{placeholder:J,onClose:L,innerRef:N,animate:fe,contextId:n,onTransitionEnd:C})),[n,C,e.placeholder,e.shouldAnimatePlaceholder,N]),T=w(()=>({innerRef:S,placeholder:A,droppableProps:{"data-rfd-droppable-id":c,"data-rfd-droppable-context-id":n}}),[n,c,A,S]),H=b?b.dragging.draggableId:null,V=w(()=>({droppableId:c,type:a,isUsingCloneFor:H}),[c,H,a]);function z(){if(!b)return null;const{dragging:L,render:J}=b,fe=D.createElement(bo,{draggableId:L.draggableId,index:L.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(Z,rt)=>J(Z,rt,L));return it.createPortal(fe,E())}return D.createElement(nn.Provider,{value:V},s(T,h),z())};function ld(){return document.body||(process.env.NODE_ENV!=="production"?f(!1,"document.body is not ready"):f()),document.body}const xo={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ld},Io=e=>{let t={...e},n;for(n in xo)e[n]===void 0&&(t={...t,[n]:xo[n]});return t},dn=(e,t)=>e===t.droppable.type,Co=(e,t)=>t.draggables[e.draggable.id],dd=qn(()=>{const e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},n=M(i=>({draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}})),r=M((i,s,c,a,d,p)=>{const l=d.descriptor.id;if(d.descriptor.droppableId===i){const h=p?{render:p,dragging:n(d.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?l:null,draggingFromThisWith:l,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:h}}if(!s)return t;if(!a)return e;const g={isDraggingOver:c,draggingOverWith:l,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!0,snapshot:g,useClone:null}});return(i,s)=>{const c=Io(s),a=c.droppableId,d=c.type,p=!c.isDropDisabled,l=c.renderClone;if(Be(i)){const u=i.critical;if(!dn(d,u))return t;const g=Co(u,i.dimensions),h=W(i.impact)===a;return r(a,p,h,h,g,l)}if(i.phase==="DROP_ANIMATING"){const u=i.completed;if(!dn(d,u.critical))return t;const g=Co(u.critical,i.dimensions);return r(a,p,mo(u.result)===a,W(u.impact)===a,g,l)}if(i.phase==="IDLE"&&i.completed&&!i.shouldFlush){const u=i.completed;if(!dn(d,u.critical))return t;const g=W(u.impact)===a,h=!!(u.impact.at&&u.impact.at.type==="COMBINE"),b=u.critical.droppable.id===a;return g?h?e:t:b?e:t}return t}},{updateViewportMaxScroll:cc},(e,t,n)=>({...Io(n),...e,...t}),{context:Xt,areStatePropsEqual:go})(ad),ud=()=>v.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[v.jsx("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),v.jsx("circle",{cx:"12",cy:"10",r:"3"})]}),So=()=>v.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[v.jsx("circle",{cx:"12",cy:"12",r:"10"}),v.jsx("polyline",{points:"12 6 12 12 16 14"})]}),pd=()=>v.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{cursor:"grab"},children:[v.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),v.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),v.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),fd=()=>v.jsx("svg",{width:"25",height:"25",viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:v.jsxs("g",{children:[v.jsx("polygon",{points:"37.95,64.44 23.78,50.27 30.85,43.2 37.95,50.3 59.15,29.1 66.22,36.17",fill:"#009E04"}),v.jsx("path",{d:"M45 90C20.187 90 0 69.813 0 45C0 20.187 20.187 0 45 0C69.813 0 90 20.187 90 45C90 69.813 69.813 90 45 90ZM45 10C25.701 10 10 25.701 10 45C10 64.299 25.701 80 45 80C64.299 80 80 64.299 80 45C80 25.701 64.299 10 45 10Z",fill:"#009E04",strokeLinecap:"round"})]})}),gd=()=>v.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("polyline",{points:"15 3 21 3 21 9"}),v.jsx("polyline",{points:"9 21 3 21 3 15"}),v.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),v.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),md=()=>v.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("polyline",{points:"4 14 10 14 10 20"}),v.jsx("polyline",{points:"20 10 14 10 14 4"}),v.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),v.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),tt=e=>{if(!e)return"--:--";const t=e.split("T")[1],[n,r]=t.split(":"),o=Number(n),i=o>=12?"PM":"AM";return`${o%12||12}:${r} ${i}`},un=e=>typeof e=="object"&&(e!=null&&e.name)?e.name:e,nt=e=>{var t;return e?typeof e=="string"?e.toLowerCase()==="completed":((t=e==null?void 0:e.code)==null?void 0:t.toLowerCase())==="completed":!1},hd=e=>{const t=[];return[...e].sort((r,o)=>r.sequence_rank-o.sequence_rank).forEach(r=>{const o=t[t.length-1];o&&o.stop_id===r.stop_id?o.orders.push(r):t.push({stop_id:r.stop_id,sequence_rank:r.sequence_rank,orders:[r]})}),t},bd=({order:e,pathPeriod:t,isFirst:n,isDone:r,renderOrderExtraData:o})=>{var a,d,p,l,u,g;const[i,s]=D.useState(!1),c=(d=(a=e.customer)==null?void 0:a.address)!=null&&d.lat&&((l=(p=e.customer)==null?void 0:p.address)!=null&&l.long)?`https://maps.google.com/?q=${e.customer.address.lat},${e.customer.address.long}`:"#";return v.jsxs("div",{style:{...O.orderBlock,borderTop:n?"none":"1px solid #f3f4f6",backgroundColor:r?"#fafafa":"transparent"},children:[v.jsxs("div",{style:O.orderHeader,children:[v.jsxs("div",{style:O.gridItem,children:[v.jsxs("div",{style:O.gridLabel,children:["ORDER"," ",r&&v.jsx("span",{style:{color:"#16a34a",marginLeft:"4px"},children:"✓ DONE"})]}),v.jsxs("div",{style:O.gridValue,children:["#",e.order_id]})]}),o&&v.jsx("button",{onClick:()=>s(!i),style:O.expandButton,children:i?v.jsx(md,{}):v.jsx(gd,{})})]}),v.jsxs("div",{style:O.detailsGrid,children:[v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"LOCATION"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(ud,{}),v.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",style:O.addressLink,children:((g=(u=e.customer)==null?void 0:u.address)==null?void 0:g.street_area)||"N/A"})]})]}),v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"PERIOD"}),v.jsx("div",{style:O.gridValue,children:t})]}),v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"TIME WINDOW"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(So,{})," ",v.jsxs("span",{style:O.direction,children:[tt(e.eta_start)," - ",tt(e.eta_end)]})]})]}),e.completed_at&&v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"COMPLETED AT"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(So,{})," ",v.jsx("span",{style:O.direction,children:tt(e.completed_at)})]})]})]}),i&&o&&v.jsx("div",{style:O.extraDataContainer,children:o(e)})]})},vd=({stopGroup:e,index:t,pathType:n,pathPeriod:r,canEditPath:o,isPathCompleted:i,renderStopActions:s,renderOrderExtraData:c})=>{const a=e.status?nt(e.status):e.orders.every(g=>nt(g.status)),[d,p]=D.useState(!a),l=e.status?un(e.status):a?"Completed":"Pending",u=!o||i||a;return v.jsx(Gl,{draggableId:e.stop_id.toString(),index:t,isDragDisabled:u,children:g=>{var h,b;return v.jsxs("div",{ref:g.innerRef,...g.draggableProps,style:{...O.timelineItem,...g.draggableProps.style},children:[v.jsx("div",{style:{...O.bubble,...a?O.bubbleCompleted:O.bubblePending},children:t+1}),v.jsxs("div",{style:O.card,children:[v.jsxs("div",{style:O.cardHeader,children:[v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[v.jsxs("span",{style:O.title,children:[n," #",e.sequence_rank]}),v.jsx("span",{style:a?O.badgeCompleted:O.badgePending,children:l}),e.completed_at&&v.jsxs("span",{style:{fontSize:"12px",color:"#6b7280"},children:["(",tt(e.completed_at),")"]})]}),v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[v.jsx("button",{onClick:()=>{a&&p(m=>!m)},style:O.expandButton,children:a&&v.jsx(fd,{})}),!u&&v.jsx("div",{...g.dragHandleProps,children:v.jsx(pd,{})})]})]}),d&&v.jsxs(v.Fragment,{children:[v.jsxs("div",{style:O.customerName,children:["Customer: ",(b=(h=e.orders[0])==null?void 0:h.customer)==null?void 0:b.name]}),v.jsx("div",{style:O.ordersList,children:e.orders.map((m,E)=>v.jsx(bd,{order:m,pathPeriod:r,isFirst:E===0,isDone:nt(m.status),renderOrderExtraData:c},m.id))}),s&&v.jsx("div",{style:O.actionsSlot,children:s(e)})]})]})]})}})},yd=({path:e,onReorder:t,renderStopActions:n,renderOrderExtraData:r,canEditPath:o=!0})=>{const[i,s]=D.useState([]);D.useEffect(()=>{if(e)if(e.stops&&e.stops.length>0){const d=e.stops.map(p=>({stop_id:p.id,sequence_rank:p.sequence_rank,status:p.status,completed_at:p.completed_at,orders:(e.path_orders||[]).filter(l=>l.stop_id===p.id).sort((l,u)=>l.sequence_rank-u.sequence_rank)})).sort((p,l)=>p.sequence_rank-l.sequence_rank);s(d)}else e.path_orders&&s(hd(e.path_orders))},[e]);const c=d=>{if(!d.destination)return;const p=Array.from(i),[l]=p.splice(d.source.index,1);p.splice(d.destination.index,0,l),s(p),t&&t(e.id,p.map(u=>u.stop_id))};if(!e||!i.length)return v.jsx("div",{children:"No Path Data"});const a=nt(e.status);return v.jsx("div",{style:O.container,children:v.jsx(El,{onDragEnd:c,children:v.jsx(dd,{droppableId:"path-list",children:d=>v.jsxs("div",{ref:d.innerRef,...d.droppableProps,style:O.timelineWrapper,children:[v.jsx("div",{style:O.verticalLine}),v.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:i.map((p,l)=>v.jsx(vd,{stopGroup:p,index:l,pathType:un(e.type),pathPeriod:un(e.period),canEditPath:o,isPathCompleted:a,renderStopActions:n,renderOrderExtraData:r},p.stop_id))}),d.placeholder]})})})})},O={container:{fontFamily:"sans-serif",maxWidth:"800px",margin:"0 auto"},timelineWrapper:{position:"relative",padding:"20px 0"},verticalLine:{position:"absolute",right:"19px",top:"40px",bottom:"40px",width:"2px",backgroundColor:"#f3f4f6"},direction:{direction:"ltr"},timelineItem:{display:"flex",gap:"16px",marginBottom:"24px",position:"relative",zIndex:1},bubble:{width:"40px",height:"40px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",backgroundColor:"#fff",border:"2px solid",flexShrink:0},bubblePending:{borderColor:"#f3f4f6",color:"#9ca3af"},bubbleCompleted:{borderColor:"#dcfce7",color:"#16a34a",backgroundColor:"#f0fdf4"},card:{flex:1,backgroundColor:"#fff",border:"1px solid #f3f4f6",borderRadius:"12px",padding:"16px",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",position:"relative"},cardHeader:{display:"flex",justifyContent:"space-between",marginBottom:"8px",alignItems:"center"},title:{fontSize:"16px",fontWeight:"bold"},badgePending:{fontSize:"11px",padding:"2px 8px",borderRadius:"12px",backgroundColor:"#f3f4f6",color:"#4b5563",fontWeight:"600"},badgeCompleted:{fontSize:"11px",padding:"2px 8px",borderRadius:"12px",backgroundColor:"#dcfce7",color:"#16a34a",fontWeight:"600"},customerName:{fontSize:"14px",color:"#6b7280",marginBottom:"12px"},ordersList:{backgroundColor:"#f9fafb",borderRadius:"8px",overflow:"hidden"},orderBlock:{padding:"12px",transition:"background-color 0.2s"},orderHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},detailsGrid:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"},gridItem:{display:"flex",flexDirection:"column"},gridLabel:{fontSize:"10px",color:"#9ca3af",fontWeight:"bold"},gridValue:{fontSize:"13px",fontWeight:"600"},gridValueWithIcon:{fontSize:"13px",display:"flex",alignItems:"flex-start",gap:"4px",color:"#374151"},addressLink:{color:"#3b82f6",textDecoration:"underline",wordBreak:"break-word",lineHeight:"1.4"},expandButton:{color:"#fff",border:"none",cursor:"pointer",backgroundColor:"#d1d1d1",borderRadius:"5px",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center"},extraDataContainer:{marginTop:"12px",padding:"12px",borderTop:"1px dashed #e5e7eb",backgroundColor:"#fff",borderRadius:"4px"},actionsSlot:{marginTop:"16px"}};Q.LogisticsDashboard=yd,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});
+    `)}],id=[function({props:t}){t.renderClone||(process.env.NODE_ENV!=="production"?f(!1,"Must provide a clone render function (renderClone) for virtual lists"):f())},function({getPlaceholderRef:t}){t()&&(process.env.NODE_ENV!=="production"?f(!1,"Expected virtual list to not have a placeholder"):f())}];function sd(e){Te(()=>{ln(e,rd),e.props.mode==="standard"&&ln(e,od),e.props.mode==="virtual"&&ln(e,id)})}class cd extends D.PureComponent{constructor(...t){super(...t),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(t,n){return t.shouldAnimate?t.on?{isVisible:!0,data:t.on,animate:"open"}:n.isVisible?{isVisible:!0,data:n.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!t.on,data:t.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const t={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(t)}}const ad=e=>{const t=D.useContext(Ke);t||(process.env.NODE_ENV!=="production"?f(!1,"Could not find app context"):f());const{contextId:n,isMovementAllowed:r}=t,o=D.useRef(null),i=D.useRef(null),{children:s,droppableId:c,type:a,mode:d,direction:p,ignoreContainerClipping:l,isDropDisabled:u,isCombineEnabled:g,snapshot:h,useClone:b,updateViewportMaxScroll:m,getContainerForClone:E}=e,y=x(()=>o.current,[]),S=x((L=null)=>{o.current=L},[]),I=x(()=>i.current,[]),N=x((L=null)=>{i.current=L},[]);sd({props:e,getDroppableRef:y,getPlaceholderRef:I});const C=x(()=>{r()&&m({maxScroll:Wr()})},[r,m]);Zl({droppableId:c,type:a,mode:d,direction:p,isDropDisabled:u,isCombineEnabled:g,ignoreContainerClipping:l,getDroppableRef:y});const A=w(()=>D.createElement(cd,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},({onClose:L,data:J,animate:fe})=>D.createElement(nd,{placeholder:J,onClose:L,innerRef:N,animate:fe,contextId:n,onTransitionEnd:C})),[n,C,e.placeholder,e.shouldAnimatePlaceholder,N]),T=w(()=>({innerRef:S,placeholder:A,droppableProps:{"data-rfd-droppable-id":c,"data-rfd-droppable-context-id":n}}),[n,c,A,S]),H=b?b.dragging.draggableId:null,V=w(()=>({droppableId:c,type:a,isUsingCloneFor:H}),[c,H,a]);function z(){if(!b)return null;const{dragging:L,render:J}=b,fe=D.createElement(bo,{draggableId:L.draggableId,index:L.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(Z,rt)=>J(Z,rt,L));return it.createPortal(fe,E())}return D.createElement(nn.Provider,{value:V},s(T,h),z())};function ld(){return document.body||(process.env.NODE_ENV!=="production"?f(!1,"document.body is not ready"):f()),document.body}const xo={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ld},Io=e=>{let t={...e},n;for(n in xo)e[n]===void 0&&(t={...t,[n]:xo[n]});return t},dn=(e,t)=>e===t.droppable.type,Co=(e,t)=>t.draggables[e.draggable.id],dd=qn(()=>{const e={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},t={...e,shouldAnimatePlaceholder:!1},n=M(i=>({draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}})),r=M((i,s,c,a,d,p)=>{const l=d.descriptor.id;if(d.descriptor.droppableId===i){const h=p?{render:p,dragging:n(d.descriptor)}:null,b={isDraggingOver:c,draggingOverWith:c?l:null,draggingFromThisWith:l,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!1,snapshot:b,useClone:h}}if(!s)return t;if(!a)return e;const g={isDraggingOver:c,draggingOverWith:l,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:d.placeholder,shouldAnimatePlaceholder:!0,snapshot:g,useClone:null}});return(i,s)=>{const c=Io(s),a=c.droppableId,d=c.type,p=!c.isDropDisabled,l=c.renderClone;if(Be(i)){const u=i.critical;if(!dn(d,u))return t;const g=Co(u,i.dimensions),h=W(i.impact)===a;return r(a,p,h,h,g,l)}if(i.phase==="DROP_ANIMATING"){const u=i.completed;if(!dn(d,u.critical))return t;const g=Co(u.critical,i.dimensions);return r(a,p,mo(u.result)===a,W(u.impact)===a,g,l)}if(i.phase==="IDLE"&&i.completed&&!i.shouldFlush){const u=i.completed;if(!dn(d,u.critical))return t;const g=W(u.impact)===a,h=!!(u.impact.at&&u.impact.at.type==="COMBINE"),b=u.critical.droppable.id===a;return g?h?e:t:b?e:t}return t}},{updateViewportMaxScroll:cc},(e,t,n)=>({...Io(n),...e,...t}),{context:Xt,areStatePropsEqual:go})(ad),ud=()=>v.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[v.jsx("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),v.jsx("circle",{cx:"12",cy:"10",r:"3"})]}),So=()=>v.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[v.jsx("circle",{cx:"12",cy:"12",r:"10"}),v.jsx("polyline",{points:"12 6 12 12 16 14"})]}),pd=()=>v.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#9ca3af",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{cursor:"grab"},children:[v.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),v.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),v.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]}),fd=()=>v.jsx("svg",{width:"25",height:"25",viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:v.jsxs("g",{children:[v.jsx("polygon",{points:"37.95,64.44 23.78,50.27 30.85,43.2 37.95,50.3 59.15,29.1 66.22,36.17",fill:"#009E04"}),v.jsx("path",{d:"M45 90C20.187 90 0 69.813 0 45C0 20.187 20.187 0 45 0C69.813 0 90 20.187 90 45C90 69.813 69.813 90 45 90ZM45 10C25.701 10 10 25.701 10 45C10 64.299 25.701 80 45 80C64.299 80 80 64.299 80 45C80 25.701 64.299 10 45 10Z",fill:"#009E04",strokeLinecap:"round"})]})}),gd=()=>v.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("polyline",{points:"15 3 21 3 21 9"}),v.jsx("polyline",{points:"9 21 3 21 3 15"}),v.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),v.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),md=()=>v.jsxs("svg",{width:"25",height:"25",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[v.jsx("polyline",{points:"4 14 10 14 10 20"}),v.jsx("polyline",{points:"20 10 14 10 14 4"}),v.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),v.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}),tt=e=>{if(!e)return"--:--";const t=e.split("T")[1],[n,r]=t.split(":"),o=Number(n),i=o>=12?"PM":"AM";return`${o%12||12}:${r} ${i}`},un=e=>typeof e=="object"&&(e!=null&&e.name)?e.name:e,nt=e=>{var t;return e?typeof e=="string"?e.toLowerCase()==="completed":((t=e==null?void 0:e.code)==null?void 0:t.toLowerCase())==="completed":!1},hd=e=>{const t=[];return[...e].sort((r,o)=>r.sequence_rank-o.sequence_rank).forEach(r=>{const o=t[t.length-1];o&&o.stop_id===r.stop_id?o.orders.push(r):t.push({stop_id:r.stop_id,sequence_rank:r.sequence_rank,orders:[r]})}),t},bd=({order:e,pathPeriod:t,isFirst:n,isDone:r,renderOrderExtraData:o})=>{var a,d,p,l,u,g;const[i,s]=D.useState(!1),c=(d=(a=e.customer)==null?void 0:a.address)!=null&&d.lat&&((l=(p=e.customer)==null?void 0:p.address)!=null&&l.long)?`https://maps.google.com/?q=${e.customer.address.lat},${e.customer.address.long}`:"#";return v.jsxs("div",{style:{...O.orderBlock,borderTop:n?"none":"1px solid #f3f4f6",backgroundColor:r?"#fafafa":"transparent"},children:[v.jsxs("div",{style:O.orderHeader,children:[v.jsxs("div",{style:O.gridItem,children:[v.jsxs("div",{style:O.gridLabel,children:["ORDER"," ",r&&v.jsx("span",{style:{color:"#16a34a",marginLeft:"4px"},children:"✓ DONE"})]}),v.jsxs("div",{style:O.gridValue,children:["#",e.order_id]})]}),o&&v.jsx("button",{onClick:()=>s(!i),style:O.expandButton,children:i?v.jsx(md,{}):v.jsx(gd,{})})]}),v.jsxs("div",{style:O.detailsGrid,children:[v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"LOCATION"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(ud,{}),v.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",style:O.addressLink,children:((g=(u=e.customer)==null?void 0:u.address)==null?void 0:g.street_area)||"N/A"})]})]}),v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"PERIOD"}),v.jsx("div",{style:O.gridValue,children:t})]}),v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"TIME WINDOW"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(So,{})," ",v.jsxs("span",{style:O.direction,children:[tt(e.eta_start)," - ",tt(e.eta_end)]})]})]}),e.completed_at&&v.jsxs("div",{style:O.gridItem,children:[v.jsx("div",{style:O.gridLabel,children:"COMPLETED AT"}),v.jsxs("div",{style:O.gridValueWithIcon,children:[v.jsx(So,{})," ",v.jsx("span",{style:O.direction,children:tt(e.completed_at)})]})]})]}),i&&o&&v.jsx("div",{style:O.extraDataContainer,children:o(e)})]})},vd=({stopGroup:e,index:t,pathType:n,pathPeriod:r,canEditPath:o,isPathCompleted:i,renderStopActions:s,renderOrderExtraData:c})=>{const a=e.status?nt(e.status):e.orders.every(g=>nt(g.status)),[d,p]=D.useState(!a&&!!c),l=e.status?un(e.status):a?"Completed":"Pending",u=!o||i||a;return v.jsx(Gl,{draggableId:e.stop_id.toString(),index:t,isDragDisabled:u,children:g=>{var h,b;return v.jsxs("div",{ref:g.innerRef,...g.draggableProps,style:{...O.timelineItem,...g.draggableProps.style},children:[v.jsx("div",{style:{...O.bubble,...a?O.bubbleCompleted:O.bubblePending},children:t+1}),v.jsxs("div",{style:O.card,children:[v.jsxs("div",{style:O.cardHeader,children:[v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[v.jsxs("span",{style:O.title,children:[n," #",e.sequence_rank]}),v.jsx("span",{style:a?O.badgeCompleted:O.badgePending,children:l}),e.completed_at&&v.jsxs("span",{style:{fontSize:"12px",color:"#6b7280"},children:["(",tt(e.completed_at),")"]})]}),v.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[v.jsx("button",{onClick:()=>{a&&c&&p(m=>!m)},children:a&&v.jsx(fd,{})}),!u&&v.jsx("div",{...g.dragHandleProps,children:v.jsx(pd,{})})]})]}),d&&c&&v.jsxs(v.Fragment,{children:[v.jsxs("div",{style:O.customerName,children:["Customer: ",(b=(h=e.orders[0])==null?void 0:h.customer)==null?void 0:b.name]}),v.jsx("div",{style:O.ordersList,children:e.orders.map((m,E)=>v.jsx(bd,{order:m,pathPeriod:r,isFirst:E===0,isDone:nt(m.status),renderOrderExtraData:c},m.id))}),s&&v.jsx("div",{style:O.actionsSlot,children:s(e)})]})]})]})}})},yd=({path:e,onReorder:t,renderStopActions:n,renderOrderExtraData:r,canEditPath:o=!0})=>{const[i,s]=D.useState([]);D.useEffect(()=>{if(e)if(e.stops&&e.stops.length>0){const d=e.stops.map(p=>({stop_id:p.id,sequence_rank:p.sequence_rank,status:p.status,completed_at:p.completed_at,orders:(e.path_orders||[]).filter(l=>l.stop_id===p.id).sort((l,u)=>l.sequence_rank-u.sequence_rank)})).sort((p,l)=>p.sequence_rank-l.sequence_rank);s(d)}else e.path_orders&&s(hd(e.path_orders))},[e]);const c=d=>{if(!d.destination)return;const p=Array.from(i),[l]=p.splice(d.source.index,1);p.splice(d.destination.index,0,l),s(p),t&&t(e.id,p.map(u=>u.stop_id))};if(!e||!i.length)return v.jsx("div",{children:"No Path Data"});const a=nt(e.status);return v.jsx("div",{style:O.container,children:v.jsx(El,{onDragEnd:c,children:v.jsx(dd,{droppableId:"path-list",children:d=>v.jsxs("div",{ref:d.innerRef,...d.droppableProps,style:O.timelineWrapper,children:[v.jsx("div",{style:O.verticalLine}),v.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:i.map((p,l)=>v.jsx(vd,{stopGroup:p,index:l,pathType:un(e.type),pathPeriod:un(e.period),canEditPath:o,isPathCompleted:a,renderStopActions:n,renderOrderExtraData:r},p.stop_id))}),d.placeholder]})})})})},O={container:{fontFamily:"sans-serif",maxWidth:"800px",margin:"0 auto"},timelineWrapper:{position:"relative",padding:"20px 0"},verticalLine:{position:"absolute",right:"19px",top:"40px",bottom:"40px",width:"2px",backgroundColor:"#f3f4f6"},direction:{direction:"ltr"},timelineItem:{display:"flex",gap:"16px",marginBottom:"24px",position:"relative",zIndex:1},bubble:{width:"40px",height:"40px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",backgroundColor:"#fff",border:"2px solid",flexShrink:0},bubblePending:{borderColor:"#f3f4f6",color:"#9ca3af"},bubbleCompleted:{borderColor:"#dcfce7",color:"#16a34a",backgroundColor:"#f0fdf4"},card:{flex:1,backgroundColor:"#fff",border:"1px solid #f3f4f6",borderRadius:"12px",padding:"16px",boxShadow:"0 1px 3px rgba(0,0,0,0.1)",position:"relative"},cardHeader:{display:"flex",justifyContent:"space-between",marginBottom:"8px",alignItems:"center"},title:{fontSize:"16px",fontWeight:"bold"},badgePending:{fontSize:"11px",padding:"2px 8px",borderRadius:"12px",backgroundColor:"#f3f4f6",color:"#4b5563",fontWeight:"600"},badgeCompleted:{fontSize:"11px",padding:"2px 8px",borderRadius:"12px",backgroundColor:"#dcfce7",color:"#16a34a",fontWeight:"600"},customerName:{fontSize:"14px",color:"#6b7280",marginBottom:"12px"},ordersList:{backgroundColor:"#f9fafb",borderRadius:"8px",overflow:"hidden"},orderBlock:{padding:"12px",transition:"background-color 0.2s"},orderHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"8px"},detailsGrid:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"},gridItem:{display:"flex",flexDirection:"column"},gridLabel:{fontSize:"10px",color:"#9ca3af",fontWeight:"bold"},gridValue:{fontSize:"13px",fontWeight:"600"},gridValueWithIcon:{fontSize:"13px",display:"flex",alignItems:"flex-start",gap:"4px",color:"#374151"},addressLink:{color:"#3b82f6",textDecoration:"underline",wordBreak:"break-word",lineHeight:"1.4"},expandButton:{color:"#fff",border:"none",cursor:"pointer",backgroundColor:"#d1d1d1",borderRadius:"5px",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center"},extraDataContainer:{marginTop:"12px",padding:"12px",borderTop:"1px dashed #e5e7eb",backgroundColor:"#fff",borderRadius:"4px"},actionsSlot:{marginTop:"16px"}};Q.LogisticsDashboard=yd,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wilow_app/design-system",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "files": [
     "dist"