Merge branch 'PM-9853' into PM-9852

libs/common/src/platform/services/config/default-config.service.ts

@@ -115,6 +115,7 @@ export class DefaultConfigService implements ConfigService {
           return DefaultFeatureFlagValue[key];
         }
 
+        serverConfig.featureStates[FeatureFlag.ExtensionRefresh] = true;
         return serverConfig.featureStates[key] as FeatureFlagValueType<Flag>;
       }),
     );

libs/tools/send/send-ui/src/index.ts

@@ -1,2 +1,3 @@
 export * from "./icons";
 export { NewSendDropdownComponent } from "./new-send-dropdown/new-send-dropdown.component";
+export { SendListItemsContainerComponent } from "./send-list-items-container/send-list-items-container.component";

libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.html

@@ -0,0 +1,54 @@
+<bit-section *ngIf="sends?.length > 0">
+  <bit-section-header>
+    <h2 class="tw-font-bold" bitTypography="h5">
+      {{ "allSends" | i18n }}
+    </h2>
+    <span bitTypography="body1" slot="end">{{ sends.length }}</span>
+  </bit-section-header>
+  <bit-item-group>
+    <bit-item *ngFor="let send of sends">
+      <button
+        bit-item-content
+        appA11yTitle="{{ 'edit' | i18n }} - {{ send.name }}"
+        appStopClick
+        type="button"
+        class="tw-pb-1"
+      >
+        <i
+          slot="start"
+          *ngIf="send.type === sendType.Text"
+          class="bwi bwi-file-text tw-text-2xl text-muted"
+        ></i>
+        <i
+          slot="start"
+          *ngIf="send.type === sendType.File"
+          class="bwi bwi-file tw-text-2xl text-muted"
+        ></i>
+        {{ send.name }}
+        <span slot="secondary">
+          {{ "deletionDate" | i18n }}:&nbsp;{{ send.deletionDate | date: "mediumDate" }}
+        </span>
+        <ng-container slot="end">
+          <bit-item-action>
+            <button
+              type="button"
+              (click)="copySendLink(send)"
+              appA11yTitle="{{ 'copyLink' | i18n }} - {{ send.name }}"
+            >
+              <i class="bwi tw-text-lg bwi-clone"></i>
+            </button>
+          </bit-item-action>
+          <bit-item-action>
+            <button
+              type="button"
+              (click)="deleteSend(send)"
+              appA11yTitle="{{ 'delete' | i18n }} - {{ send.name }}"
+            >
+              <i class="bwi tw-text-lg bwi-trash"></i>
+            </button>
+          </bit-item-action>
+        </ng-container>
+      </button>
+    </bit-item>
+  </bit-item-group>
+</bit-section>

libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.ts

@@ -0,0 +1,95 @@
+import { CommonModule } from "@angular/common";
+import { Component, Input } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { firstValueFrom } from "rxjs";
+
+import { JslibModule } from "@bitwarden/angular/jslib.module";
+import { EnvironmentService } from "@bitwarden/common/platform/abstractions/environment.service";
+import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
+import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
+import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
+import { SendView } from "@bitwarden/common/tools/send/models/view/send.view";
+import { SendApiService } from "@bitwarden/common/tools/send/services/send-api.service.abstraction";
+import {
+  BadgeModule,
+  ButtonModule,
+  DialogService,
+  IconButtonModule,
+  ItemModule,
+  SectionComponent,
+  SectionHeaderComponent,
+  ToastService,
+  TypographyModule,
+} from "@bitwarden/components";
+
+@Component({
+  imports: [
+    CommonModule,
+    ItemModule,
+    ButtonModule,
+    BadgeModule,
+    IconButtonModule,
+    SectionComponent,
+    TypographyModule,
+    JslibModule,
+    SectionHeaderComponent,
+    RouterLink,
+  ],
+  selector: "app-send-list-items-container",
+  templateUrl: "send-list-items-container.component.html",
+  standalone: true,
+})
+export class SendListItemsContainerComponent {
+  sendType = SendType;
+  /**
+   * The list of sends to display.
+   */
+  @Input()
+  sends: SendView[] = [];
+
+  constructor(
+    protected dialogService: DialogService,
+    protected environmentService: EnvironmentService,
+    protected i18nService: I18nService,
+    protected logService: LogService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected sendApiService: SendApiService,
+    protected toastService: ToastService,
+  ) {}
+
+  async deleteSend(s: SendView): Promise<boolean> {
+    const confirmed = await this.dialogService.openSimpleDialog({
+      title: { key: "deleteSend" },
+      content: { key: "deleteSendConfirmation" },
+      type: "warning",
+    });
+
+    if (!confirmed) {
+      return false;
+    }
+
+    await this.sendApiService.delete(s.id);
+
+    try {
+      this.toastService.showToast({
+        variant: "success",
+        title: null,
+        message: this.i18nService.t("deletedSend"),
+      });
+    } catch (e) {
+      this.logService.error(e);
+    }
+  }
+
+  async copySendLink(s: SendView) {
+    const env = await firstValueFrom(this.environmentService.environment$);
+    const link = env.getSendUrl() + s.accessId + "/" + s.urlB64Key;
+    this.platformUtilsService.copyToClipboard(link);
+    this.toastService.showToast({
+      variant: "success",
+      title: null,
+      message: this.i18nService.t("valueCopied", this.i18nService.t("sendLink")),
+    });
+  }
+}