@copart/ops-tool-kit 1.13.0-beta.10 → 1.13.0-beta.11

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$1 = "@copart/ops-tool-kit";
-const version$3 = "1.13.0-beta.10";
+const version$3 = "1.13.0-beta.11";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -2862,10 +2862,10 @@ var BreadcrumbsProvider = /*#__PURE__*/function (_React$Component) {
 }(React__namespace.Component);
 
 var _class;
-var _excluded$4 = ["breadcrumbs"];
+var _excluded$5 = ["breadcrumbs"];
 var getCrumbProps = function getCrumbProps(props) {
   props.breadcrumbs;
-    var crumbProps = _objectWithoutProperties(props, _excluded$4);
+    var crumbProps = _objectWithoutProperties(props, _excluded$5);
   return crumbProps;
 };
 var Crumb$1 = withBreadcrumbs(_class = /*#__PURE__*/function (_React$Component) {
@@ -23483,7 +23483,7 @@ var RoleSelector$2 = function RoleSelector(_ref) {
   }));
 };
 
-var _excluded$3 = ["selectedYard", "name", "handleChange", "yardOptions", "label"];
+var _excluded$4 = ["selectedYard", "name", "handleChange", "yardOptions", "label"];
 var getDescription = function getDescription(yardOptions) {
   return function (code) {
     return yardOptions[code].yard_number;
@@ -23499,7 +23499,7 @@ var YardNumberMenu$2 = function YardNumberMenu(_ref) {
     handleChange = _ref.handleChange,
     yardOptions = _ref.yardOptions,
     label = _ref.label,
-    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
   }, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, _extends$1({}, otherProps, {
@@ -24443,14 +24443,14 @@ var HierarchyMenu = function HierarchyMenu(props) {
   });
 };
 
-var _excluded$2 = ["value", "handleChange", "yardOptions", "label", "disabled"];
+var _excluded$3 = ["value", "handleChange", "yardOptions", "label", "disabled"];
 var YardNumberMenu$1 = function YardNumberMenu(_ref) {
   var value = _ref.value,
     handleChange = _ref.handleChange,
     yardOptions = _ref.yardOptions;
     _ref.label;
     var disabled = _ref.disabled,
-    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
   }, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, _extends$1({}, otherProps, {
@@ -25750,7 +25750,7 @@ var useWindowSize = function useWindowSize() {
   return windowSize;
 };
 
-var _excluded$1 = ["count", "current", "showNavButtons", "onLeftButtonClick", "onRightButtonClick", "saveActionComponentState", "ActionComponent", "notificationsTopContainerRef", "mobileNotificationsTopContainerRef", "setNotificationHeightFlag"];
+var _excluded$2 = ["count", "current", "showNavButtons", "onLeftButtonClick", "onRightButtonClick", "saveActionComponentState", "ActionComponent", "notificationsTopContainerRef", "mobileNotificationsTopContainerRef", "setNotificationHeightFlag"];
 var alertBackgroundColorMapping = {
   alert: '#fab9b9',
   warning: '#f5f5cb',
@@ -25819,7 +25819,7 @@ var Banner = function Banner(props) {
     notificationsTopContainerRef = props.notificationsTopContainerRef,
     mobileNotificationsTopContainerRef = props.mobileNotificationsTopContainerRef,
     setNotificationHeightFlag = props.setNotificationHeightFlag,
-    notification = _objectWithoutProperties(props, _excluded$1);
+    notification = _objectWithoutProperties(props, _excluded$2);
   var dismissibleFlag = notification.dismissibleFlag,
     onDismiss = notification.onDismiss,
     startsAt = notification.startsAt,
@@ -64641,7 +64641,7 @@ AppFrame.defaultProps = {
   navItems: []
 };
 
-var _excluded = ["fromPhone", "toPhone", "appCode", "entityType", "lotAttributes"];
+var _excluded$1 = ["fromPhone", "toPhone", "appCode", "entityType", "lotAttributes"];
 var logOutboundCalls = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee(data) {
     var _storage$getLocalItem;
@@ -64677,7 +64677,7 @@ var CallLogger = React__default["default"].memo(function (_ref2) {
     entityType = _ref2$entityType === void 0 ? '' : _ref2$entityType,
     _ref2$lotAttributes = _ref2.lotAttributes,
     lotAttributes = _ref2$lotAttributes === void 0 ? {} : _ref2$lotAttributes,
-    props = _objectWithoutProperties(_ref2, _excluded);
+    props = _objectWithoutProperties(_ref2, _excluded$1);
   var _useState = React.useState({
       error: null,
       success: null
@@ -68102,6 +68102,7 @@ function ContextualHelp(_ref) {
   })));
 }
 
+var _excluded = ["signal"];
 var pending = new Map();
 function requestId() {
   return "bridge-".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 9));
@@ -68122,7 +68123,8 @@ function handleMessage(event) {
   if (!id || !pending.has(id)) return;
   var _pending$get = pending.get(id),
     resolve = _pending$get.resolve,
-    reject = _pending$get.reject;
+    reject = _pending$get.reject,
+    pendingResponseType = _pending$get.responseType;
   pending.delete(id);
   switch (data.eventType) {
     case 'FETCH_RESPONSE':
@@ -68136,6 +68138,25 @@ function handleMessage(event) {
         } : eventProps.error;
         reject(err);
       } else {
+        var _eventProps$result;
+        var resultData = (_eventProps$result = eventProps.result) === null || _eventProps$result === void 0 ? void 0 : _eventProps$result.data;
+        if (pendingResponseType === 'arraybuffer') {
+          if (resultData instanceof ArrayBuffer) {
+            console.log('[iframe-bridge/transport] FETCH_RESPONSE binary OK', {
+              requestId: id,
+              byteLength: resultData.byteLength
+            });
+          } else {
+            // Shell returned non-binary for a request that expected arraybuffer.
+            // This means Step 2 (shell) has not been deployed yet, or the shell
+            // is not forwarding responseType to its own axios call.
+            console.warn('[iframe-bridge/transport] FETCH_RESPONSE expected ArrayBuffer but got non-binary — shell may not support responseType yet', {
+              requestId: id,
+              actualType: _typeof$1(resultData),
+              isNull: resultData == null
+            });
+          }
+        }
         resolve(eventProps.result);
       }
       break;
@@ -68154,13 +68175,57 @@ if (typeof window !== 'undefined') {
   window.addEventListener('message', handleMessage, false);
 }
 function sendFetchRequest(payload) {
+  var signal = payload.signal,
+    restPayload = _objectWithoutProperties(payload, _excluded);
   return new Promise(function (resolve, reject) {
+    // Reject immediately if the signal is already aborted before we even send
+    if (signal !== null && signal !== void 0 && signal.aborted) {
+      console.log('[iframe-bridge/transport] FETCH_REQUEST aborted before send', {
+        url: payload.url
+      });
+      reject(new DOMException('Request aborted', 'AbortError'));
+      return;
+    }
     var id = requestId();
+    // store responseType so the response handler can detect a binary/non-binary mismatch
     pending.set(id, {
       resolve: resolve,
-      reject: reject
+      reject: reject,
+      responseType: payload.responseType
     });
-    post('FETCH_REQUEST', _objectSpread2(_objectSpread2({}, payload), {}, {
+    if (payload.responseType || payload.timeout != null || payload.withCredentials != null) {
+      console.log('[iframe-bridge/transport] sending FETCH_REQUEST with extended options', {
+        requestId: id,
+        url: payload.url,
+        responseType: payload.responseType,
+        timeout: payload.timeout,
+        withCredentials: payload.withCredentials
+      });
+    }
+
+    // signal cannot be transferred through postMessage — handle abort locally
+    if (signal) {
+      var onAbort = function onAbort() {
+        if (pending.has(id)) {
+          pending.delete(id);
+          console.log('[iframe-bridge/transport] FETCH_REQUEST aborted mid-flight', {
+            requestId: id,
+            url: payload.url
+          });
+          // Notify the shell so it can cancel its own request if wired up
+          post('CANCEL_REQUEST', {
+            requestId: id
+          });
+          reject(new DOMException('Request aborted', 'AbortError'));
+        }
+      };
+      signal.addEventListener('abort', onAbort, {
+        once: true
+      });
+    }
+
+    // signal is intentionally excluded from the message — it's a non-serialisable DOM object
+    post('FETCH_REQUEST', _objectSpread2(_objectSpread2({}, restPayload), {}, {
       requestId: id
     }));
   });
@@ -68662,15 +68727,39 @@ function request(config) {
       params = finalConfig.params,
       data = finalConfig.data,
       _finalConfig$headers = finalConfig.headers,
-      headers = _finalConfig$headers === void 0 ? {} : _finalConfig$headers;
+      headers = _finalConfig$headers === void 0 ? {} : _finalConfig$headers,
+      responseType = finalConfig.responseType,
+      timeout = finalConfig.timeout,
+      withCredentials = finalConfig.withCredentials,
+      signal = finalConfig.signal;
+    if (responseType || timeout != null || withCredentials != null || signal) {
+      console.log('[iframe-bridge/fetcher] request with extended options', {
+        url: url,
+        responseType: responseType,
+        timeout: timeout,
+        withCredentials: withCredentials,
+        hasSignal: Boolean(signal)
+      });
+    }
     return sendFetchRequest({
       method: (method || 'get').toLowerCase(),
       url: url,
       params: params,
       data: data,
-      headers: headers
+      headers: headers,
+      responseType: responseType,
+      timeout: timeout,
+      withCredentials: withCredentials,
+      signal: signal
     });
   }).then(function (result) {
+    if (result.data instanceof ArrayBuffer) {
+      console.log('[iframe-bridge/fetcher] binary response received', {
+        url: config.url,
+        byteLength: result.data.byteLength,
+        type: 'ArrayBuffer'
+      });
+    }
     return applyResponseInterceptors({
       data: result.data,
       status: result.status,