@fleetbase/fleetops-engine 0.6.38 → 0.6.40

package/addon/components/modals/add-driver-shift.hbs

@@ -0,0 +1,155 @@
+<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
+    <div class="modal-body-container">
+        <div class="grid grid-cols-1 gap-4 text-xs dark:text-gray-100">
+
+            {{! ── Driver selector (only in global scheduler context) ─────────────── }}
+            {{#if this.hasManyDrivers}}
+                <div class="input-group">
+                    <label>{{t "resource.driver"}}</label>
+                    <ModelSelect
+                        @modelName="driver"
+                        @selectedModel={{this.selectedDriver}}
+                        @placeholder={{t "scheduler.select-driver"}}
+                        @triggerClass="form-select form-input"
+                        @infiniteScroll={{false}}
+                        @renderInPlace={{true}}
+                        @onChange={{this.selectDriver}}
+                        as |driver|
+                    >
+                        {{driver.name}}
+                    </ModelSelect>
+                </div>
+            {{/if}}
+
+            {{! ── Mode toggle ─────────────────────────────────────────────────────── }}
+            <div class="flex items-center justify-between rounded-lg bg-gray-50 dark:bg-gray-800 px-3 py-2">
+                <div>
+                    <p class="font-medium dark:text-gray-100">{{t "scheduler.one-off-shift"}}</p>
+                    <p class="text-gray-500 dark:text-gray-400 mt-0.5">{{t "scheduler.one-off-shift-help"}}</p>
+                </div>
+                <Toggle @isToggled={{this.isOneOff}} @onToggle={{this.toggleMode}} />
+            </div>
+
+            {{! ══════════════════════════════════════════════════════════════════════ }}
+            {{! SINGLE SHIFT MODE                                                      }}
+            {{! ══════════════════════════════════════════════════════════════════════ }}
+            {{#unless this.isRecurring}}
+
+                <div class="input-group">
+                    <label>{{t "scheduler.shift-title"}}</label>
+                    <Input @value={{@options.title}} @type="text" placeholder={{t "scheduler.shift-title-placeholder"}} class="w-full form-input" />
+                </div>
+
+                <div class="input-group">
+                    <label>{{t "scheduler.shift-start"}}</label>
+                    <DateTimeInput @value={{@options.startAt}} @onChange={{this.updateStartAt}} placeholder={{t "scheduler.select-start-datetime"}} class="w-full form-input" />
+                </div>
+
+                <div class="input-group">
+                    <label>{{t "scheduler.shift-end"}}</label>
+                    <DateTimeInput @value={{@options.endAt}} @onChange={{this.updateEndAt}} placeholder={{t "scheduler.select-end-datetime"}} class="w-full form-input" />
+                </div>
+
+                <div class="grid grid-cols-2 gap-4">
+                    <div class="input-group">
+                        <label>{{t "scheduler.break-start"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                        <DateTimeInput @value={{@options.breakStartAt}} @onChange={{this.updateBreakStartAt}} placeholder={{t "scheduler.select-break-start"}} class="w-full form-input" />
+                    </div>
+                    <div class="input-group">
+                        <label>{{t "scheduler.break-end"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                        <DateTimeInput @value={{@options.breakEndAt}} @onChange={{this.updateBreakEndAt}} placeholder={{t "scheduler.select-break-end"}} class="w-full form-input" />
+                    </div>
+                </div>
+
+                <div class="input-group">
+                    <label>{{t "common.notes"}}</label>
+                    <Textarea @value={{@options.notes}} placeholder={{t "scheduler.shift-notes-placeholder"}} class="w-full form-input" rows="2" />
+                </div>
+
+            {{/unless}}
+
+            {{! ══════════════════════════════════════════════════════════════════════ }}
+            {{! RECURRING SCHEDULE MODE                                                }}
+            {{! ══════════════════════════════════════════════════════════════════════ }}
+            {{#if this.isRecurring}}
+
+                <div class="input-group">
+                    <label>{{t "scheduler.schedule-name"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                    <Input @value={{@options.templateName}} @type="text" placeholder={{t "scheduler.schedule-name-placeholder"}} class="w-full form-input" />
+                </div>
+
+                {{! Day-of-week selector }}
+                <div class="input-group">
+                    <label>{{t "scheduler.working-days"}}</label>
+                    <div class="flex gap-1.5 mt-1">
+                        {{#each this.dayOptions as |day|}}
+                            <button
+                                type="button"
+                                class="flex-1 py-2 rounded-md text-xs font-semibold border transition-colors
+                                    {{if
+                                        (this.isDaySelected day.code)
+                                        'bg-indigo-600 border-indigo-600 text-white'
+                                        'bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:border-indigo-400'
+                                    }}"
+                                {{on "click" (fn this.toggleDay day.code)}}
+                            >
+                                {{day.label}}
+                            </button>
+                        {{/each}}
+                    </div>
+                </div>
+
+                {{! Shift time window }}
+                <div class="grid grid-cols-2 gap-4">
+                    <InputGroup @name={{t "scheduler.shift-start-time"}} @type="time" @value={{@options.shiftStartTime}} @onChange={{this.updateShiftStartTime}} />
+                    <InputGroup @name={{t "scheduler.shift-end-time"}} @type="time" @value={{@options.shiftEndTime}} @onChange={{this.updateShiftEndTime}} />
+                </div>
+
+                {{! Break window (optional) }}
+                <div class="grid grid-cols-2 gap-4">
+                    <InputGroup
+                        @name={{concat (t "scheduler.break-start") " (" (t "common.optional") ")"}}
+                        @type="time"
+                        @value={{@options.breakStartTime}}
+                        @onChange={{this.updateBreakStartTime}}
+                    />
+                    <InputGroup
+                        @name={{concat (t "scheduler.break-end") " (" (t "common.optional") ")"}}
+                        @type="time"
+                        @value={{@options.breakEndTime}}
+                        @onChange={{this.updateBreakEndTime}}
+                    />
+                </div>
+
+                {{! Optional date range }}
+                <div class="grid grid-cols-2 gap-4">
+                    <div class="input-group">
+                        <label>{{t "scheduler.recurrence-start"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                        <DateTimeInput
+                            @value={{@options.recurrenceStartDate}}
+                            @onChange={{this.updateRecurrenceStartDate}}
+                            placeholder={{t "scheduler.select-date"}}
+                            class="w-full form-input"
+                        />
+                    </div>
+                    <div class="input-group">
+                        <label>{{t "scheduler.recurrence-end"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                        <DateTimeInput @value={{@options.recurrenceEndDate}} @onChange={{this.updateRecurrenceEndDate}} placeholder={{t "scheduler.select-date"}} class="w-full form-input" />
+                    </div>
+                </div>
+
+                {{! Live recurrence preview }}
+                {{#if this.recurrenceSummary}}
+                    <div class="rounded-lg bg-indigo-50 dark:bg-indigo-900/30 border border-indigo-200 dark:border-indigo-700 px-3 py-2">
+                        <p class="text-indigo-700 dark:text-indigo-300 font-medium">
+                            <FaIcon @icon="rotate" class="mr-1.5" />
+                            {{this.recurrenceSummary}}
+                        </p>
+                    </div>
+                {{/if}}
+
+            {{/if}}
+
+        </div>
+    </div>
+</Modal::Default>

package/addon/components/modals/add-driver-shift.js

@@ -0,0 +1,210 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+/**
+ * Modals::AddDriverShift
+ *
+ * Supports two modes toggled by the user:
+ *   1. "Single shift" — creates one ScheduleItem on a specific date/time
+ *   2. "Recurring schedule" — creates a ScheduleTemplate (RRULE) and triggers
+ *      materialisation for the rolling 60-day horizon
+ *
+ * Plain text/textarea inputs bind @value directly to @options properties —
+ * Ember's two-way binding keeps them in sync without manual update actions.
+ * Custom components (DateTimeInput, InputGroup @type="time", ModelSelect)
+ * still use @onChange because they emit processed values, not DOM events.
+ *
+ * Options accepted:
+ *   - drivers: array of Driver records (for the dropdown in the global scheduler)
+ *   - selectedDriver: pre-selected Driver record (when opened from driver panel)
+ *   - schedule: the driver's Schedule record (required for recurring mode)
+ */
+export default class ModalsAddDriverShiftComponent extends Component {
+    @service intl;
+
+    // ── Mode ──────────────────────────────────────────────────────────────────
+    @tracked isRecurring = true;
+
+    // ── Shared ────────────────────────────────────────────────────────────────
+    @tracked selectedDriver = null;
+
+    // ── Recurring-schedule fields that drive computed getters ─────────────────
+    @tracked selectedDays = [];
+
+    constructor() {
+        super(...arguments);
+        const opts = this.args.options;
+
+        // Seed all plain-text / date / time fields onto @options so the template
+        // can bind @value directly and the confirm callback reads them back.
+        opts.title = opts.title ?? '';
+        opts.notes = opts.notes ?? '';
+        opts.startAt = opts.startAt ?? null;
+        opts.endAt = opts.endAt ?? null;
+        opts.breakStartAt = opts.breakStartAt ?? null;
+        opts.breakEndAt = opts.breakEndAt ?? null;
+        opts.templateName = opts.templateName ?? '';
+        opts.templateColor = opts.templateColor ?? '#6366f1';
+        opts.shiftStartTime = opts.shiftStartTime ?? '08:00';
+        opts.shiftEndTime = opts.shiftEndTime ?? '16:00';
+        opts.breakStartTime = opts.breakStartTime ?? '';
+        opts.breakEndTime = opts.breakEndTime ?? '';
+        opts.recurrenceStartDate = opts.recurrenceStartDate ?? null;
+        opts.recurrenceEndDate = opts.recurrenceEndDate ?? null;
+        opts.isRecurring = true;
+
+        this.selectedDriver = opts.selectedDriver ?? null;
+    }
+
+    // ── Getters ───────────────────────────────────────────────────────────────
+    get drivers() {
+        return this.args.options?.drivers ?? [];
+    }
+
+    get hasManyDrivers() {
+        return this.drivers.length > 1;
+    }
+
+    get dayOptions() {
+        return [
+            { code: 'MO', label: this.intl.t('scheduler.day-mon') },
+            { code: 'TU', label: this.intl.t('scheduler.day-tue') },
+            { code: 'WE', label: this.intl.t('scheduler.day-wed') },
+            { code: 'TH', label: this.intl.t('scheduler.day-thu') },
+            { code: 'FR', label: this.intl.t('scheduler.day-fri') },
+            { code: 'SA', label: this.intl.t('scheduler.day-sat') },
+            { code: 'SU', label: this.intl.t('scheduler.day-sun') },
+        ];
+    }
+
+    get recurrenceSummary() {
+        if (!this.selectedDays.length) return null;
+        const dayMap = { MO: 'Mon', TU: 'Tue', WE: 'Wed', TH: 'Thu', FR: 'Fri', SA: 'Sat', SU: 'Sun' };
+        const days = this.selectedDays.map((d) => dayMap[d]).join(', ');
+        const opts = this.args.options;
+        const times = opts.shiftStartTime && opts.shiftEndTime ? ` · ${opts.shiftStartTime}–${opts.shiftEndTime}` : '';
+        return `Weekly on ${days}${times}`;
+    }
+
+    /**
+     * The toggle shows "One-off shift" and is ON when NOT recurring.
+     * isRecurring is the source of truth; isOneOff is the inverse for the toggle.
+     */
+    get isOneOff() {
+        return !this.isRecurring;
+    }
+
+    get canConfirm() {
+        const opts = this.args.options;
+        if (this.isRecurring) {
+            return this.selectedDays.length > 0 && opts.shiftStartTime && opts.shiftEndTime;
+        }
+        return opts.startAt && opts.endAt;
+    }
+
+    // ── Actions ───────────────────────────────────────────────────────────────
+
+    @action
+    toggleMode() {
+        this.isRecurring = !this.isRecurring;
+        this.args.options.isRecurring = this.isRecurring;
+        if (this.isRecurring) {
+            this.args.options.rrule = this.buildRrule();
+        }
+    }
+
+    @action
+    toggleDay(code) {
+        if (this.selectedDays.includes(code)) {
+            this.selectedDays = this.selectedDays.filter((d) => d !== code);
+        } else {
+            this.selectedDays = [...this.selectedDays, code];
+        }
+        // Keep rrule on options in sync
+        this.args.options.rrule = this.buildRrule();
+    }
+
+    @action
+    isDaySelected(code) {
+        return this.selectedDays.includes(code);
+    }
+
+    @action
+    selectDriver(driver) {
+        this.selectedDriver = driver;
+        this.args.options.selectedDriver = driver;
+    }
+
+    // DateTimeInput emits a processed value — needs @onChange
+    @action
+    updateStartAt(value) {
+        this.args.options.startAt = value;
+    }
+
+    @action
+    updateEndAt(value) {
+        this.args.options.endAt = value;
+    }
+
+    @action
+    updateBreakStartAt(value) {
+        this.args.options.breakStartAt = value;
+    }
+
+    @action
+    updateBreakEndAt(value) {
+        this.args.options.breakEndAt = value;
+    }
+
+    // InputGroup @type="time" emits a processed value — needs @onChange
+    @action
+    updateShiftStartTime(value) {
+        this.args.options.shiftStartTime = value;
+        // Recompute rrule summary reactivity trigger
+        this.args.options.rrule = this.buildRrule();
+    }
+
+    @action
+    updateShiftEndTime(value) {
+        this.args.options.shiftEndTime = value;
+        this.args.options.rrule = this.buildRrule();
+    }
+
+    @action
+    updateBreakStartTime(value) {
+        this.args.options.breakStartTime = value;
+    }
+
+    @action
+    updateBreakEndTime(value) {
+        this.args.options.breakEndTime = value;
+    }
+
+    @action
+    updateRecurrenceStartDate(value) {
+        this.args.options.recurrenceStartDate = value;
+    }
+
+    @action
+    updateRecurrenceEndDate(value) {
+        this.args.options.recurrenceEndDate = value;
+        this.args.options.rrule = this.buildRrule();
+    }
+
+    /**
+     * Build the RRULE string from the selected days and optional end date.
+     * Example output: FREQ=WEEKLY;BYDAY=MO,TU,TH
+     */
+    buildRrule() {
+        const parts = [`FREQ=WEEKLY`, `BYDAY=${this.selectedDays.join(',')}`];
+        const endDate = this.args.options.recurrenceEndDate;
+        if (endDate) {
+            const d = new Date(endDate);
+            const until = d.toISOString().replace(/[-:]/g, '').split('.')[0] + 'Z';
+            parts.push(`UNTIL=${until}`);
+        }
+        return parts.join(';');
+    }
+}

package/addon/components/modals/bulk-assign-orders.hbs

@@ -0,0 +1,67 @@
+<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
+    <div class="modal-body-container">
+        <div class="grid grid-cols-1 gap-4 text-xs dark:text-gray-100">
+
+            {{! ── Order summary ─────────────────────────────────────────────── }}
+            <div class="rounded-lg bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 px-3 py-2">
+                <p class="font-medium dark:text-gray-100">
+                    <FaIcon @icon="list-check" class="mr-1.5 text-indigo-500" />
+                    {{t "scheduler.bulk-assign-order-count" count=@options.orders.length}}
+                </p>
+                <div class="mt-2 max-h-32 overflow-y-auto space-y-1">
+                    {{#each @options.orders as |order|}}
+                        <div class="flex items-center justify-between py-0.5">
+                            <span class="font-mono text-gray-600 dark:text-gray-400">{{order.public_id}}</span>
+                            {{#if order.payload.dropoff.address}}
+                                <span class="text-gray-500 dark:text-gray-400 truncate ml-2 max-w-xs">
+                                    {{order.payload.dropoff.address}}
+                                </span>
+                            {{/if}}
+                        </div>
+                    {{/each}}
+                </div>
+            </div>
+
+            {{! ── Driver selector ────────────────────────────────────────────── }}
+            <div class="input-group">
+                <label>{{t "resource.driver"}}</label>
+                <ModelSelect
+                    @modelName="driver"
+                    @selectedModel={{@options.driver}}
+                    @placeholder={{t "scheduler.select-driver"}}
+                    @triggerClass="form-select form-input"
+                    @infiniteScroll={{false}}
+                    @renderInPlace={{true}}
+                    @allowClear={{true}}
+                    @onChange={{fn (mut @options.driver)}}
+                    as |driver|
+                >
+                    <div class="flex items-center">
+                        <div class="w-7 flex-shrink-0">
+                            <FaIcon @icon="id-card-alt" />
+                        </div>
+                        <div class="flex-1 flex flex-row truncate">
+                            <span class="uppercase mr-2">{{driver.name}}</span>
+                            <span class="uppercase text-gray-400">{{driver.phone}}</span>
+                        </div>
+                    </div>
+                </ModelSelect>
+            </div>
+
+            {{! ── Start date/time ─────────────────────────────────────────────── }}
+            <div class="input-group">
+                <label>{{t "scheduler.bulk-assign-start-time"}}</label>
+                <DateTimeInput @value={{@options.date}} @onChange={{fn (mut @options.date)}} placeholder={{t "scheduler.select-start-datetime"}} class="w-full form-input" />
+            </div>
+
+            {{! ── Spacing hint ────────────────────────────────────────────────── }}
+            <div class="rounded-lg bg-indigo-50 dark:bg-indigo-900/30 border border-indigo-200 dark:border-indigo-700 px-3 py-2">
+                <p class="text-indigo-700 dark:text-indigo-300">
+                    <FaIcon @icon="circle-info" class="mr-1.5" />
+                    {{t "scheduler.bulk-assign-spacing-hint"}}
+                </p>
+            </div>
+
+        </div>
+    </div>
+</Modal::Default>

package/addon/components/modals/driver-shift.hbs

@@ -0,0 +1,43 @@
+<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
+    <div class="modal-body-container">
+        <div class="grid grid-cols-1 gap-4 text-xs dark:text-gray-100">
+
+            {{! Shift Title }}
+            <div class="input-group">
+                <label>{{t "scheduler.shift-title"}}</label>
+                <Input @value={{@options.title}} @type="text" placeholder={{t "scheduler.shift-title-placeholder"}} class="w-full form-input" />
+            </div>
+
+            {{! Start Date/Time }}
+            <div class="input-group">
+                <label>{{t "scheduler.shift-start"}}</label>
+                <DateTimeInput @value={{@options.startAt}} @onChange={{this.updateStartAt}} placeholder={{t "scheduler.select-start-datetime"}} class="w-full form-input" />
+            </div>
+
+            {{! End Date/Time }}
+            <div class="input-group">
+                <label>{{t "scheduler.shift-end"}}</label>
+                <DateTimeInput @value={{@options.endAt}} @onChange={{this.updateEndAt}} placeholder={{t "scheduler.select-end-datetime"}} class="w-full form-input" />
+            </div>
+
+            {{! Break Window (optional) }}
+            <div class="grid grid-cols-2 gap-4">
+                <div class="input-group">
+                    <label>{{t "scheduler.break-start"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                    <DateTimeInput @value={{@options.breakStartAt}} @onChange={{this.updateBreakStartAt}} placeholder={{t "scheduler.select-break-start"}} class="w-full form-input" />
+                </div>
+                <div class="input-group">
+                    <label>{{t "scheduler.break-end"}} <span class="text-gray-400">({{t "common.optional"}})</span></label>
+                    <DateTimeInput @value={{@options.breakEndAt}} @onChange={{this.updateBreakEndAt}} placeholder={{t "scheduler.select-break-end"}} class="w-full form-input" />
+                </div>
+            </div>
+
+            {{! Notes }}
+            <div class="input-group">
+                <label>{{t "common.notes"}}</label>
+                <Textarea @value={{@options.notes}} placeholder={{t "scheduler.shift-notes-placeholder"}} class="w-full form-input" rows="2" />
+            </div>
+
+        </div>
+    </div>
+</Modal::Default>

package/addon/components/modals/driver-shift.js

@@ -0,0 +1,56 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+/**
+ * Modals::DriverShift
+ *
+ * Modal for editing an existing ScheduleItem (shift).
+ * Pre-populates all fields from the passed `item` option.
+ *
+ * Plain text/textarea inputs bind @value directly to @options — Ember's
+ * two-way binding keeps them in sync without manual update actions.
+ * DateTimeInput still uses @onChange because it emits a processed value.
+ *
+ * @example
+ *   this.modalsManager.show('modals/driver-shift', {
+ *       item: scheduleItem,
+ *       confirm: async (modal) => { ... }
+ *   });
+ */
+export default class ModalsDriverShiftComponent extends Component {
+    constructor() {
+        super(...arguments);
+        const opts = this.args.options;
+        const item = opts?.item;
+
+        // Seed all fields onto @options so the template can bind @value directly
+        // and the confirm callback reads them back without any sync actions.
+        opts.title = item?.title ?? '';
+        opts.startAt = item?.start_at ?? null;
+        opts.endAt = item?.end_at ?? null;
+        opts.breakStartAt = item?.break_start_at ?? null;
+        opts.breakEndAt = item?.break_end_at ?? null;
+        opts.notes = item?.notes ?? '';
+    }
+
+    // DateTimeInput emits a processed value — needs @onChange
+    @action
+    updateStartAt(value) {
+        this.args.options.startAt = value;
+    }
+
+    @action
+    updateEndAt(value) {
+        this.args.options.endAt = value;
+    }
+
+    @action
+    updateBreakStartAt(value) {
+        this.args.options.breakStartAt = value;
+    }
+
+    @action
+    updateBreakEndAt(value) {
+        this.args.options.breakEndAt = value;
+    }
+}

package/addon/components/modals/entity-form.hbs

@@ -8,30 +8,11 @@
             <div class="flex-1 space-y-4">
                 <ContentPanel @title={{t "common.details"}} @open={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
                     <div class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-2">
-                        <InputGroup
-                            @name={{t "common.name"}}
-                            @value={{@options.entity.name}}
-                            @helpText={{t "modals.entity-form.name-text"}}
-                            @wrapperClass="mb-2"
-                        />
-                        <InputGroup
-                            @name={{t "common.internal-id"}}
-                            @value={{@options.entity.internal_id}}
-                            @helpText={{t "modals.entity-form.id-text"}}
-                            @wrapperClass="mb-2"
-                        />
-                        <InputGroup
-                            @name={{t "modals.entity-form.sku"}}
-                            @value={{@options.entity.sku}}
-                            @helpText={{t "modals.entity-form.sku-text"}}
-                            @wrapperClass="mb-2"
-                        />
+                        <InputGroup @name={{t "common.name"}} @value={{@options.entity.name}} @helpText={{t "modals.entity-form.name-text"}} @wrapperClass="mb-2" />
+                        <InputGroup @name={{t "common.internal-id"}} @value={{@options.entity.internal_id}} @helpText={{t "modals.entity-form.id-text"}} @wrapperClass="mb-2" />
+                        <InputGroup @name={{t "modals.entity-form.sku"}} @value={{@options.entity.sku}} @helpText={{t "modals.entity-form.sku-text"}} @wrapperClass="mb-2" />
                         <div></div>
-                        <InputGroup
-                            @name={{t "modals.entity-form.description"}}
-                            @helpText={{t "modals.entity-form.description-text"}}
-                            @wrapperClass="col-span-2 mb-2"
-                        >
+                        <InputGroup @name={{t "modals.entity-form.description"}} @helpText={{t "modals.entity-form.description-text"}} @wrapperClass="col-span-2 mb-2">
                             <Textarea @value={{@options.entity.description}} type="text" class="w-full form-input" placeholder={{t "modals.entity-form.description"}} />
                         </InputGroup>
                     </div>
@@ -48,11 +29,7 @@
                                 @onCurrencyChange={{fn (mut @options.entity.currency)}}
                             />
                         </InputGroup>
-                        <InputGroup
-                            @name={{t "modals.entity-form.sale-price"}}
-                            @helpText={{t "modals.entity-form.sale-price-text"}}
-                            @wrapperClass="mb-2"
-                        >
+                        <InputGroup @name={{t "modals.entity-form.sale-price"}} @helpText={{t "modals.entity-form.sale-price-text"}} @wrapperClass="mb-2">
                             <MoneyInput
                                 class="w-full"
                                 @value={{@options.entity.sale_price}}