@qualityunit/liveagent-help 0.0.1 → 0.0.2

package/dist/assets/index-DYty2IsF.css

@@ -0,0 +1 @@
+@font-face{font-family:la-icon-font;src:url(var(--la-icon-font-eot));src:url(var(--la-icon-font-eot-iefix)) format("embedded-opentype"),url(var(--la-icon-font-woff2)) format("woff2"),url(var(--la-icon-font-woff)) format("woff"),url(var(--la-icon-font-ttf)) format("truetype"),url(var(--la-icon-font-svg)) format("svg")}html{height:100%;width:100%}body{height:100%;width:100%;overflow:hidden;margin:0;padding:0}h1,h3,p{margin:0;padding:0}

package/dist/assets/it-IT-VhGcWe9v.js

@@ -0,0 +1 @@
+const t={"Getting started":"Per iniziare","Learn the basics":"Nozioni di base","Contact Us":"Contattaci"};export{t as default};

package/dist/assets/ja-JP-Ce2blzX5.js

@@ -0,0 +1 @@
+const t={"Getting started":"はじめに","Learn the basics":"基礎を学ぶ","Contact Us":"お問い合わせください"};export{t as default};

package/dist/assets/ko-KR-Da4QE7WU.js

@@ -0,0 +1 @@
+const t={"Getting started":"시작","Contact Us":"문의 주십시오."};export{t as default};

package/dist/assets/lt-LT-Bg5Jzpit.js

@@ -0,0 +1 @@
+const t={"Getting started":"Darbo pradžia","Learn the basics":"Išmokite pagrindus","Contact Us":"Susisiekite su mumis"};export{t as default};

package/dist/assets/lv-LV-FoFJ46S8.js

@@ -0,0 +1 @@
+const a={"Getting started":"Darba sākšana","Learn the basics":"Apgūt pamatus","Contact Us":"Sazinieties ar mums"};export{a as default};

package/dist/assets/me-ME-Biy_oEN5.js

@@ -0,0 +1 @@
+const t={"Getting started":"Početak rada","Learn the basics":"Naučite osnove","Contact Us":"Kontaktirajte nas"};export{t as default};

package/dist/assets/mk-MK-FmFgRqLi.js

@@ -0,0 +1 @@
+const t={};export{t as default};

package/dist/assets/ms-MY-BzBcFmOB.js

@@ -0,0 +1 @@
+const t={"Getting started":"Bermula"};export{t as default};

package/dist/assets/nl-NL-VNsaxY_S.js

@@ -0,0 +1 @@
+const e={"Getting started":"Eerste stappen","Learn the basics":"Leer de grondbeginselen","Contact Us":"Neem contact met ons op"};export{e as default};

package/dist/assets/no-NO-DbRgS8bY.js

@@ -0,0 +1 @@
+const t={"Getting started":"Komme i gang","Learn the basics":"Lær det grunnleggende","Contact Us":"Kontakt oss"};export{t as default};

package/dist/assets/pl-PL-BC_RNqOr.js

@@ -0,0 +1 @@
+const t={"Getting started":"Rozpoczęcie pracy","Learn the basics":"Naucz się podstaw","Contact Us":"Skontaktuj się z nami"};export{t as default};

package/dist/assets/pt-BR-5RSzKrVs.js

@@ -0,0 +1 @@
+const e={"Getting started":"Primeiros Passos","Learn the basics":"Aprenda o básico","Add agents":"Adicionar agentes","Add departments":"Adicionar departamentos","Connect email accounts":"Conectar contas de email","Connect social media":"Conectar redes sociais","Connect messaging apps":"Conectar aplicativos de mensagens","Create contact widget":"Criar widget de contato","Create call center":"Criar centro de chamadas","Configure customer portal":"Configurar portal do cliente","Keyboard Shortcuts":"Atalhos do teclado","Improve your LA Skills":"Melhore suas habilidades de LA","Contact Us":"Contate-nos"};export{e as default};

package/dist/assets/ro-RO-Ds7w-arH.js

@@ -0,0 +1 @@
+const t={"Getting started":"Notiuni de baza","Learn the basics":"Învătați elementele de bază","Contact Us":"Contactați-ne"};export{t as default};

package/dist/assets/ru-RU-BE28ttmw.js

@@ -0,0 +1 @@
+const t={"Getting started":"Приступая к работе","Learn the basics":"Изучить основы","Contact Us":"Свяжитесь с нами"};export{t as default};

package/dist/assets/sk-SK-CjyQlNTr.js

@@ -0,0 +1 @@
+const t={"Getting started":"Začíname","Learn the basics":"Naučte sa základy","Contact Us":"Kontaktujte nás"};export{t as default};

package/dist/assets/sl-SI-Cgcni0mk.js

@@ -0,0 +1 @@
+const t={"Getting started":"Začetek","Learn the basics":"Naučite se osnov","Contact Us":"Kontaktirajte nas"};export{t as default};

package/dist/assets/sr-CS-Biy_oEN5.js

@@ -0,0 +1 @@
+const t={"Getting started":"Početak rada","Learn the basics":"Naučite osnove","Contact Us":"Kontaktirajte nas"};export{t as default};

package/dist/assets/sv-SE-C_mID3a-.js

@@ -0,0 +1 @@
+const t={"Getting started":"Börja här","Learn the basics":"Lär dig grunderna","Contact Us":"Kontakta oss"};export{t as default};

package/dist/assets/th-TH-bbKk5NF4.js

@@ -0,0 +1 @@
+const t={"Getting started":"การเริ่มต้น"};export{t as default};

package/dist/assets/tl-PH-DTTjGOfJ.js

@@ -0,0 +1 @@
+const a={"Getting started":"Pagsisimula","Learn the basics":"Aralin ang basics","Contact Us":"Kontakin Kami"};export{a as default};

package/dist/assets/tr-TR-BtU8XX02.js

@@ -0,0 +1 @@
+const e={"Getting started":"Başlarken","Learn the basics":"Temel konuları öğren","Contact Us":"Bize ulaşın"};export{e as default};

package/dist/assets/uk-UA-C0wZTWK2.js

@@ -0,0 +1 @@
+const t={"Getting started":"Початок роботи","Learn the basics":"Вивчіть основи"};export{t as default};

package/dist/assets/vi-VN-Bw_8ONxP.js

@@ -0,0 +1 @@
+const t={"Getting started":"Bắt đầu","Learn the basics":"Học những điều cơ bản","Contact Us":"Liên Hệ"};export{t as default};

package/dist/assets/vls-BE-DynNaS0c.js

@@ -0,0 +1 @@
+const t={"Getting started":"Aan de slag"};export{t as default};

package/dist/assets/zh-CN-CD3mCoN0.js

@@ -0,0 +1 @@
+const t={"Getting started":"开始","Learn the basics":"学习基础","Contact Us":"联系我们"};export{t as default};

package/dist/assets/zh-TW-B02B3zJt.js

@@ -0,0 +1 @@
+const t={"Getting started":"準備開始","Learn the basics":"學習基礎","Contact Us":"聯繫我們"};export{t as default};

package/{index.html → dist/index.html}

@@ -4,11 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Svelte</title>
-    <script type="module" src="./node_modules/@qualityunit/flex-resizer/dist/flex-resizer/flex-resizer.esm.js"></script>
-    <link rel="stylesheet" href="./src/app.css">
+    <script type="module" crossorigin src="/assets/index-DMBaNfOP.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DYty2IsF.css">
   </head>
   <body>
     <help-center></help-center>
-    <script type="module" src="./src/main.ts"></script>
   </body>
 </html>

package/package.json

@@ -3,7 +3,7 @@
   "description": "Help component for LiveAgent",
   "author": "QualityUnit",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "predev": "npm run extractLocales",
@@ -14,6 +14,9 @@
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "extractLocales": "svelte-i18n extract --shallow \"src/**/*.svelte\" src/locales/en.json"
   },
+  "files": [
+    "dist/"
+  ],
   "devDependencies": {
     "@qualityunit/liveagent-components-utils": "^0.0.5",
     "@sveltejs/vite-plugin-svelte": "^3.0.1",

package/.github/workflows/npm-check-help.yml

@@ -1,13 +0,0 @@
-name: Check help node.js package
-
-on:
-  push
-jobs:
-  check-help:
-    runs-on: ubuntu-latest
-    timeout-minutes: 10
-    steps:
-      - uses: actions/checkout@v4
-      - name: Run Check
-        run: npm ci && npm run check
-        working-directory: ./

package/.github/workflows/npm-publish-help.yml

@@ -1,48 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-
-name: Publish help node.js package
-
-on:
-  push:
-    branches:
-      - main
-  workflow_dispatch:
-defaults:
-  run:
-    working-directory: ./
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          always-auth: true
-      - run: npm ci
-      - run: npm run check
-
-  publish-gpr:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          token: ${{secrets.NPM_HELP}}
-          registry-url: 'https://registry.npmjs.org'
-      - run: | 
-          git config --global user.email "$GITHUB_ACTOR@users.noreply.github.com" && git config --global user.name "$GITHUB_ACTOR"
-          npm ci
-          NEW_VERSION=$(npm version patch)
-          #git add .
-          #git commit -m "build: Version $NEW_VERSION"
-          #git tag -a "$NEW_VERSION" -m "Version $NEW_VERSION"
-          git push origin main
-          #git push --tags
-          npm run build
-          npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_HELP }}

package/crowdin.yml

@@ -1,3 +0,0 @@
-files:
-  - source: /src/locales/en.json
-    translation: /src/locales/%locale%.json

package/src/app.css

@@ -1,27 +0,0 @@
-@font-face {
-  font-family: "la-icon-font";
-  src: url(var(--la-icon-font-eot));
-  src: url(var(--la-icon-font-eot-iefix)) format("embedded-opentype"),
-  url(var(--la-icon-font-woff2)) format("woff2"),
-  url(var(--la-icon-font-woff)) format("woff"),
-  url(var(--la-icon-font-ttf)) format("truetype"),
-  url(var(--la-icon-font-svg)) format("svg");
-}
-
-html {
-  height: 100%;
-  width: 100%;
-}
-
-body {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-}
-
-h1, h3, p {
-  margin: 0;
-  padding: 0;
-}

package/src/lib/HelpCenter.svelte

@@ -1,280 +0,0 @@
-<script lang="ts">
-    import Menu from "./components/nav/Menu.svelte";
-    import Router from "svelte-spa-router";
-    import {getContext, onMount, setContext} from "svelte";
-    import ThemeSwitcher from "./components/common/ThemeSwitcher.svelte";
-    import {currentTheme, darkThemeEnabled} from './utils/themeStore.ts'
-    import { isMenuOpened, changeMenuOpenStatus } from "./utils/menuStore.ts";
-    import Summary from "./pages/steps/Summary.svelte";
-    import LearnTheBasics from "./pages/steps/LearnTheBasics.svelte";
-    import AddAgents from "./pages/steps/AddAgents.svelte";
-    import AddDepartments from "./pages/steps/AddDepartments.svelte";
-    import ConnectEmailAccounts from "./pages/steps/ConnectEmailAccounts.svelte";
-    import ConnectSocialMedia from "./pages/steps/ConnectSocialMedia.svelte";
-    import ConnectMessagingApps from "./pages/steps/ConnectMessagingApps.svelte";
-    import CreateContactWidget from "./pages/steps/CreateContactWidget.svelte";
-    import CreateCallCenter from "./pages/steps/CreateCallCenter.svelte";
-    import ConfigureCustomerPortal from "./pages/steps/ConfigureCustomerPortal.svelte";
-    import Shortcuts from "./pages/Shortcuts.svelte";
-    import ImproveLaSkills from "./pages/ImproveLaSkills.svelte";
-    import ContactUs from "./pages/ContactUs.svelte";
-    import {progress} from "./utils/progressStore.ts";
-    import {_} from 'svelte-i18n';
-
-    interface Route {
-        path: string;
-        component: any;
-        name: string;
-        children?: ChildRoute[];
-    }
-
-    interface ChildRoute {
-        path: string;
-        component: any;
-        name: string;
-        completed: boolean;
-    }
-
-    const isImplemented: boolean = getContext('isImplemented');
-    const namedRoutes: Route[] = [
-        {
-            path: '/summary',
-            component: Summary,
-            name: $_('Getting started'),
-            children: [
-                {
-                    path: '/learn-the-basics',
-                    component: LearnTheBasics,
-                    name: $_('Learn the basics'),
-                    completed: false
-                },
-                {
-                    path: '/add-agents',
-                    component: AddAgents,
-                    name: $_('Add agents'),
-                    completed: false
-                },
-                {
-                    path: '/add-departments',
-                    component: AddDepartments,
-                    name: $_('Add departments'),
-                    completed: false
-                },
-                {
-                    path: '/connect-email-accounts',
-                    component: ConnectEmailAccounts,
-                    name: $_('Connect email accounts'),
-                    completed: false
-                },
-                {
-                    path: '/connect-social-media',
-                    component: ConnectSocialMedia,
-                    name: $_('Connect social media'),
-                    completed: false
-                },
-                {
-                    path: '/connect-messaging-apps',
-                    component: ConnectMessagingApps,
-                    name: $_('Connect messaging apps'),
-                    completed: false
-                },
-                {
-                    path: '/create-contact-widget',
-                    component: CreateContactWidget,
-                    name: $_('Create contact widget'),
-                    completed: false
-                },
-                {
-                    path: '/create-call-center',
-                    component: CreateCallCenter,
-                    name: $_('Create call center'),
-                    completed: false
-                },
-                {
-                    path: '/configure-customer-portal',
-                    component: ConfigureCustomerPortal,
-                    name: $_('Configure customer portal'),
-                    completed: false
-                }
-            ]
-        },
-        {
-            path: '/shortcuts',
-            component: Shortcuts,
-            name: $_('Keyboard Shortcuts')
-        },
-        {
-            path: '/improve-la-skills',
-            component: ImproveLaSkills,
-            name: $_('Improve your LA Skills')
-        },
-        {
-            path: '/contact-us',
-            component: ContactUs,
-            name: $_('Contact Us')
-        }
-    ];
-    setContext('namedRoutes', namedRoutes);
-    const routes: {[key: string]: any} = {};
-
-    namedRoutes.forEach(route => {
-        routes[route.path] = route.component;
-        route.children?.forEach(child => {
-            routes[child.path] = child.component;
-        });
-    });
-
-    onMount(() => {
-        progress.subscribe((currentState) => {
-            let updated = false;
-            const updatedState = currentState;
-
-            namedRoutes.forEach(route => {
-                route.children?.forEach(child => {
-                    const exists = currentState.some(step => step.path === child.path);
-                    if (!exists) {
-                        updated = true;
-                        updatedState.push({ path: child.path, state: child.completed ? 'c' : 'u' });
-                    }
-                });
-            });
-
-            if (updated) {
-                progress.set(updatedState);
-            }
-        });
-    });
-</script>
-
-<main style='
-    --text-color-primary: {$currentTheme.textsIcons.primary};
-    --text-color-secondary: {$currentTheme.textsIcons.secondary};
-    --text-color-infoPanel: {$currentTheme.events.blue.text};
-    --text-color-blue-primary: {$currentTheme.events.blue.primary};
-    --background-color-primary: {$currentTheme.surface.primary};
-    --background-color-secondary: {$currentTheme.surface.secondary};
-    --background-color-grey-primary: {$currentTheme.events.grey.surfacePrimary};
-    --background-color-grey-secondary: {$currentTheme.events.grey.surfaceSecondary};
-    --background-color-orange-primary: {$currentTheme.events.orange.surfacePrimary};
-    --background-color-pink-primary: {$currentTheme.events.pink.surfacePrimary};
-    --background-color-purple-primary: {$currentTheme.events.purple.surfacePrimary};
-    --background-color-blue-primary: {$currentTheme.events.blue.surfacePrimary};
-    --background-color-green-primary: {$currentTheme.events.green.surfacePrimary};
-    --color-green-primary: {$currentTheme.events.green.primary};
-    --border-color-primary: {$currentTheme.borderDivider.primary};
-    --border-color-secondary: {$currentTheme.borderDivider.secondary};
-    --border-color-grey: {$currentTheme.events.grey.stroke};
-    --border-color-orange: {$currentTheme.events.orange.stroke};
-    --border-color-green: {$currentTheme.events.green.stroke};
-    --border-color-infoPanel: {$currentTheme.events.blue.stroke};
-    --button-color-blue: {$currentTheme.buttonsSwitchesTabs.primaryButtons.blue};
-    --button-color-grey: {$currentTheme.buttonsSwitchesTabs.primaryButtons.grey};
-    --button-color-disabled: {$currentTheme.buttonsSwitchesTabs.primaryButtons.blueDisabled};
-'>
-    <nav class="menu {$isMenuOpened ? 'open' : ''}">
-        <ThemeSwitcher />
-        <Menu />
-    </nav>
-    <flex-resizer class="resizer" name="my-resizer" depth={0} disabled={false} overrideIframe={true} save={true}></flex-resizer>
-    <div class="body {$isMenuOpened ? 'menuOpened' : ''}" on:click={() => changeMenuOpenStatus(false)}>
-        {#if !isImplemented}
-            <button class="open-menu-button" on:click|stopPropagation={() => changeMenuOpenStatus()}>Open menu</button>
-        {/if}
-        <Router {routes}/>
-    </div>
-</main>
-
-<style>
-    main {
-        position: static;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: flex-start;
-        background-color: var(--background-color-primary);
-        height: calc(100% - 40px);
-        width: 100%;
-    }
-
-    .menu {
-        position: absolute;
-        display: block;
-        flex: 1 0 250px;
-        width: 75%;
-        height: 100%;
-        background-color: var(--background-color-secondary);
-        z-index: 100;
-        transform: translateX(-100%);
-        transition: transform 0.3s ease-in-out;
-    }
-
-    .menu.open {
-        transform: translateX(0);
-    }
-
-    .body {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-    }
-
-    .menuOpened {
-        opacity: 0.2;
-        background-color: var(--background-color-primary);
-    }
-
-    .resizer {
-        display: none;
-    }
-
-    .open-menu-button {
-        width: 100%;
-        height: 50px;
-        cursor: pointer;
-    }
-    
-    @media (min-width: 768px) {
-        main {
-            position: relative;
-            padding: 20px;
-            gap: 10px;
-        }
-
-        .menu {
-            width: unset;
-            position: relative;
-            padding: 20px 8px 20px 16px;
-            background: none;
-            transform: translateX(0);
-        }
-
-        .body {
-            flex: 1 1 550px;
-            border-left: 1px solid var(--border-color-primary);
-        }
-
-        .resizer {
-            display: block;
-            position: relative;
-            height: 100%;
-        }
-
-        .resizer::before {
-            content: '';
-            position: absolute;
-            left: 2px;
-            top: 50%;
-            height: 50px;
-            width: 3px;
-            border-left: 3px double var(--border-color-primary);
-            cursor: ew-resize !important;
-        }
-
-        .open-menu-button {
-            display: none;
-        }
-    }
-</style>

package/src/lib/HelpCenterWrapper.svelte

@@ -1,48 +0,0 @@
-<svelte:options customElement={{tag: 'help-center'}}/>
-
-<script lang="ts">
-    import HelpCenter from './HelpCenter.svelte';
-    import {setContext} from "svelte";
-    import { isMenuOpened } from "./utils/menuStore.ts";
-    import {initI18N, fallbackLocale, initialLocale} from '@qualityunit/liveagent-components-utils/i18n';
-    import {isLoading} from 'svelte-i18n';
-    import {darkThemeEnabled} from "./utils/themeStore.ts";
-
-    export let basePath: string = '';
-    export let darkModeEnabled: boolean = false;
-    export let implemented: boolean = false;
-    export let menuOpened: boolean = false;
-    export let options = {
-        localeOptions: {
-            thousandsSeparator: 'S',
-            decimalSeparator: 'D',
-            dateFormat: 'MM/d/yyyy',
-            timeFormat: 'HH:mm:ss',
-            timeShortFormat: 'HH:mm',
-            locale: 'sk'
-        }
-    };
-
-    initI18N(options.localeOptions, () => import(`../locales/${fallbackLocale}.json`), () => import(`../locales/${initialLocale}.json`));
-
-    setContext('basePath', basePath);
-    setContext('iconBasePath', 'public/assets/icons/');
-    setContext('imageBasePath', 'public/assets/images/')
-    setContext('OS', 'win');
-    setContext('isImplemented', implemented);
-
-    $: {
-        darkThemeEnabled.set(darkModeEnabled);
-    }
-
-    $: {
-        isMenuOpened.set(menuOpened);
-    }
-</script>
-
-{#if $isLoading}
-    <p>Loading...</p>
-{:else}
-    <HelpCenter />
-{/if}
-<link rel="stylesheet" href="{basePath}/themes/agent/_common_templates/icons_mapping.css">