@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/useTranslation-OWqckMEl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation-OWqckMEl.mjs","names":[],"sources":["../src/helper/language.ts","../src/stores/class/transcript/transcriptParams.ts","../src/helper/transcriptHelper.ts","../src/components/composable/useTranslation.ts"],"sourcesContent":["/**\n * Utility function to retrieve most relevant language for the user\n * @params forceToKnown When set to true (default), will limit language to one\n *                      one of 6 known languages. When set to false, allow all\n *                      languages.\n * @returns The most relevant language\n */\nexport function getLanguage(forceToKnown = true): string {\n    const nameEQ = \"octopus-language=\";\n    const ca = document.cookie.split(\";\");\n\n    let language = \"\";\n    for (const valueCookie of ca) {\n        let c = valueCookie;\n        while (c.startsWith(\" \")) {\n            c = c.substring(1, c.length);\n        }\n        if (0 === c.indexOf(nameEQ)) {\n            language = c.substring(nameEQ.length, c.length);\n            break;\n        }\n    }\n\n    if (0 === language.length) {\n        if (forceToKnown === true) {\n            // Choose best avilable language\n            for (const navigatorLang of navigator.languages) {\n                if (navigatorLang.includes(\"fr\")) {\n                    language = \"fr\";\n                    break;\n                } else if (navigatorLang.includes(\"en\")) {\n                    language = \"en\";\n                    break;\n                } else if (navigatorLang.includes(\"it\")) {\n                    language = \"it\";\n                    break;\n                } else if (navigatorLang.includes(\"sl\")) {\n                    language = \"sl\";\n                    break;\n                } else if (navigatorLang.includes(\"es\")) {\n                    language = \"es\";\n                    break;\n                } else if (navigatorLang.includes(\"de\")) {\n                    language = \"de\";\n                    break;\n                }\n            }\n            if (!language) {\n                language = \"fr\";\n            }\n        } else {\n            language = navigator.language;\n        }\n    }\n\n    return language;\n}\n","export interface TranscriptParams {\n  automation: string; // super, {date}, false \n  ttsParams: TtsParams;\n  modifyPodcast: ModifyPodcastConfig\n  translationConfig: TranslationConfiguration;\n}\nexport interface TtsParams {\n  super: string;\n  style: string;\n  pitch: number;\n  speed: number;\n  voice: string;\n  language: string;\n}\n\nexport interface ModifyPodcastConfig {\n  modifyChaptering: ModifyPodcastEnum;\n  modifyKeywords: ModifyPodcastEnum;\n  modifyDescription: ModifyPodcastEnum;\n  createDescriptionUsingAi: boolean;\n  wordsNumber: number;\n}\n\nexport enum ModifyPodcastEnum {\n  SUPER = \"SUPER\",\n  NO = \"NO\",\n  IF_EMPTY = \"IF_EMPTY\",\n  OVERWRITE=\"OVERWRITE\"\n}\n\nexport interface TranslationConfiguration {\n  createTranslation:{[lang:string]: CreateTranslation};\n  otherLanguage:CreateTranslation; //Cannot be ALWAYS\n}\n\nexport enum CreateTranslation {\n  NEVER = \"NEVER\",\n  ON_DEMAND = \"ON_DEMAND\",\n  ALWAYS = \"ALWAYS\",\n  SUPER=\"SUPER\"\n}\n\nexport function defaultTtsParams(): TtsParams {\n  return {\n    super: \"true\",\n    style: \"neutral\",\n    pitch: 0,\n    speed: 1,\n    voice: \"\",\n    language: \"\"\n  };\n}\n\nexport function defaultModifyPodcastConfig(): ModifyPodcastConfig {\n  return {\n    modifyChaptering: ModifyPodcastEnum.NO,\n    modifyKeywords:ModifyPodcastEnum.NO,\n    modifyDescription:ModifyPodcastEnum.NO,\n    createDescriptionUsingAi: false,\n    wordsNumber: 100,\n  };\n}\n\n/**\n * Create a default object of TranslationConfiguration\n * @param isEmission Optional, if set and true changes default values\n * @returns The object\n */\nexport function defaultTranslationConfig(isEmission?: boolean): TranslationConfiguration {\n  return {\n    createTranslation:{},\n    otherLanguage: isEmission ? CreateTranslation.SUPER : CreateTranslation.NEVER\n  };\n}\n\nexport interface Voice {\n  name: string;\n  locale: string;\n  displayName: string;\n  gender: string;\n  audioExample?: string;\n  styles?: [];\n  provider: string;\n}\nexport interface ProviderTts {\n  name: string;\n  fullName: string;\n  logoPath: string;\n  description: string;\n}\n","const SRT_PARSE_PATTERN = /(\\d+)\\n([\\d:,]+)\\s+-->\\s+([\\d:,]+)\\n([\\s\\S]*?(?=\\n{2}|$))/g;\n\ninterface ParsedStrSection {\n    startTime: number;\n    endTime: number;\n    text: Array<string>;\n}\n\nfunction srtTimeToSeconds(time: string): number {\n    const a = time.replace(',', '.').split(\":\").map(parseFloat);\n    return a[0] * 60 * 60 + a[1] * 60 + a[2];\n}\n\nexport function parseSrtTranscript(transcript: string): Array<ParsedStrSection> {\n    const result: Array<ParsedStrSection> = [];\n    transcript = transcript.replace(/\\r\\n|\\r|\\n|\\t/g, \"\\n\");\n    let matches: RegExpExecArray;\n    while ((matches = SRT_PARSE_PATTERN.exec(transcript)) != null) {\n        const text = matches[4].split('\\n');\n        result.push({\n            startTime: srtTimeToSeconds(matches[2]),\n            endTime: srtTimeToSeconds(matches[3]),\n            text\n        });\n    }\n\n    return result;\n}\n","import { getLanguage } from \"../../helper/language\";\nimport { transcriptionApi, TranslationState, type PodcastTranslationData } from \"../../api/transcriptionApi\";\nimport { CreateTranslation, defaultTranslationConfig, TranslationConfiguration } from \"../../stores/class/transcript/transcriptParams\";\nimport { podcastApi } from \"../../api/podcastApi\";\nimport { Emission } from \"../../stores/class/general/emission\";\nimport { OrganisationAttributes } from \"@/stores/class/general/organisation\";\nimport { organisationApi } from \"../../api/organisationApi\";\nimport { parseSrtTranscript } from \"@/helper/transcriptHelper\";\n\nconst DEFAULT_LANGUAGE = 'en';\n\ninterface RelevantLanguages {\n    /** Language which already has a generated translation */\n    ready: string;\n    /** Language that is more relevant but its translation is not yet generated */\n    available?: string;\n}\n\nenum Availability {\n    Available,\n    ToGenerate,\n    Unavailable\n}\n\nexport const useTranslation = () => {\n\n    /**\n     * Convert SRT data to plain text\n     * @param srt The data to convert\n     * @returns The plain text\n     */\n    function convertSrtToPlainText(srt: string): string {\n        const parsed = parseSrtTranscript(srt);\n        return parsed.flatMap(p => p.text).join(' ');\n    }\n\n    function getApplicationConf(language: string, conf: TranslationConfiguration): CreateTranslation {\n        if (conf.createTranslation && language in conf.createTranslation) {\n            return conf.createTranslation[language];\n        }\n\n        return conf.otherLanguage ?? CreateTranslation.NEVER;\n    }\n\n    /**\n     * Retrieve the translation configuration for a given language\n     */\n    function getConfigurationFor(language: string, emissionConf: TranslationConfiguration, orgaConf: TranslationConfiguration): CreateTranslation {\n        const emissionSetting = getApplicationConf(language, emissionConf);\n        if (emissionSetting === CreateTranslation.SUPER) {\n            return getApplicationConf(language, orgaConf);\n        }\n        return emissionSetting;\n    }\n\n    function parseOrDefault(data: string|undefined, isEmission = false): TranslationConfiguration {\n        return data ? JSON.parse(data) : defaultTranslationConfig(isEmission);\n    }\n\n    /**\n     * Indicates wether the language is available (either because generated or\n     * because it can be generated)\n     * @param language The language to check for\n     * @param emission *(optional)* If set, will also check in emission settings\n     * @returns Whether the language is available or not\n     */\n    function getTranslationConfig(language: string, emission: Emission, orgaAttributes: OrganisationAttributes): CreateTranslation {\n        const emissionTranslation = parseOrDefault(emission.annotations?.['translation-config'] as string|undefined, true);\n        const orgTranslation = parseOrDefault(orgaAttributes?.['translation-config']);\n\n        return getConfigurationFor(language, emissionTranslation, orgTranslation);\n    }\n\n    function getLanguageAvailability(language: string, emission: Emission, orgaAttributes: OrganisationAttributes, translationData: PodcastTranslationData): Availability {\n        \n        // 1. If language of podcast == language of browser, use that language\n        if (language === translationData.nativeLanguage) {\n            return Availability.Available;\n        } else {\n            const langConfig = getTranslationConfig(language, emission, orgaAttributes);\n\n            // 2. If the language of the browser is available, use it\n            if (langConfig === CreateTranslation.ALWAYS) {\n                return Availability.Available;\n            }\n            // 2b. If the language is on demand, check if generated\n            else if (langConfig === CreateTranslation.ON_DEMAND) {\n                // Check if translation is already generated\n                if (translationData.translations.find(t => t.language === language && t.state === TranslationState.FINISHED)) {\n                    return Availability.Available;\n                } else {\n                    return Availability.ToGenerate;\n                }\n            }\n        }\n\n        return Availability.Unavailable;\n    }\n\n    /**\n     * Get the relevant language for the current user\n     * @param translationData The translation data for the podcast\n     * @returns An object with properties 'ready' and 'available'\n     *          - *ready* Is the best language already generated\n     *          - *available* Is the best language not yet generated (or\n     *                        undefined if *ready* is better)\n     */\n    async function getMostRelevantLanguage(translationData: PodcastTranslationData): Promise<RelevantLanguages> {\n        const userLanguage = getLanguage(false);\n\n        // If user language is native, do not go further\n        if (userLanguage === translationData.nativeLanguage) {\n            return { ready: userLanguage };\n        }\n\n        // Compute all available languages. Use language set on site, then\n        // languages defined on browser, then default, and finally native language\n        const languages: string[] = [];\n        [userLanguage, ...navigator.languages, DEFAULT_LANGUAGE, translationData.nativeLanguage].forEach(l => {\n            // For each language, if it is a variant (for example fr-CH), use\n            // only the base language\n            if (l.includes('-')) {\n                l = l.split('-')[0];\n            }\n\n            if (!languages.includes(l)) {\n                languages.push(l);\n            }\n        });\n\n        const podcast = await podcastApi.get(translationData.podcastId);\n        const emission = podcast.emission;\n        const orgaAttributes = await organisationApi.getAttributes(podcast.organisation.id);\n\n        let bestReady: string|null = null;\n        let bestAvailable: string|null = null;\n\n        for (const language of languages) {\n            const avaibility = getLanguageAvailability(language, emission, orgaAttributes, translationData);\n            if (avaibility === Availability.Available && bestReady === null) {\n                bestReady = language;\n                break;\n            }\n\n            if (avaibility === Availability.ToGenerate && bestAvailable === null) {\n                bestAvailable = language;\n            }\n        }\n\n        return { ready: bestReady, available: bestAvailable ?? undefined };\n    }\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(translationData: PodcastTranslationData): Promise<string>;\n    /**\n     * Get the relevant translation for the current user\n     * @param podcastId The ID of the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(podcastId: number): Promise<string>;\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(data: PodcastTranslationData|number): Promise<string> {\n        let translationData: PodcastTranslationData;\n        if (typeof data === 'number') {\n            translationData = await transcriptionApi.getTranslations(data);\n        } else {\n            translationData = data;\n        }\n\n        const { ready } = await getMostRelevantLanguage(translationData);\n\n        // Finally get translation with chosen language\n        const podcastId = translationData.podcastId;\n        return await transcriptionApi.getTranslation(podcastId, ready);\n    }\n\n    return {\n        convertSrtToPlainText,\n        getMostRelevantLanguage,\n        getMostRelevantTranslation,\n        getTranslationConfig\n    }\n};\n"],"mappings":"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"}

package/dist/usefetchRadioData-D01ws733.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usefetchRadioData-D01ws733.mjs","names":["classicApi"],"sources":["../src/components/composable/radio/usefetchRadioData.ts"],"sourcesContent":["import classicApi from \"../../../api/classicApi\";\nimport { MediaRadio, MetadataRadio, NextAdvertising } from '@/stores/class/general/player';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport dayjs from 'dayjs';\nimport {onBeforeUnmount, Ref, ref} from 'vue';\nimport { useI18n } from \"vue-i18n\";\nexport const useFetchRadio = ()=>{\n\n  const radioInterval : Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n  const {t} = useI18n();\n  \n  async function fetchRadioMetadata(\n    canalId: number,\n    previousTitle: string,\n    callbackMetadata: (\n      metadata: MediaRadio|undefined,\n      podcast: Podcast | undefined,\n      history: Array<MediaRadio>\n    ) => void,\n    callbackAdvertising?: (\n      nextAdvertising: NextAdvertising\n    ) => void,\n  ): Promise<void> {\n    const metadata = await classicApi.fetchData<MetadataRadio>({\n      api: 14,\n      path:  \"player/playing/\" + canalId,\n    });\n    /*{\n      \"adCount\": 1,\n      \"startDate\": \"2025-03-04T13:12:00Z\",\n      \"tag\": \"5e385e1b51c86\"\n  }; */\n    if(callbackAdvertising){\n      callbackAdvertising(metadata.nextAdvertising);\n    }\n    const arrayMetadata = metadata.previously;\n    if(null!==metadata.currently){\n      arrayMetadata.unshift(metadata.currently);\n      for (let index = 0, len = arrayMetadata.length; index < len; index++) {\n        if (\n          dayjs().valueOf() - 18000 >\n          dayjs(arrayMetadata[index].startDate).valueOf()\n        ) {\n          await useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len,callbackMetadata);\n          return;\n        }\n      }\n    }else{\n      callbackMetadata(undefined, undefined, arrayMetadata);\n    }\n  }\n  async function useCallbackIfNewMetadata(previousTitle: string, arrayMetadata: Array<MediaRadio>, index:number, len: number, callbackMetadata: (\n    metadata: MediaRadio,\n    podcast: Podcast | undefined,\n    history: Array<MediaRadio>\n  ) => void){\n    if (previousTitle !== arrayMetadata[index].title) {\n      const historyIndex = index + 1 < len ? index + 1 : index;\n      const history = arrayMetadata.slice(historyIndex, len);\n      if (arrayMetadata[index].podcastId) {\n        const data: Podcast = await classicApi.fetchData<Podcast>({\n          api: 0,\n          path: \"podcast/\" + arrayMetadata[index].podcastId,\n        });\n        callbackMetadata(arrayMetadata[index], data, history);\n      } else {\n        callbackMetadata(arrayMetadata[index], undefined, history);\n      }\n    }\n  }\n  function displayTitle(metadata: MediaRadio|undefined): string {\n    if(!metadata){\n      return t(\"Silent stream\");\n    }\n    let title = \"\";\n    if (metadata?.title) {\n      title += metadata.title;\n    }\n    if (metadata?.artist) {\n      title += \" - \" + metadata.artist;\n    }\n    return title;\n  }\n\n\n\n  onBeforeUnmount(() => {\n    clearInterval(radioInterval.value as unknown as number);\n  })\n\n\n\treturn {\n    fetchRadioMetadata,\n    displayTitle\n\t}\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAoB;CAE/B,MAAM,gBAAiE,IAAI,KAAA,CAAS;CAEpF,MAAM,EAAC,MAAK,QAAQ;CAEpB,eAAe,mBACb,SACA,eACA,kBAKA,qBAGe;EACf,MAAM,WAAW,MAAMA,mBAAW,UAAyB;GACzD,KAAK;GACL,MAAO,oBAAoB;EAC7B,CAAC;EAMD,IAAG,qBACD,oBAAoB,SAAS,eAAe;EAE9C,MAAM,gBAAgB,SAAS;EAC/B,IAAG,SAAO,SAAS,WAAU;GAC3B,cAAc,QAAQ,SAAS,SAAS;GACxC,KAAK,IAAI,QAAQ,GAAG,MAAM,cAAc,QAAQ,QAAQ,KAAK,SAC3D,IACE,MAAM,CAAC,CAAC,QAAQ,IAAI,OACpB,MAAM,cAAc,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,GAC9C;IACA,MAAM,yBAAyB,eAAe,eAAe,OAAO,KAAI,gBAAgB;IACxF;GACF;EAEJ,OACE,iBAAiB,KAAA,GAAW,KAAA,GAAW,aAAa;CAExD;CACA,eAAe,yBAAyB,eAAuB,eAAkC,OAAc,KAAa,kBAIlH;EACR,IAAI,kBAAkB,cAAc,MAAM,CAAC,OAAO;GAChD,MAAM,eAAe,QAAQ,IAAI,MAAM,QAAQ,IAAI;GACnD,MAAM,UAAU,cAAc,MAAM,cAAc,GAAG;GACrD,IAAI,cAAc,MAAM,CAAC,WAAW;IAClC,MAAM,OAAgB,MAAMA,mBAAW,UAAmB;KACxD,KAAK;KACL,MAAM,aAAa,cAAc,MAAM,CAAC;IAC1C,CAAC;IACD,iBAAiB,cAAc,QAAQ,MAAM,OAAO;GACtD,OACE,iBAAiB,cAAc,QAAQ,KAAA,GAAW,OAAO;EAE7D;CACF;CACA,SAAS,aAAa,UAAwC;EAC5D,IAAG,CAAC,UACF,OAAO,EAAE,eAAe;EAE1B,IAAI,QAAQ;EACZ,IAAI,UAAU,OACZ,SAAS,SAAS;EAEpB,IAAI,UAAU,QACZ,SAAS,QAAQ,SAAS;EAE5B,OAAO;CACT;CAIA,sBAAsB;EACpB,cAAc,cAAc,KAA0B;CACxD,CAAC;CAGF,OAAO;EACJ;EACA;CACH;AACD"}

package/dist/usefetchRadioData-DDRPoD4s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usefetchRadioData-DDRPoD4s.mjs","names":["classicApi"],"sources":["../src/components/composable/radio/usefetchRadioData.ts"],"sourcesContent":["import classicApi from \"../../../api/classicApi\";\nimport { MediaRadio, MetadataRadio, NextAdvertising } from '@/stores/class/general/player';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport dayjs from 'dayjs';\nimport {onBeforeUnmount, Ref, ref} from 'vue';\nimport { useI18n } from \"vue-i18n\";\nexport const useFetchRadio = ()=>{\n\n  const radioInterval : Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n  const {t} = useI18n();\n  \n  async function fetchRadioMetadata(\n    canalId: number,\n    previousTitle: string,\n    callbackMetadata: (\n      metadata: MediaRadio|undefined,\n      podcast: Podcast | undefined,\n      history: Array<MediaRadio>\n    ) => void,\n    callbackAdvertising?: (\n      nextAdvertising: NextAdvertising\n    ) => void,\n  ): Promise<void> {\n    const metadata = await classicApi.fetchData<MetadataRadio>({\n      api: 14,\n      path:  \"player/playing/\" + canalId,\n    });\n    /*{\n      \"adCount\": 1,\n      \"startDate\": \"2025-03-04T13:12:00Z\",\n      \"tag\": \"5e385e1b51c86\"\n  }; */\n    if(callbackAdvertising){\n      callbackAdvertising(metadata.nextAdvertising);\n    }\n    const arrayMetadata = metadata.previously;\n    if(null!==metadata.currently){\n      arrayMetadata.unshift(metadata.currently);\n      for (let index = 0, len = arrayMetadata.length; index < len; index++) {\n        if (\n          dayjs().valueOf() - 18000 >\n          dayjs(arrayMetadata[index].startDate).valueOf()\n        ) {\n          await useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len,callbackMetadata);\n          return;\n        }\n      }\n    }else{\n      callbackMetadata(undefined, undefined, arrayMetadata);\n    }\n  }\n  async function useCallbackIfNewMetadata(previousTitle: string, arrayMetadata: Array<MediaRadio>, index:number, len: number, callbackMetadata: (\n    metadata: MediaRadio,\n    podcast: Podcast | undefined,\n    history: Array<MediaRadio>\n  ) => void){\n    if (previousTitle !== arrayMetadata[index].title) {\n      const historyIndex = index + 1 < len ? index + 1 : index;\n      const history = arrayMetadata.slice(historyIndex, len);\n      if (arrayMetadata[index].podcastId) {\n        const data: Podcast = await classicApi.fetchData<Podcast>({\n          api: 0,\n          path: \"podcast/\" + arrayMetadata[index].podcastId,\n        });\n        callbackMetadata(arrayMetadata[index], data, history);\n      } else {\n        callbackMetadata(arrayMetadata[index], undefined, history);\n      }\n    }\n  }\n  function displayTitle(metadata: MediaRadio|undefined): string {\n    if(!metadata){\n      return t(\"Silent stream\");\n    }\n    let title = \"\";\n    if (metadata?.title) {\n      title += metadata.title;\n    }\n    if (metadata?.artist) {\n      title += \" - \" + metadata.artist;\n    }\n    return title;\n  }\n\n\n\n  onBeforeUnmount(() => {\n    clearInterval(radioInterval.value as unknown as number);\n  })\n\n\n\treturn {\n    fetchRadioMetadata,\n    displayTitle\n\t}\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAoB;CAE/B,MAAM,gBAAiE,IAAI,KAAA,CAAS;CAEpF,MAAM,EAAC,MAAK,QAAQ;CAEpB,eAAe,mBACb,SACA,eACA,kBAKA,qBAGe;EACf,MAAM,WAAW,MAAMA,mBAAW,UAAyB;GACzD,KAAK;GACL,MAAO,oBAAoB;EAC7B,CAAC;EAMD,IAAG,qBACD,oBAAoB,SAAS,eAAe;EAE9C,MAAM,gBAAgB,SAAS;EAC/B,IAAG,SAAO,SAAS,WAAU;GAC3B,cAAc,QAAQ,SAAS,SAAS;GACxC,KAAK,IAAI,QAAQ,GAAG,MAAM,cAAc,QAAQ,QAAQ,KAAK,SAC3D,IACE,MAAM,CAAC,CAAC,QAAQ,IAAI,OACpB,MAAM,cAAc,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,GAC9C;IACA,MAAM,yBAAyB,eAAe,eAAe,OAAO,KAAI,gBAAgB;IACxF;GACF;EAEJ,OACE,iBAAiB,KAAA,GAAW,KAAA,GAAW,aAAa;CAExD;CACA,eAAe,yBAAyB,eAAuB,eAAkC,OAAc,KAAa,kBAIlH;EACR,IAAI,kBAAkB,cAAc,MAAM,CAAC,OAAO;GAChD,MAAM,eAAe,QAAQ,IAAI,MAAM,QAAQ,IAAI;GACnD,MAAM,UAAU,cAAc,MAAM,cAAc,GAAG;GACrD,IAAI,cAAc,MAAM,CAAC,WAAW;IAClC,MAAM,OAAgB,MAAMA,mBAAW,UAAmB;KACxD,KAAK;KACL,MAAM,aAAa,cAAc,MAAM,CAAC;IAC1C,CAAC;IACD,iBAAiB,cAAc,QAAQ,MAAM,OAAO;GACtD,OACE,iBAAiB,cAAc,QAAQ,KAAA,GAAW,OAAO;EAE7D;CACF;CACA,SAAS,aAAa,UAAwC;EAC5D,IAAG,CAAC,UACF,OAAO,EAAE,eAAe;EAE1B,IAAI,QAAQ;EACZ,IAAI,UAAU,OACZ,SAAS,SAAS;EAEpB,IAAI,UAAU,QACZ,SAAS,QAAQ,SAAS;EAE5B,OAAO;CACT;CAIA,sBAAsB;EACpB,cAAc,cAAc,KAA0B;CACxD,CAAC;CAGF,OAAO;EACJ;EACA;CACH;AACD"}

package/dist/{usefetchRadioData-SLWfXkYt.mjs → usefetchRadioData-zyQNqiV3.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./classicApi-pmODlqv5.mjs";
+import { t as e } from "./classicApi-CGipMqf7.mjs";
 import { onBeforeUnmount as t, ref as n } from "vue";
 import { useI18n as r } from "vue-i18n";
 import i from "dayjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "42.3.0",
+  "version": "42.3.1",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/composable/useTranslation.ts

@@ -35,11 +35,11 @@ export const useTranslation = () => {
     }
 
     function getApplicationConf(language: string, conf: TranslationConfiguration): CreateTranslation {
-        if (language in conf.createTranslation) {
+        if (conf.createTranslation && language in conf.createTranslation) {
             return conf.createTranslation[language];
         }
 
-        return conf.otherLanguage;
+        return conf.otherLanguage ?? CreateTranslation.NEVER;
     }
 
     /**

package/src/components/display/sharing/QrCode.vue

@@ -1,37 +1,37 @@
 <template>
-  <div class="d-flex flex-column align-items-center">
-    <div class="d-flex align-items-center mb-3">
-      <div class="form-label me-3">
-        {{ t("Color of the QR Code") }}
-      </div>
-      <VSwatches
-        v-model:model-value="color"
-        class="c-hand"
-        show-fallback
-        fallback-input-type="color"
-        colors="text-advanced"
-        popover-to="right"
-        popover-y="bottom"
-        :data-color="color"
-      />
+    <div :id="uid" class="d-flex flex-column align-items-center">
+        <div class="d-flex align-items-center mb-3">
+            <div class="form-label me-3">
+                {{ t("Color of the QR Code") }}
+            </div>
+            <VSwatches
+                v-model:model-value="color"
+                class="c-hand"
+                show-fallback
+                fallback-input-type="color"
+                colors="text-advanced"
+                popover-to="right"
+                popover-y="bottom"
+                :data-color="color"
+            />
+        </div>
+        <qrcode-vue
+            :render-as="renderQrCode"
+            :value="url"
+            :size="size"
+            level="H"
+            :foreground="color"
+            class="myQrCode"
+            :margin="2"
+        />
+        <div class="d-flex align-items-center my-3">
+            <FormatSwitch v-model:is-svg="isSvg" class="me-3" />
+            <button class="btn btn-primary" @click="download">
+                {{ t("Download") }}
+            </button>
+        </div>
+        <SnackBar ref="snackbar" position="bottom-left" />
     </div>
-    <qrcode-vue
-      :render-as="renderQrCode"
-      :value="url"
-      :size="size"
-      level="H"
-      :foreground="color"
-      class="myQrCode"
-      :margin="2"
-    />
-    <div class="d-flex align-items-center my-3">
-      <FormatSwitch v-model:is-svg="isSvg" class="me-3"/>
-      <button class="btn btn-primary" @click="download">
-        {{ t("Download") }}
-      </button>
-    </div>
-    <SnackBar ref="snackbar" position="bottom-left" />
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -41,12 +41,12 @@ import SnackBar from "../../misc/SnackBar.vue";
 import QrcodeVue from "qrcode.vue";
 import FormatSwitch from "./FormatSwitch.vue";
 import { useSaveFetchStore } from "../../../stores/SaveFetchStore";
-import { computed, onBeforeMount, ref, useTemplateRef } from "vue";
+import { computed, onBeforeMount, ref, useId, useTemplateRef } from "vue";
 import { useI18n } from "vue-i18n";
 
 //Props 
 const props = defineProps({
-  url: { default: "", type: String },
+    url: { default: "", type: String },
     orgaForColor: { default: undefined, type: String },
 })
 
@@ -59,7 +59,7 @@ const snackBarRef = useTemplateRef('snackbar');
 //Composables
 const { t } = useI18n();
 const saveFetchStore = useSaveFetchStore();
-
+const uid = `qrcode-${useId()}`;
 
 //Computed
 const renderQrCode = computed(() => isSvg.value ? 'svg' : 'canvas');
@@ -68,39 +68,38 @@ onBeforeMount(()=>initDefaultColor())
 
 //Methods
 function download(): void {
-  const canvas = document.getElementsByClassName("myQrCode");
-  if (!canvas || canvas.length <=0 || !canvas[0]) {
-    return;
-  }
-  const downloadLink = document.createElement("a");
-  if (isSvg.value) {
-    const svgData = canvas[0].outerHTML;
-    const svgBlob = new Blob([svgData], {type:"image/svg+xml;charset=utf-8"});
-    const svgUrl = URL.createObjectURL(svgBlob);
-    downloadLink.href = svgUrl;
-    downloadLink.download = "qrcode.svg";
-  }else{
-    downloadLink.download = "qrcode.png";
-    downloadLink.href = (canvas[0] as HTMLCanvasElement).toDataURL();
-  }
-  downloadLink.click();
-  (snackBarRef?.value as InstanceType<typeof SnackBar>).open(
-    t("Download started"),
-  );
+    const canvas = document.getElementById(uid).getElementsByClassName("myQrCode");
+    if (!canvas || canvas.length <=0 || !canvas[0]) {
+        return;
+    }
+    const downloadLink = document.createElement("a");
+    if (isSvg.value) {
+        const svgData = canvas[0].outerHTML;
+        const svgBlob = new Blob([svgData], {type:"image/svg+xml;charset=utf-8"});
+        const svgUrl = URL.createObjectURL(svgBlob);
+        downloadLink.href = svgUrl;
+        downloadLink.download = "qrcode.svg";
+    }else{
+        downloadLink.download = "qrcode.png";
+        downloadLink.href = (canvas[0] as HTMLCanvasElement).toDataURL();
+    }
+    downloadLink.click();
+    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(
+        t("Download started"),
+    );
 }
 async function initDefaultColor(): Promise<void> {
-  if (undefined === props.orgaForColor) return;
-  const attributes = await saveFetchStore.getOrgaAttributes(props.orgaForColor);
-  if (Object.hasOwn(attributes, "COLOR")) {
-    color.value = attributes.COLOR as string;
-  }
+    if (undefined === props.orgaForColor) {return;}
+    const attributes = await saveFetchStore.getOrgaAttributes(props.orgaForColor);
+    if (Object.hasOwn(attributes, "COLOR")) {
+        color.value = attributes.COLOR as string;
+    }
 }
 </script>
-<style lang="scss">
-.octopus-app {
-  .myQrCode{
+
+<style scoped lang="scss">
+:deep(.myQrCode) {
     height: 200px !important;
     width: 200px !important;
-  }
 }
-</style>
+</style>

package/src/components/form/ClassicDatePicker.vue

@@ -5,31 +5,29 @@
             class="form-label"
             :for="'dp-input-'+id"
             :class="displayLabel ? '' : 'd-none'"
-        >{{ label }}</label>
+        >
+            {{ label }}
+        </label>
         <VueDatePicker
-            :uid="id"
             :model-value="modelVal"
             :time-picker="isTimePicker"
-            :time-picker-inline="isTimePicker && timePickerInline"
-            :input-class-name="templateClass"
-            :clearable="false"
+            :time-config="timeConfig"
+            :ui="templateClass ? { input: templateClass } : {}"
+            :input-attrs="{ clearable: false, id: id ? 'dp-input-' + id : undefined }"
             :text-input="true"
             :readonly="readonly"
             :teleport="useTeleport"
-            :locale="locale"
-            :format="format"
+            :locale="getLocale(locale)"
+            :formats="{ input: format }"
             :auto-apply="true"
-            :enable-seconds="displaySeconds"
             :max-date="isMaxDate && !isTimePicker ? limit : undefined"
             :min-date="isMinDate && !isTimePicker ? limit : undefined"
             :range="undefined !== range"
             :multi-calendars="columnNumber > 1 ? columnNumber : false"
             :inline="isInline"
-            :enable-time-picker="!isTimePicker ? displayTimePicker : undefined"
             :aria-labels="ariaLabels"
             :max-time="maxTime"
             :month-picker="monthPicker"
-            :alt-position="customPosition"
             @update:model-value="updateValue($event)"
         >
             <template v-if="isTimePicker" #input-icon>
@@ -45,6 +43,7 @@ import dayjs from "dayjs";
 import { VueDatePicker } from "@vuepic/vue-datepicker";
 import { computed, useTemplateRef } from "vue";
 import { useI18n } from "vue-i18n";
+import { getLocale } from "@/i18n";
 
 //Props 
 const props = defineProps({
@@ -55,13 +54,17 @@ const props = defineProps({
     },
     date: { default: undefined, type: Date },
     range: { default: undefined, type: Array as () => Array<Date> },
-    /** Enable maximum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable maximum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMaxDate: { default: false, type: Boolean },
     /** Date limit when `isMaxDate` or `isMinDate` are set */
     dateLimit: { default: undefined, type: Date },
-    /** Enable minimum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable minimum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMinDate: { default: false, type: Boolean },
     columnNumber: { default: 1, type: Number },
     displaySeconds: { default: false, type: Boolean },
@@ -73,13 +76,14 @@ const props = defineProps({
     maxTime: {
         default: null,
         type: Object as () => {
-            hours?: number | string;
-            minutes?: number | string;
+            hours: number | string;
+            minutes: number | string;
             seconds?: number | string;
         },
     },
     forceFormat: { default: undefined, type: String },
     monthPicker: { default: false, type: Boolean },
+    /** @deprecated No longer supported since vue-datepicker v14 */
     customPosition: { default: null, type: Function },
     isInline: { default: false, type: Boolean },
     timePickerInline: { default: false, type: Boolean },
@@ -106,7 +110,7 @@ const emit = defineEmits<{
 const divContainerRef = useTemplateRef('divContainer');
 
 //Composables
-const {locale} = useI18n();
+const { locale } = useI18n();
 
 //Computed
 const ariaLabels = computed(() => {
@@ -146,10 +150,18 @@ const format = computed(() => {
             timeString = "HH:mm:ss";
         }
     }
-    const dayString = props.isTimePicker
+    // For ranges, vue-datepicker applies the format to each date and joins
+    // them with its own separator
+    return props.isTimePicker
         ? timeString
         : "dd/MM/yyyy " + timeString;
-    return props.range ? dayString + " - " + dayString : dayString;
+});
+const timeConfig = computed(() => {
+    return {
+        enableSeconds: props.displaySeconds,
+        timePickerInline: props.isTimePicker && props.timePickerInline,
+        ...(!props.isTimePicker && { enableTimePicker: props.displayTimePicker })
+    };
 });
 const limit = computed(() => {
     if (props.dateLimit) {
@@ -184,7 +196,7 @@ function formatDate(value: Date): string {
 @use "@vuepic/vue-datepicker/dist/main.css";
 
 /* stylelint-disable-next-line */
-.dp__theme_light {
+.dp--theme-light {
   --dp-primary-color: var(--octopus-primary);
   --dp-time-font-size: 1rem;
 }

package/src/components/form/OctopusMultiselect.vue

@@ -146,6 +146,8 @@ const emit = defineEmits<{
     /** Emitted on every input change. When listened to, the parent is responsible for
      *  updating `options`; otherwise the component filters `options` client-side. */
     (e: 'search', query: string): void;
+    /** Emitted when the user enters a custom value */
+    (e: 'add-custom', value: string): void;
 }>();
 
 const { t } = useI18n();
@@ -283,10 +285,7 @@ function handleCustomValueEnter(): void {
     if (!props.allowCustomValue) { return; }
     const value = searchQuery.value.trim();
     if (!value) { return; }
-    const customOption = value as unknown as T;
-    if (!isSelected(customOption)) {
-        emit('update:selected', [...(props.selected ?? []), customOption]);
-    }
+    emit('add-custom', value);
     searchQuery.value = '';
 }
 

package/src/components/misc/ClassicPopover.vue

@@ -248,7 +248,7 @@ function clearDataBlur(e: FocusEvent) {
         return;
     }
     //Exception timepicker in popover
-    const result = Array.from(e?.target?.classList ?? []).findIndex((val) => { return val.startsWith("dp__");});
+    const result = Array.from(e?.target?.classList ?? []).findIndex((val) => { return val.startsWith("dp--");});
     if (-1!==result) {
         return;
     }