@futo-org/backups-orchestrator-ui 0.27.0 → 0.28.0

package/dist/components/integrations/immich/ImmichConfirmDefaultBackup.svelte

@@ -1,80 +0,0 @@
-<script lang="ts">
-  import { useConfigureImmichDefaults } from "../../../services/integrations.service";
-  import {
-    Button,
-    HStack,
-    Icon,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    Stack,
-    Text,
-  } from "@immich/ui";
-  import {
-    mdiClockOutline,
-    mdiFolderMultipleOutline,
-    mdiImageMultipleOutline,
-  } from "@mdi/js";
-
-  type Props = {
-    onCustomize: () => void;
-    onConfirm: () => void;
-    onCancel: () => void;
-  };
-
-  const { onCustomize, onConfirm, onCancel }: Props = $props();
-
-  const mutation = useConfigureImmichDefaults();
-
-  const onCreate = () =>
-    mutation.mutate(undefined, { onSuccess: () => onConfirm() });
-</script>
-
-<Modal title="Ready to back up Immich" size="small" onClose={onCancel}>
-  <ModalBody>
-    <Stack gap={3}>
-      <Text>
-        We'll create a backup with sensible defaults. You can change anything
-        later from the Immich backups page.
-      </Text>
-
-      <Stack>
-        <HStack>
-          <Icon
-            icon={mdiImageMultipleOutline}
-            class="shrink-0 place-self-start mt-1"
-          />
-          <Text>Photos, videos, database, and configuration</Text>
-        </HStack>
-        <HStack>
-          <Icon
-            icon={mdiFolderMultipleOutline}
-            class="shrink-0 place-self-start mt-1"
-          />
-          <Text>All external libraries</Text>
-        </HStack>
-        <HStack>
-          <Icon
-            icon={mdiClockOutline}
-            class="shrink-0 place-self-start mt-1"
-          />
-          <Text>Runs every day at 3:00 AM</Text>
-        </HStack>
-      </Stack>
-    </Stack>
-  </ModalBody>
-  <ModalFooter>
-    <HStack gap={2}>
-      <Button
-        variant="ghost"
-        onclick={onCustomize}
-        disabled={mutation.isPending}
-      >
-        Customize
-      </Button>
-      <Button onclick={onCreate} loading={mutation.isPending}>
-        Create backup
-      </Button>
-    </HStack>
-  </ModalFooter>
-</Modal>

package/dist/components/integrations/immich/ImmichConfirmDefaultBackup.svelte.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    onCustomize: () => void;
-    onConfirm: () => void;
-    onCancel: () => void;
-};
-declare const ImmichConfirmDefaultBackup: import("svelte").Component<Props, {}, "">;
-type ImmichConfirmDefaultBackup = ReturnType<typeof ImmichConfirmDefaultBackup>;
-export default ImmichConfirmDefaultBackup;

package/dist/components/onboarding/stages/OnboardingStageKeyConfirm.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-  import {
-    Button,
-    Field,
-    HStack,
-    Input,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    Stack,
-    Text,
-  } from "@immich/ui";
-
-  type Props = {
-    code: string;
-
-    onConfirmKey: () => Promise<void>;
-    onBack: () => void;
-    onCancel: () => void;
-  };
-
-  const { code, onConfirmKey, onBack, onCancel }: Props = $props();
-
-  let value = $state("");
-
-  const strip = (key: string) => {
-    return key.replace(/\s/g, "").toLowerCase().trim();
-  };
-</script>
-
-<Modal
-  size="small"
-  title="Confirm recovery key"
-  onClose={onCancel}
-  icon={false}
->
-  <ModalBody>
-    <Stack>
-      <Text size="small" class="text-muted text-left"
-        >Ensure you've saved the key properly.</Text
-      >
-
-      <Field label="Recovery Key">
-        <Input bind:value />
-      </Field>
-    </Stack>
-  </ModalBody>
-  <ModalFooter>
-    <HStack>
-      <Button disabled={strip(code) !== strip(value)} onclick={onConfirmKey}
-        >Confirm</Button
-      >
-      <Button variant="ghost" onclick={onBack}>See the key again</Button>
-    </HStack>
-  </ModalFooter>
-</Modal>

package/dist/components/onboarding/stages/OnboardingStageKeyConfirm.svelte.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    code: string;
-    onConfirmKey: () => Promise<void>;
-    onBack: () => void;
-    onCancel: () => void;
-};
-declare const OnboardingStageKeyConfirm: import("svelte").Component<Props, {}, "">;
-type OnboardingStageKeyConfirm = ReturnType<typeof OnboardingStageKeyConfirm>;
-export default OnboardingStageKeyConfirm;

package/dist/components/onboarding/stages/OnboardingStageKeyIntro.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">
-  import TimedButton from "../../util/TimedButton.svelte";
-  import {
-    Button,
-    HStack,
-    Icon,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    Stack,
-    Text,
-  } from "@immich/ui";
-  import { mdiKey, mdiSecurity } from "@mdi/js";
-
-  type Props = {
-    onNext: () => void;
-    onCancel: () => void;
-  };
-
-  const { onNext, onCancel }: Props = $props();
-</script>
-
-<Modal
-  size="small"
-  title="Keeping your photos private"
-  onClose={onCancel}
-  icon={false}
->
-  <ModalBody>
-    <Stack>
-      <HStack>
-        <Icon icon={mdiKey} class="shrink-0 place-self-start mt-1" />
-        <Text
-          >You are about to be given a code which you need to put in a safe
-          place.</Text
-        >
-      </HStack>
-      <HStack>
-        <Icon icon={mdiSecurity} class="shrink-0 place-self-start mt-1" />
-        <Text>If you lose the key, your backup is gone.</Text>
-      </HStack>
-    </Stack>
-  </ModalBody>
-  <ModalFooter>
-    <HStack>
-      <TimedButton text="Next" onclick={onNext} />
-      <Button variant="ghost" onclick={onCancel}>Cancel</Button>
-    </HStack>
-  </ModalFooter>
-</Modal>

package/dist/components/onboarding/stages/OnboardingStageKeyIntro.svelte.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    onNext: () => void;
-    onCancel: () => void;
-};
-declare const OnboardingStageKeyIntro: import("svelte").Component<Props, {}, "">;
-type OnboardingStageKeyIntro = ReturnType<typeof OnboardingStageKeyIntro>;
-export default OnboardingStageKeyIntro;

package/dist/components/onboarding/stages/OnboardingStageKeySave.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-  import {
-    Button,
-    HStack,
-    LoadingSpinner,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    Stack,
-    Text,
-  } from "@immich/ui";
-  import RecoveryKeyDisplay from "../RecoveryKeyDisplay.svelte";
-
-  type Props = {
-    code: string;
-
-    onNext: () => void;
-    onCancel: () => void;
-  };
-
-  const { code, onNext, onCancel }: Props = $props();
-</script>
-
-<Modal size="small" title="Your recovery key" onClose={onCancel} icon={false}>
-  <ModalBody>
-    <Stack gap={4}>
-      <Text size="small" class="text-muted text-left">
-        Save this key somewhere safe, it will be used to restore your backups.
-      </Text>
-
-      {#if code}
-        <RecoveryKeyDisplay {code} />
-      {:else}
-        <LoadingSpinner />
-      {/if}
-    </Stack>
-  </ModalBody>
-  <ModalFooter>
-    <HStack>
-      <Button onclick={onNext}>Next</Button>
-      <Button variant="ghost" onclick={onCancel}>Cancel</Button>
-    </HStack>
-  </ModalFooter>
-</Modal>

package/dist/components/onboarding/stages/OnboardingStageKeySave.svelte.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    code: string;
-    onNext: () => void;
-    onCancel: () => void;
-};
-declare const OnboardingStageKeySave: import("svelte").Component<Props, {}, "">;
-type OnboardingStageKeySave = ReturnType<typeof OnboardingStageKeySave>;
-export default OnboardingStageKeySave;

package/dist/components/onboarding/stages/OnboardingStageWelcome.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-  import {
-    Button,
-    HStack,
-    Icon,
-    Modal,
-    ModalBody,
-    ModalFooter,
-    Stack,
-    Text,
-  } from "@immich/ui";
-  import { mdiImageAlbum, mdiInformation, mdiLock } from "@mdi/js";
-
-  type Props = {
-    onNext: () => void;
-    onImportKey: () => void;
-    onCancel: () => void;
-    icon?: boolean;
-  };
-
-  const { onNext, onImportKey, onCancel, icon = true }: Props = $props();
-</script>
-
-<Modal size="small" title="Welcome to FUTO Backups" onClose={onCancel} {icon}>
-  <ModalBody>
-    <Stack>
-      <HStack>
-        <Icon icon={mdiImageAlbum} class="shrink-0 place-self-start mt-1" />
-        <Text>
-          Keep your most precious memories safe and away from prying eyes.</Text
-        >
-      </HStack>
-      <HStack>
-        <Icon icon={mdiLock} class="shrink-0 place-self-start mt-1" />
-        <Text>
-          You will be guided through setting up a secure way to keep your photos
-          private.</Text
-        >
-      </HStack>
-      <HStack>
-        <Icon icon={mdiInformation} class="shrink-0 place-self-start mt-1" />
-        <Text>
-          You'll be able to choose to use our backups service or your own
-          storage.</Text
-        >
-      </HStack>
-    </Stack>
-  </ModalBody>
-  <ModalFooter>
-    <HStack>
-      <Button onclick={onNext}>Next</Button>
-      <Button variant="ghost" onclick={onImportKey}>Import Key</Button>
-      <Button variant="ghost" onclick={onCancel}>Cancel</Button>
-    </HStack>
-  </ModalFooter>
-</Modal>

package/dist/components/onboarding/stages/OnboardingStageWelcome.svelte.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    onNext: () => void;
-    onImportKey: () => void;
-    onCancel: () => void;
-    icon?: boolean;
-};
-declare const OnboardingStageWelcome: import("svelte").Component<Props, {}, "">;
-type OnboardingStageWelcome = ReturnType<typeof OnboardingStageWelcome>;
-export default OnboardingStageWelcome;

package/dist/components/util/TimedButton.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-  import { onMount, onDestroy } from "svelte";
-  import { Button } from "@immich/ui";
-
-  type Props = {
-    text: string;
-    onclick: () => void;
-  };
-
-  let { text, onclick }: Props = $props();
-
-  let time = $state(5);
-  let interval: number | undefined;
-
-  onMount(() => {
-    interval = setInterval(
-      () => {
-        if (time === 0) {
-          clearInterval(interval);
-          return;
-        }
-
-        time--;
-      },
-      import.meta.env.DEV ? 100 : 1000,
-    ) as never;
-  });
-
-  onDestroy(() => clearInterval(interval));
-</script>
-
-<Button {onclick} disabled={time !== 0}
-  >{text}
-  {#if time !== 0}
-    ({time})
-  {/if}</Button
->

package/dist/components/util/TimedButton.svelte.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    text: string;
-    onclick: () => void;
-};
-declare const TimedButton: import("svelte").Component<Props, {}, "">;
-type TimedButton = ReturnType<typeof TimedButton>;
-export default TimedButton;