@fleetbase/fleetops-engine 0.6.46 → 0.6.48

package/addon/components/order/form/details.hbs

@@ -43,8 +43,7 @@
                 @renderInPlace={{true}}
                 @allowClear={{true}}
                 @disabled={{or @resource.hasWaypoints (cannot-write @resource)}}
-                @onChange={{fn (mut @resource.customer)}}
-                @onChangeId={{fn (mut @resource.customer_uuid)}}
+                @onChange={{this.selectCustomer}}
                 as |model|
             >
                 <div class="flex items-center">

package/addon/components/order/form/details.js

@@ -25,6 +25,12 @@ export default class OrderFormDetailsComponent extends Component {
         this.args.resource.set('driver', null);
     }
 
+    @action selectCustomer(model) {
+        this.args.resource.set('customer', model);
+        this.args.resource.set('customer_uuid', model?.uuid ?? model?.id ?? null);
+        this.args.resource.set('customer_type', model?.customer_type ? `fleet-ops:${model.customer_type}` : null);
+    }
+
     @task *selectOrderConfig(orderConfig) {
         if (!orderConfig) return;
         this.args.resource.setProperties({

package/addon/components/order/form/route.js

@@ -113,7 +113,15 @@ export default class OrderFormRouteComponent extends Component {
         if (!this.args.resource.payload.waypoints[index]) return;
 
         this.args.resource.payload.waypoints[index].place = place;
-        this.args.resource.payload.waypoints[index]?.setProperties(place.serialize());
+        this.args.resource.payload.waypoints[index]?.setProperties({
+            street1: place.street1,
+            street2: place.street2,
+            city: place.city,
+            province: place.province,
+            postal_code: place.postal_code,
+            country: place.country,
+            location: place.location,
+        });
         this.previewRoute();
     }
 

package/addon/components/order/kanban-card.hbs

@@ -15,10 +15,25 @@
         <div class="order-listing-row-progress mb-2">
             <OrderProgressBar
                 @card={{@card}}
-                @progress={{@card.tracker_data.progress_percentage}}
-                @firstWaypointCompleted={{@card.tracker_data.first_waypoint_completed}}
-                @lastWaypointCompleted={{@card.tracker_data.last_waypoint_completed}}
+                @progress={{@card.tracker_data.progress.percentage}}
+                @firstWaypointCompleted={{gt @card.tracker_data.progress.completed_stops 0}}
+                @lastWaypointCompleted={{eq @card.tracker_data.progress.percentage 100}}
             />
+            {{#if @card.tracker_data.insights.is_location_stale}}
+                <div class="flex mt-1">
+                    <Badge @status="warning" @hideStatusDot={{true}}>Stale GPS</Badge>
+                </div>
+            {{else if @card.tracker_data.fallback_provider}}
+                <div class="flex mt-1">
+                    <Badge @status="warning" @hideStatusDot={{true}}>Fallback ETA</Badge>
+                </div>
+            {{else if @card.tracker_data.confidence}}
+                {{#unless (eq @card.tracker_data.confidence "high")}}
+                    <div class="flex mt-1">
+                        <Badge @status="warning" @hideStatusDot={{true}}>Low ETA Confidence</Badge>
+                    </div>
+                {{/unless}}
+            {{/if}}
         </div>
         <div class="order-listing-row-body flex flex-row">
             <div class="flex-1 order-listing-row-body-address start">

package/addon/components/order-list-overlay/order.hbs

@@ -26,10 +26,25 @@
             <div class="order-listing-row-progress">
                 <OrderProgressBar
                     @order={{@order}}
-                    @progress={{@order.tracker_data.progress_percentage}}
-                    @firstWaypointCompleted={{@order.tracker_data.first_waypoint_completed}}
-                    @lastWaypointCompleted={{@order.tracker_data.last_waypoint_completed}}
+                    @progress={{@order.tracker_data.progress.percentage}}
+                    @firstWaypointCompleted={{gt @order.tracker_data.progress.completed_stops 0}}
+                    @lastWaypointCompleted={{eq @order.tracker_data.progress.percentage 100}}
                 />
+                {{#if @order.tracker_data.insights.is_location_stale}}
+                    <div class="flex mt-1">
+                        <Badge @status="warning" @hideStatusDot={{true}}>Stale GPS</Badge>
+                    </div>
+                {{else if @order.tracker_data.fallback_provider}}
+                    <div class="flex mt-1">
+                        <Badge @status="warning" @hideStatusDot={{true}}>Fallback ETA</Badge>
+                    </div>
+                {{else if @order.tracker_data.confidence}}
+                    {{#unless (eq @order.tracker_data.confidence "high")}}
+                        <div class="flex mt-1">
+                            <Badge @status="warning" @hideStatusDot={{true}}>Low ETA Confidence</Badge>
+                        </div>
+                    {{/unless}}
+                {{/if}}
             </div>
             <div class="order-listing-row-body">
                 <div class="order-listing-row-body-address start">

package/addon/components/order-progress-card.hbs

@@ -16,11 +16,26 @@
     <div class="order-progress-card-progress">
         <OrderProgressBar
             @order={{this.order}}
-            @progress={{this.order.tracker_data.progress_percentage}}
-            @firstWaypointCompleted={{this.order.tracker_data.first_waypoint_completed}}
-            @lastWaypointCompleted={{this.order.tracker_data.last_waypoint_completed}}
+            @progress={{this.order.tracker_data.progress.percentage}}
+            @firstWaypointCompleted={{gt this.order.tracker_data.progress.completed_stops 0}}
+            @lastWaypointCompleted={{eq this.order.tracker_data.progress.percentage 100}}
         />
     </div>
+    {{#if this.order.tracker_data.insights.is_location_stale}}
+        <div class="flex px-1 mt-1">
+            <Badge @status="warning" @hideStatusDot={{true}}>Stale GPS</Badge>
+        </div>
+    {{else if this.order.tracker_data.fallback_provider}}
+        <div class="flex px-1 mt-1">
+            <Badge @status="warning" @hideStatusDot={{true}}>Fallback ETA</Badge>
+        </div>
+    {{else if this.order.tracker_data.confidence}}
+        {{#unless (eq this.order.tracker_data.confidence "high")}}
+            <div class="flex px-1 mt-1">
+                <Badge @status="warning" @hideStatusDot={{true}}>Low ETA Confidence</Badge>
+            </div>
+        {{/unless}}
+    {{/if}}
     <div class="order-progress-card-details">
         <div class="order-progress-card-details-address start">
             {{#if this.order.payload.isMultiDrop}}
@@ -41,11 +56,11 @@
         <div class="grid grid-cols-2 gap-2 mt-1 px-1">
             <div class="flex flex-col text-xs">
                 <div class="font-semibold">{{t "order.fields.current-eta"}}:</div>
-                <div class="">{{format-duration this.order.tracker_data.current_destination_eta}}</div>
+                <div class="">{{format-duration this.order.tracker_data.eta.active_stop_seconds}}</div>
             </div>
             <div class="flex flex-col text-xs">
                 <div class="font-semibold">{{t "order.fields.ect"}}:</div>
-                <div class="">{{n-a this.order.tracker_data.estimated_completion_time_formatted}}</div>
+                <div class="">{{n-a this.order.tracker_data.eta.completion_at}}</div>
             </div>
             <div class="flex flex-col text-xs">
                 <div class="font-semibold">{{t "order.fields.driver"}}:</div>
@@ -57,7 +72,7 @@
             </div>
             <div class="flex flex-col text-xs">
                 <div class="font-semibold">{{t "order.fields.current-destination"}}:</div>
-                <div class="truncate">{{n-a this.order.tracker_data.current_destination.address}}</div>
+                <div class="truncate">{{n-a this.order.tracker_data.active_stop.address}}</div>
             </div>
         </div>
     </div>

package/addon/components/order-tracking-lookup.hbs

@@ -90,27 +90,27 @@
                                     <div class="order-progress-card-progress">
                                         <OrderProgressBar
                                             @order={{this.order}}
-                                            @progress={{this.order.tracker_data.progress_percentage}}
-                                            @firstWaypointCompleted={{this.order.tracker_data.first_waypoint_completed}}
-                                            @lastWaypointCompleted={{this.order.tracker_data.last_waypoint_completed}}
+                                            @progress={{this.order.tracker_data.progress.percentage}}
+                                            @firstWaypointCompleted={{gt this.order.tracker_data.progress.completed_stops 0}}
+                                            @lastWaypointCompleted={{eq this.order.tracker_data.progress.percentage 100}}
                                         />
                                     </div>
                                     <div class="grid grid-cols-2 gap-2 mt-1 px-1">
                                         <div class="flex flex-col text-xs">
                                             <div class="font-semibold">Current ETA:</div>
-                                            <div class="">{{format-duration this.order.tracker_data.current_destination_eta}}</div>
+                                            <div class="">{{format-duration this.order.tracker_data.eta.active_stop_seconds}}</div>
                                         </div>
                                         <div class="flex flex-col text-xs">
                                             <div class="font-semibold">ECT:</div>
-                                            <div class="">{{n-a this.order.tracker_data.estimated_completion_time_formatted}}</div>
+                                            <div class="">{{n-a this.order.tracker_data.eta.completion_at}}</div>
                                         </div>
                                         <div class="col-span-2 flex flex-col text-xs">
                                             <div class="font-semibold">Current Destination:</div>
-                                            <div class="truncate">{{n-a this.order.tracker_data.current_destination.address}}</div>
+                                            <div class="truncate">{{n-a this.order.tracker_data.active_stop.address}}</div>
                                         </div>
                                         <div class="col-span-2 flex flex-col text-xs">
                                             <div class="font-semibold">Next Destination:</div>
-                                            <div class="truncate">{{n-a this.order.tracker_data.next_destination.address}}</div>
+                                            <div class="truncate">{{n-a this.order.tracker_data.next_stop.address}}</div>
                                         </div>
                                     </div>
                                 </div>

package/addon/components/order-tracking-lookup.js

@@ -50,7 +50,7 @@ export default class OrderTrackingLookupComponent extends Component {
         try {
             this.order = yield this.fetch.get('fleet-ops/lookup', { tracking: this.trackingNumber }, { normalizeToEmberData: true, normalizeModelType: 'order' });
             this.urlSearchParams.addParamToCurrentUrl('order', this.order.tracking);
-            const driverCurrentLocation = this.order.get('tracker_data.driver_current_location');
+            const driverCurrentLocation = this.order.get('tracker_data.driver.location');
             if (driverCurrentLocation) {
                 this.latitude = driverCurrentLocation.coordinates[1];
                 this.longitude = driverCurrentLocation.coordinates[0];

package/addon/components/route-list.hbs

@@ -2,10 +2,29 @@
     {{#if this.firstStop}}
         <div class="order-route-stop {{@routeStopClass}}">
             <div class="order-route-stop-index {{@routeStopIndexClass}}">
-                <div class="index-count fleetops-route-stop-badge" style={{this.firstStop.badgeStyle}}>{{this.firstStop.label}}</div>
+                <div
+                    class="index-count fleetops-route-stop-badge {{if this.firstStop.active 'fleetops-route-stop-badge--active'}}"
+                    style={{this.firstStop.badgeStyle}}
+                >{{this.firstStop.label}}</div>
             </div>
             <div class="order-route-location {{@routeLocationClass}} dark:text-gray-100">
-                <DisplayPlace @place={{this.firstStop.place}} @eta={{get @eta this.firstStop.place.id}} @waypointActions={{@waypointActions}} />
+                <div class="mb-2 flex flex-wrap items-center gap-1.5">
+                    {{#if this.firstStop.place.status_code}}
+                        <Badge @status={{this.firstStop.place.status_code}} />
+                    {{/if}}
+                    {{#if this.firstStop.completed}}
+                        <Badge @status="success" @hideStatusDot={{true}}>Completed</Badge>
+                    {{else if this.firstStop.active}}
+                        <Badge @status="indigo" @hideStatusDot={{true}}>Current Stop</Badge>
+                    {{/if}}
+                    {{#if this.firstStop.etaSeconds}}
+                        <Badge @status="pending" @hideStatusDot={{true}}><span class="font-bold">ETA:</span> {{format-duration this.firstStop.etaSeconds}}</Badge>
+                    {{/if}}
+                    {{#if this.firstStop.etaAt}}
+                        <Badge @status="pending" @hideStatusDot={{true}}>{{format-date-fns this.firstStop.etaAt "d MMM HH:mm"}}</Badge>
+                    {{/if}}
+                </div>
+                <DisplayPlace @place={{this.firstStop.place}} @waypointActions={{@waypointActions}} @hideBadges={{true}} />
             </div>
         </div>
     {{/if}}
@@ -24,10 +43,26 @@
             {{#each this.middleStops as |stop|}}
                 <div class="order-route-stop {{@routeStopClass}}">
                     <div class="order-route-stop-index {{@routeStopIndexClass}}">
-                        <div class="index-count fleetops-route-stop-badge" style={{stop.badgeStyle}}>{{stop.label}}</div>
+                        <div class="index-count fleetops-route-stop-badge {{if stop.active 'fleetops-route-stop-badge--active'}}" style={{stop.badgeStyle}}>{{stop.label}}</div>
                     </div>
                     <div class="order-route-location {{@routeLocationClass}} dark:text-gray-100">
-                        <DisplayPlace @place={{stop.place}} @eta={{get @eta stop.place.id}} @waypointActions={{@waypointActions}} />
+                        <div class="mb-2 flex flex-wrap items-center gap-1.5">
+                            {{#if stop.place.status_code}}
+                                <Badge @status={{stop.place.status_code}} />
+                            {{/if}}
+                            {{#if stop.completed}}
+                                <Badge @status="success" @hideStatusDot={{true}}>Completed</Badge>
+                            {{else if stop.active}}
+                                <Badge @status="indigo" @hideStatusDot={{true}}>Current Stop</Badge>
+                            {{/if}}
+                            {{#if stop.etaSeconds}}
+                                <Badge @status="pending" @hideStatusDot={{true}}><span class="font-bold">ETA:</span> {{format-duration stop.etaSeconds}}</Badge>
+                            {{/if}}
+                            {{#if stop.etaAt}}
+                                <Badge @status="pending" @hideStatusDot={{true}}>{{format-date-fns stop.etaAt "d MMM HH:mm"}}</Badge>
+                            {{/if}}
+                        </div>
+                        <DisplayPlace @place={{stop.place}} @waypointActions={{@waypointActions}} @hideBadges={{true}} />
                     </div>
                 </div>
             {{/each}}
@@ -36,10 +71,26 @@
         {{#each this.middleStops as |stop|}}
             <div class="order-route-stop {{@routeStopClass}}">
                 <div class="order-route-stop-index {{@routeStopIndexClass}}">
-                    <div class="index-count fleetops-route-stop-badge" style={{stop.badgeStyle}}>{{stop.label}}</div>
+                    <div class="index-count fleetops-route-stop-badge {{if stop.active 'fleetops-route-stop-badge--active'}}" style={{stop.badgeStyle}}>{{stop.label}}</div>
                 </div>
                 <div class="order-route-location {{@routeLocationClass}} dark:text-gray-100">
-                    <DisplayPlace @place={{stop.place}} @eta={{get @eta stop.place.id}} @waypointActions={{@waypointActions}} />
+                    <div class="mb-2 flex flex-wrap items-center gap-1.5">
+                        {{#if stop.place.status_code}}
+                            <Badge @status={{stop.place.status_code}} />
+                        {{/if}}
+                        {{#if stop.completed}}
+                            <Badge @status="success" @hideStatusDot={{true}}>Completed</Badge>
+                        {{else if stop.active}}
+                            <Badge @status="indigo" @hideStatusDot={{true}}>Current Stop</Badge>
+                        {{/if}}
+                        {{#if stop.etaSeconds}}
+                            <Badge @status="pending" @hideStatusDot={{true}}><span class="font-bold">ETA:</span> {{format-duration stop.etaSeconds}}</Badge>
+                        {{/if}}
+                        {{#if stop.etaAt}}
+                            <Badge @status="pending" @hideStatusDot={{true}}>{{format-date-fns stop.etaAt "d MMM HH:mm"}}</Badge>
+                        {{/if}}
+                    </div>
+                    <DisplayPlace @place={{stop.place}} @waypointActions={{@waypointActions}} @hideBadges={{true}} />
                 </div>
             </div>
         {{/each}}
@@ -48,10 +99,29 @@
     {{#if this.lastStop}}
         <div class="order-route-stop {{@routeStopClass}}">
             <div class="order-route-stop-index {{@routeStopIndexClass}}">
-                <div class="index-count fleetops-route-stop-badge" style={{this.lastStop.badgeStyle}}>{{this.lastStop.label}}</div>
+                <div
+                    class="index-count fleetops-route-stop-badge {{if this.lastStop.active 'fleetops-route-stop-badge--active'}}"
+                    style={{this.lastStop.badgeStyle}}
+                >{{this.lastStop.label}}</div>
             </div>
             <div class="order-route-location {{@routeLocationClass}} dark:text-gray-100">
-                <DisplayPlace @place={{this.lastStop.place}} @eta={{get @eta this.lastStop.place.id}} @waypointActions={{@waypointActions}} />
+                <div class="mb-2 flex flex-wrap items-center gap-1.5">
+                    {{#if this.lastStop.place.status_code}}
+                        <Badge @status={{this.lastStop.place.status_code}} />
+                    {{/if}}
+                    {{#if this.lastStop.completed}}
+                        <Badge @status="success" @hideStatusDot={{true}}>Completed</Badge>
+                    {{else if this.lastStop.active}}
+                        <Badge @status="indigo" @hideStatusDot={{true}}>Current Stop</Badge>
+                    {{/if}}
+                    {{#if this.lastStop.etaSeconds}}
+                        <Badge @status="pending" @hideStatusDot={{true}}><span class="font-bold">ETA:</span> {{format-duration this.lastStop.etaSeconds}}</Badge>
+                    {{/if}}
+                    {{#if this.lastStop.etaAt}}
+                        <Badge @status="pending" @hideStatusDot={{true}}>{{format-date-fns this.lastStop.etaAt "d MMM HH:mm"}}</Badge>
+                    {{/if}}
+                </div>
+                <DisplayPlace @place={{this.lastStop.place}} @waypointActions={{@waypointActions}} @hideBadges={{true}} />
             </div>
         </div>
     {{/if}}

package/addon/components/route-list.js

@@ -16,12 +16,22 @@ export default class RouteListComponent extends Component {
     get routeStops() {
         const routePoints = buildRoutePointsFromPayload(this.args.order?.payload);
 
-        return routePoints.map((routePoint) => ({
-            routePoint,
-            place: routePoint.place,
-            badgeStyle: this.badgeStyleForStop(routePoint),
-            ...describeRoutePoint(routePoint, this.routeColor),
-        }));
+        return routePoints
+            .map((routePoint) => ({
+                routePoint,
+                place: routePoint.place,
+                badgeStyle: this.badgeStyleForStop(routePoint),
+                trackingStop: this.trackingStopFor(routePoint.place),
+                routeLeg: this.routeLegFor(routePoint.place),
+                ...describeRoutePoint(routePoint, this.routeColor),
+            }))
+            .map((stop) => ({
+                ...stop,
+                etaSeconds: stop.routeLeg?.eta_seconds ?? stop.routeLeg?.duration_in_traffic_s ?? stop.routeLeg?.duration_s ?? this.legacyEtaFor(stop.place),
+                etaAt: stop.routeLeg?.eta_at,
+                completed: Boolean(stop.trackingStop?.completed),
+                active: this.matchesStop(stop.trackingStop, this.args.order?.tracker_data?.active_stop),
+            }));
     }
 
     get firstStop() {
@@ -52,6 +62,38 @@ export default class RouteListComponent extends Component {
         return `background-color: ${markerColor}; color: ${textColor};`;
     }
 
+    trackingStopFor(place) {
+        const stops = this.args.order?.tracker_data?.stops ?? [];
+
+        return stops.find((stop) => this.matchesPlace(stop, place)) ?? null;
+    }
+
+    routeLegFor(place) {
+        const legs = this.args.order?.tracker_data?.route?.legs ?? [];
+
+        return legs.find((leg) => this.matchesPlace(leg.stop, place)) ?? null;
+    }
+
+    legacyEtaFor(place) {
+        return this.args.eta?.[place?.id] ?? this.args.eta?.[place?.uuid] ?? this.args.eta?.[place?.public_id] ?? null;
+    }
+
+    matchesPlace(stop, place) {
+        if (!stop || !place) {
+            return false;
+        }
+
+        return stop.uuid === place.uuid || stop.public_id === place.public_id || stop.id === place.id;
+    }
+
+    matchesStop(stop, activeStop) {
+        if (!stop || !activeStop) {
+            return false;
+        }
+
+        return stop.uuid === activeStop.uuid || stop.public_id === activeStop.public_id;
+    }
+
     @action toggleWaypointsCollapse() {
         this.isWaypointsCollapsed = !this.isWaypointsCollapsed;
     }

package/addon/components/tracking-stop-progress.hbs

@@ -0,0 +1,45 @@
+<div class="tracking-stop-progress" ...attributes>
+    <div class="tracking-stop-progress__header">
+        <div class="tracking-stop-progress__title">Between Stops</div>
+        <div class="tracking-stop-progress__count">
+            <span class="font-semibold text-gray-800 dark:text-gray-100">{{this.completedCount}}</span>
+            /
+            {{this.totalCount}}
+            stops
+        </div>
+    </div>
+
+    <div class="tracking-stop-progress__scroller">
+        <div class="tracking-stop-progress__rail">
+            {{#each this.stops as |stop|}}
+                <div class="tracking-stop-progress__stop">
+                    <div class="tracking-stop-progress__line">
+                        {{#unless stop.isFirst}}
+                            <div class="tracking-stop-progress__connector"></div>
+                        {{/unless}}
+
+                        <div
+                            class="tracking-stop-progress__dot
+                                {{if stop.completed 'tracking-stop-progress__dot--done'}}
+                                {{if stop.active 'tracking-stop-progress__dot--active'}}
+                                {{if stop.pending 'tracking-stop-progress__dot--pending'}}"
+                            title={{stop.title}}
+                        >
+                            {{stop.label}}
+                        </div>
+                        <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
+                            <InputInfo class="max-w-xs">
+                                <div class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">{{stop.title}}</div>
+                                <DisplayPlace @place={{stop.place}} @addressClass="mt-1 text-xs leading-4 text-gray-900 dark:text-gray-100 not-italic" @hideBadges={{true}} />
+                            </InputInfo>
+                        </Attach::Tooltip>
+
+                        {{#unless stop.isLast}}
+                            <div class="tracking-stop-progress__connector"></div>
+                        {{/unless}}
+                    </div>
+                </div>
+            {{/each}}
+        </div>
+    </div>
+</div>

package/addon/components/tracking-stop-progress.js

@@ -0,0 +1,79 @@
+import Component from '@glimmer/component';
+
+export default class TrackingStopProgressComponent extends Component {
+    get stops() {
+        const stops = this.args.stops ?? [];
+        const activeStop = this.args.activeStop;
+
+        return stops.map((stop, index) => {
+            const isActive = this.matches(stop, activeStop);
+            const completed = Boolean(stop.completed);
+
+            return {
+                ...stop,
+                index: index + 1,
+                isFirst: index === 0,
+                isLast: index === stops.length - 1,
+                label: this.labelFor(stop, index),
+                title: this.titleFor(stop, index),
+                locationLabel: this.locationLabelFor(stop, index),
+                place: this.placeFor(stop),
+                completed,
+                active: isActive,
+                pending: !completed && !isActive,
+            };
+        });
+    }
+
+    get completedCount() {
+        return this.stops.filter((stop) => stop.completed).length;
+    }
+
+    get totalCount() {
+        return this.stops.length;
+    }
+
+    labelFor(stop, index) {
+        if (stop.type === 'pickup') {
+            return 'P';
+        }
+
+        if (stop.type === 'dropoff') {
+            return 'D';
+        }
+
+        return String(index + 1);
+    }
+
+    titleFor(stop, index) {
+        if (stop.type === 'pickup') {
+            return 'Pickup';
+        }
+
+        if (stop.type === 'dropoff') {
+            return 'Dropoff';
+        }
+
+        return `Stop ${index + 1}`;
+    }
+
+    locationLabelFor(stop, index) {
+        return stop.city || stop.name || stop.address || this.titleFor(stop, index);
+    }
+
+    placeFor(stop) {
+        return {
+            ...stop,
+            street1: stop.street1 || stop.address || stop.name,
+            country_name: stop.country_name || stop.country,
+        };
+    }
+
+    matches(stop, activeStop) {
+        if (!stop || !activeStop) {
+            return false;
+        }
+
+        return stop.uuid === activeStop.uuid || stop.public_id === activeStop.public_id;
+    }
+}

package/addon/controllers/settings/payments/index.js

@@ -46,7 +46,7 @@ export default class SettingsPaymentsIndexController extends Controller {
     ];
 
     get isStripeEnabled() {
-        return window.stripeInstance !== undefined || !isEmpty(config.stripe.publishableKey);
+        return !isEmpty(config.stripe.publishableKey);
     }
 
     @task *lookupStripeConnectAccount() {