@qualityunit/liveagent-help 0.0.1 → 0.0.2

package/src/lib/pages/steps/Summary.svelte

@@ -1,106 +0,0 @@
-<script>
-    import Progress from "../../components/nav/Progress.svelte";
-    import Heading from "../../components/common/Heading.svelte";
-    import Paragraph from "../../components/common/Paragraph.svelte";
-    import Highlight from "../../components/common/Link.svelte";
-</script>
-
-<div class="Summary">
-    <Progress />
-    <div class="wrapper">
-        <section>
-            <img src='public/assets/images/all-done.svg' alt="all done">
-            <Heading text="You are all set! 😎" />
-            <Paragraph text="You've successfully completed all the steps in setting up your LiveAgent Helpdesk software." />
-            <Paragraph text="Make sure to experiment with all the various features and tools available. Remember, the key to success with software like this is to make full use of its capabilities. Stay curious, innovative, and always ready for meaningful customer interactions.We're thrilled to see how this platform will help you boost your customer interactions, improve response times, and enhance overall customer satisfaction." />
-            <Paragraph text="In case you need any assistance or have queries, our support is just a click away. Never hesitate to " >
-                <Highlight text="reach out" punctuation="!" href="/#/contact-us" />
-            </Paragraph>
-        </section>
-        <div class="Block Shortcuts">
-            <h3 class="heading">Shortcuts</h3>
-            <Paragraph text="Would you like to navigate through LiveAgent more quickly and efficiently? Familiarizing yourself with available shortcuts will certainly speed up your tasks and enhance your productivity. Visit our dedicated shortcuts page. "/>
-            <Highlight text="Check out shortcuts" href="/#/windows-shortcuts"/>
-        </div>
-        <div class="Block Secrets">
-            <h3 class="heading">Discover the secrets of LiveAgent</h3>
-            <Paragraph text="And for those eager to delve deeper and truly master LiveAgent, we've gathered a collection of how-to articles and guides covering a wide range of topics. So go ahead and start exploring." />
-            <Highlight text="Improve your LiveAgent skills" href="/#/improve-la-skills"/>
-        </div>
-    </div>
-</div>
-
-<style>
-    .Summary {
-        width: 100%;
-    }
-
-    .wrapper {
-        margin-top: 12px;
-        padding: 20px 36px;
-        background-color: var(--background-secondary);
-        border: 1px solid var(--border-color-primary);
-        overflow-y: auto;
-        border-radius: 6px;
-    }
-
-    .Block {
-        margin-top: 10px;
-        padding: 16px 24px;
-        border-radius: 6px;
-    }
-
-    .Shortcuts {
-        background-color: var(--event-yellow-surface);
-    }
-
-    .Secrets {
-        background-color: var(--event-pink-surface);
-    }
-
-    .heading {
-        color: var(--text-color-primary);
-        margin-top: 0;
-        font-family: Roboto;
-        font-size: 13px;
-        font-weight: 700;
-        line-height: 20px;
-    }
-
-    .heading::before {
-        content: "";
-        display: inline-block;
-        margin-right: 8px;
-        margin-top: -3px;
-        height: 16px;
-        width: 16px;
-        background-size: contain;
-        background-repeat: no-repeat;
-        vertical-align: middle;
-    }
-
-    .Shortcuts .heading::before {
-        content: url("public/assets/icons/shortcuts.svg");
-    }
-
-    .Secrets .heading::before {
-        content: url("public/assets/icons/learn.svg");
-    }
-
-    section {
-        padding: 0 24px;
-        margin-bottom: 24px;
-    }
-
-    img {
-        width: 100%;
-        margin: 24px 0;
-    }
-    
-    @media (min-width: 768px) {
-        .Summary {
-            max-width: 615px;
-        }
-    }
-</style>
-

package/src/lib/utils/MockBackend.ts

@@ -1,202 +0,0 @@
-let mockBackendState = {
-    agentManaged: false,
-    departmentManaged: false,
-    incomingEmailConnected: false,
-    outgoingEmailConnected: false,
-    facebookConnected: false,
-    instagramConnected: false,
-    twitterConnected: false,
-    whatsappConnected: false,
-    viberConnected: false,
-    chatButtonCreated: false,
-    chatInvitationCreated: false,
-    contactFormCreated: false,
-    callButtonCreated: false,
-    videoCallButtonCreated: false,
-    callCenterConnected: false,
-    themeChanged: false,
-    colorsChanged: false,
-    articleCreated: false,
-    KBCreated: false
-};
-
-
-function logStateChange(feature: string, result: boolean): void {
-    console.log(` ${feature} was changed to: ${result ? 'true' : 'false'}`);
-}
-
-export async function isAgentManaged(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.agentManaged = result;
-        logStateChange('agent managed', result);
-    }
-    return { completionStatus: mockBackendState.agentManaged }
-}
-
-export async function isDepartmentManaged(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.departmentManaged = result;
-        logStateChange('department managed', result);
-    }
-    return { completionStatus: mockBackendState.departmentManaged }
-}
-
-export async function isIncomingEmailAccConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.incomingEmailConnected = result;
-        logStateChange('incoming email', result);
-    }
-    return { completionStatus: mockBackendState.incomingEmailConnected }
-}
-
-export async function isOutgoingEmailAccConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.outgoingEmailConnected = result;
-        logStateChange('outgoing email', result);
-    }
-    return { completionStatus: mockBackendState.outgoingEmailConnected }
-}
-
-export async function isFacebookConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.facebookConnected = result;
-        logStateChange('facebook', result);
-    }
-    return { completionStatus: mockBackendState.facebookConnected }
-}
-
-export async function isInstagramConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.instagramConnected = result;
-        logStateChange('instagram', result);
-    }
-    return { completionStatus: mockBackendState.instagramConnected }
-}
-
-export async function isTwitterConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.twitterConnected = result;
-        logStateChange('twitter', result);
-    }
-    return { completionStatus: mockBackendState.twitterConnected }
-}
-
-export async function isWhatsappConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.whatsappConnected = result;
-        logStateChange('whatsapp', result);
-    }
-    return { completionStatus: mockBackendState.whatsappConnected }
-}
-
-export async function isViberConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.viberConnected = result;
-        logStateChange('viber', result);
-    }
-    return { completionStatus: mockBackendState.viberConnected }
-}
-
-export async function isChatButtonCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result === true) {
-        mockBackendState.chatButtonCreated = result;
-        logStateChange('chat button', result);
-    }
-    return { completionStatus: mockBackendState.chatButtonCreated };
-}
-
-export async function isChatInvitationCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result === true) {
-        mockBackendState.chatInvitationCreated = result;
-        logStateChange('chat invitation', result);
-    }
-    return { completionStatus: mockBackendState.chatInvitationCreated };
-}
-
-export async function isContactFormCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result === true) {
-        mockBackendState.contactFormCreated = result;
-        logStateChange('contact form', result);
-    }
-    return { completionStatus: mockBackendState.contactFormCreated };
-}
-
-export async function isCallButtonCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result === true) {
-        mockBackendState.callButtonCreated = result;
-        logStateChange('call button', result);
-    }
-    return { completionStatus: mockBackendState.callButtonCreated };
-}
-
-export async function isVideoCallButtonCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result === true) {
-        mockBackendState.videoCallButtonCreated = result;
-        logStateChange('video call button', result);
-    }
-    return { completionStatus: mockBackendState.videoCallButtonCreated };
-}
-
-export async function isCallCenterConnected(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.callCenterConnected = result;
-        logStateChange('call center', result);
-    }
-    return { completionStatus: mockBackendState.callCenterConnected };
-}
-
-export async function isThemeChanged(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.themeChanged = result;
-        logStateChange('theme', result);
-    }
-    return { completionStatus: mockBackendState.themeChanged };
-}
-
-export async function isColorChanged(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.colorsChanged = result;
-        logStateChange('color', result);
-    }
-    return { completionStatus: mockBackendState.colorsChanged };
-}
-
-export async function isArticleCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.articleCreated = result;
-        logStateChange('article', result);
-    }
-    return { completionStatus: mockBackendState.articleCreated };
-}
-
-export async function isKBCreated(result?: boolean): Promise<{completionStatus: boolean}> {
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (result !== undefined) {
-        mockBackendState.KBCreated = result;
-        logStateChange('Knowledge base', result);
-    }
-    return { completionStatus: mockBackendState.KBCreated };
-}
-
-export async function getBuildInEmail(): Promise<{message: string}> {
-    await new Promise(resolve => setTimeout(resolve, 1000));
-    return { message: "email@ladesk.com" };
-}

package/src/lib/utils/menuStore.ts

@@ -1,11 +0,0 @@
-import {writable} from "svelte/store";
-
-export const isMenuOpened = writable<boolean>(false);
-
-export function changeMenuOpenStatus(status: boolean | undefined = undefined): void {
-    if (status === undefined) {
-        isMenuOpened.update((value: boolean) => !value);
-        return;
-    }
-    isMenuOpened.set(status);
-}

package/src/lib/utils/progressStore.ts

@@ -1,71 +0,0 @@
-import {type Writable, writable, get} from 'svelte/store';
-import { push } from 'svelte-spa-router';
-
-interface Step {
-    path: string;
-    state: 'c' | 'u' | 's';  // c = completed, u = unfinished, s = skipped
-}
-
-function createProgressStore() {
-    const savedState: string | null = localStorage.getItem('LA_GettingStartedProgress');
-    const initialValue: Step[] = savedState ? JSON.parse(savedState) : [];
-    const { subscribe, set, update } = writable<Step[]>(initialValue);
-
-    function useLocalStorage(): void {
-        subscribe((newValue: Step[]): void => {
-            console.log('Updated progress:', newValue);
-            localStorage.setItem('LA_GettingStartedProgress', JSON.stringify(newValue));
-        });
-    }
-
-    useLocalStorage();
-
-    return { subscribe, set, update };
-}
-
-export const progress = createProgressStore();
-export const hideGettingStarted: Writable<boolean> = writable<boolean>(false);
-
-function updateStepState(path: string, newState: Step['state']): void {
-    progress.update((steps: Step[]) => {
-        const index: number = steps.findIndex(step => step.path === path);
-        if (index !== -1) {
-            steps[index].state = newState;
-        }
-        return steps;
-    });
-    goToNextStep();
-}
-
-export function goToNextStep(): void {
-    const steps: Step[] = get(progress);
-    const firstIncompleteIndex: number = steps.findIndex(step => step.state === 'u');
-    if (firstIncompleteIndex !== -1) {
-        const firstIncompletePath: string = steps[firstIncompleteIndex].path;
-        push(firstIncompletePath);
-    } else {
-        const firstSkippedIndex: number = steps.findIndex(step => step.state === 's');
-        if (firstSkippedIndex !== -1) {
-            const firstSkippedPath: string = steps[firstSkippedIndex].path;
-            push(firstSkippedPath);
-        } else {
-            push('/summary');
-        }
-    }
-}
-
-export function areSteps0To7Completed(): boolean {
-    let result: boolean = false;
-    progress.subscribe((steps: Step[]): void => {
-        result = steps.slice(0, 7).every(step => step.state === 'c');
-    })();
-    return result;
-}
-
-export function skipStep(path: string): void {
-    updateStepState(path, 's');
-}
-
-export function completeStep(path: string): void {
-    updateStepState(path, 'c');
-}

package/src/lib/utils/themeStore.ts

@@ -1,126 +0,0 @@
-import { derived, type Readable, type Writable, writable } from 'svelte/store';
-import Dark from "../Themes/Dark";
-import Light from "../Themes/Light";
-
-export const darkThemeEnabled: Writable<boolean> = writable(false);
-
-export const currentTheme: Readable<Theme> = derived(
-    darkThemeEnabled,
-    ($darkModeEnabled: boolean) => $darkModeEnabled ? Dark : Light
-);
-
-type WhiteOpacityKeys = "20" | "40" | "60";
-type OtherEventKeys = {
-    opacity?: string;
-    primary: string;
-    secondary: string;
-    stroke: string;
-    surfacePrimary: string;
-    surfaceSecondary: string;
-    text?: string;
-};
-
-interface Events {
-    blue: OtherEventKeys;
-    callChat: OtherEventKeys;
-    coral: OtherEventKeys;
-    green: OtherEventKeys;
-    grey: OtherEventKeys;
-    orange: OtherEventKeys;
-    pink: OtherEventKeys;
-    purple: OtherEventKeys;
-    red: OtherEventKeys;
-    whiteOpacity: { [key in WhiteOpacityKeys]: string };
-    yellow: OtherEventKeys;
-}
-
-interface Theme {
-    borderDivider: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-    };
-    buttonsSwitchesTabs: {
-        borderless: string;
-        borderlessHoverActive: string;
-        darkGrey: string;
-        darkGreyHoverActive: string;
-        callChat: {
-            borderless: string;
-            borderlessHoverActive: string;
-            red: string;
-            redHover: string;
-        };
-        primaryButtons: {
-            active: string;
-            blue: string;
-            blueDisabled: string;
-            blueHoverClick: string;
-            borderless: string;
-            grey: string;
-            greyHoverClick: string;
-        };
-        textsIcons: {
-            buttonTextIconsBlack: string;
-            buttonTextIconsBlue: string;
-            buttonTextIconsHover: string;
-            buttonTextIconsPrimary: string;
-            buttonTextIconsPrimaryDisabled: string;
-            buttonTextIconsSecondary: string;
-            buttonTextIconsSecondaryDisabled: string;
-        };
-    };
-    events: Events;
-    notifications: {
-        greenPrimary: string;
-        greenSecondary: string;
-        redPrimary: string;
-        redSecondary: string;
-        surfacePrimary: string;
-        surfaceSecondary: string;
-        textIcons: string;
-    };
-    surface: {
-        behindPopups: string;
-        hover: string;
-        primary: string;
-        replySection: string;
-        secondary: string;
-        tertiary: string;
-    };
-    systemTags: {
-        blue: string;
-        coral: string;
-        green: string;
-        greyAnswered: string;
-        greyEmpty: string;
-        greyThat150: string;
-        greyToDo: string;
-        orangeNew: string;
-        pink: string;
-        purplePostponed: string;
-        redOverdue: string;
-        yellowOpen: string;
-    };
-    textsIcons: {
-        blue: string;
-        blueHover: string;
-        orange: string;
-        orangeHover: string;
-        primary: string;
-        primaryHover: string;
-        secondary: string;
-        secondaryHover: string;
-        white: string;
-        whiteHover: string;
-    };
-    toSolve: {
-        icon: string;
-        iconHover: string;
-        orange: string;
-        orangeHover: string;
-        stroke: string;
-        surfaceWhite: string;
-        text: string;
-    };
-};

package/src/lib/utils/types.ts

@@ -1,50 +0,0 @@
-export interface ChildRoute {
-    name: string;
-    path: string;
-    component: any;
-    completed: boolean;
-}
-
-export interface Route {
-    name: string;
-    path: string;
-    component: any
-    children?: ChildRoute[];
-}
-
-export interface WidgetTypeInterface {
-    id: string;
-    heading: string;
-    text: string;
-    iconPath: string;
-    buttonAction: (completed?: boolean) => Promise<{ completionStatus: boolean }>;
-    redirectPath: string;
-    completed: boolean;
-    buttonTextCompleted?: string;
-    buttonTextUncompleted?: string;
-    backgroundColor?: string;
-    padding?: string;
-}
-
-export interface ShortcutKey {
-    text?: string;
-    iconPath?: string;
-}
-
-export interface ShortcutRow {
-    text: string;
-    shortcutKeys: ShortcutKey[];
-}
-
-export interface Tooltip {
-    className: string;
-    text: string;
-    shortcut: ShortcutKey[];
-    shortcutAlt?: ShortcutKey[];
-}
-
-export interface CardTypeInterface {
-    heading: string;
-    text: string;
-    link: string;
-}

package/src/locales/ar-SA.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "الإستعداد للبدء",
-  "Learn the basics": "تعلم الأساسيات",
-  "Contact Us": "اتصل بنا"
-}

package/src/locales/bg-BG.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Първи стъпки",
-  "Learn the basics": "Запознаване с основите",
-  "Contact Us": "Свържете се с нас"
-}

package/src/locales/bs-BA.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Prvi koraci",
-  "Learn the basics": "Naučite osnove",
-  "Contact Us": "Kontaktirajte nas"
-}

package/src/locales/ca-ES.json

@@ -1,3 +0,0 @@
-{
-  "Getting started": "Primers passos"
-}

package/src/locales/cs-CZ.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Začínáme",
-  "Learn the basics": "Naučte se základy",
-  "Contact Us": "Kontaktujte nás"
-}

package/src/locales/da-DK.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Introduktion",
-  "Learn the basics": "Lær det grundlæggende",
-  "Contact Us": "Kontakt os"
-}

package/src/locales/de-DE.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Erste Schritte",
-  "Learn the basics": "Lernen Sie die Grundlagen",
-  "Contact Us": "Kontaktieren Sie uns"
-}

package/src/locales/el-GR.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Ξεκινώντας",
-  "Learn the basics": "Μάθετε τα βασικά",
-  "Contact Us": "Επικοινωνήστε μαζί μας"
-}

package/src/locales/en-US.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Getting started",
-  "Learn the basics": "Learn the basics",
-  "Contact Us": "Contact Us"
-}

package/src/locales/en.json

@@ -1,16 +0,0 @@
-{
-  "Getting started": "Getting started",
-  "Learn the basics": "Learn the basics",
-  "Add agents": "Add agents",
-  "Add departments": "Add departments",
-  "Connect email accounts": "Connect email accounts",
-  "Connect social media": "Connect social media",
-  "Connect messaging apps": "Connect messaging apps",
-  "Create contact widget": "Create contact widget",
-  "Create call center": "Create call center",
-  "Configure customer portal": "Configure customer portal",
-  "Keyboard Shortcuts": "Keyboard Shortcuts",
-  "Improve your LA Skills": "Improve your LA Skills",
-  "Contact Us": "Contact Us",
-  "Manage": "Manage"
-}

package/src/locales/es-ES.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Iniciar la aplicación",
-  "Learn the basics": "Aprende los conceptos básicos",
-  "Contact Us": "Contáctenos"
-}

package/src/locales/et-EE.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Alustamine",
-  "Learn the basics": "Õppige põhitõdesid",
-  "Contact Us": "Võta meiega ühendust"
-}

package/src/locales/fa-IR.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "شروع کنید",
-  "Learn the basics": "یادگیری مقدمات",
-  "Contact Us": "ارتباط با ما"
-}

package/src/locales/fi-FI.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Käytön aloittaminen",
-  "Learn the basics": "Opi perusteet",
-  "Contact Us": "Ota yhteyttä"
-}

package/src/locales/fil-PH.json

@@ -1,5 +0,0 @@
-{
-  "Getting started": "Pagsisimula",
-  "Learn the basics": "Matuto ng mga pangunahing kaalaman",
-  "Contact Us": "Kontakin Kami"
-}