@saooti/octopus-sdk 37.0.33 → 37.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "37.0.33",
+  "version": "37.0.35",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -16,34 +16,34 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "@saooti/octopus-api": "^0.36.0",
-    "@tiptap/extension-link": "^2.1.6",
-    "@tiptap/extension-underline": "^2.1.6",
-    "@tiptap/pm": "^2.1.6",
-    "@tiptap/starter-kit": "^2.1.6",
-    "@tiptap/vue-3": "^2.1.6",
+    "@tiptap/extension-link": "^2.1.11",
+    "@tiptap/extension-underline": "^2.1.11",
+    "@tiptap/pm": "^2.1.11",
+    "@tiptap/starter-kit": "^2.1.11",
+    "@tiptap/vue-3": "^2.1.11",
     "@vue/cli": "^5.0.8",
     "@vue/compat": "^3.3.4",
-    "@vuepic/vue-datepicker": "^6.0.1",
-    "autoprefixer": "^10.4.15",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.9",
+    "@vuepic/vue-datepicker": "^6.1.0",
+    "autoprefixer": "^10.4.16",
+    "axios": "^1.5.0",
+    "dayjs": "^1.11.10",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "express": "^4.18.2",
-    "hls.js": "^1.4.10",
-    "humanize-duration": "^3.29.0",
-    "jest": "^29.6.2",
+    "hls.js": "^1.4.12",
+    "humanize-duration": "^3.30.0",
+    "jest": "^29.7.0",
     "pinia": "^2.1.6",
     "qrcode.vue": "^3.4.1",
-    "sass": "^1.66.1",
-    "sonarqube-scanner": "^3.0.0",
-    "swiper": "^10.2.0",
+    "sass": "^1.68.0",
+    "sonarqube-scanner": "^3.1.0",
+    "swiper": "^10.3.0",
     "video.js": "^7.21.5",
     "videojs-contrib-quality-levels": "^2.2.1",
     "videojs-hls-quality-selector": "^1.1.4",
     "vite": "^4.4.9",
     "vue": "^3.3.4",
-    "vue-i18n": "^9.2.2",
+    "vue-i18n": "^9.4.1",
     "vue-recaptcha": "^2.0.3",
     "vue-router": "^4.2.4",
     "vue-select": "^4.0.0-beta.6",
@@ -54,12 +54,12 @@
     "@types/videojs-contrib-quality-levels": "^2.0.1",
     "@types/videojs-hls-quality-selector": "^1.1.0",
     "@types/vue-select": "^3.16.2",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-vue": "^4.3.2",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
+    "@vitejs/plugin-vue": "^4.3.4",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "eslint": "^8.47.0",
+    "eslint": "^8.49.0",
     "eslint-plugin-vue": "^9.15.1",
     "typescript": "^5.1.6"
   },

package/public/css/fonts/icomoon.svg

@@ -70,6 +70,8 @@
 <glyph unicode="&#xe93c;" glyph-name="amazon-music" horiz-adv-x="5120" d="M1572.664 690.329v62.456c0 8.746 6.245 14.991 14.991 16.237h272.296c8.746 0 14.991-6.245 14.991-14.991 0 0 0 0 0 0s0-1.248 0-1.248v-52.464c-3.745-14.991-9.99-27.484-19.982-38.717l-141.147-204.848c53.711 2.502 107.42-8.746 154.883-33.729 8.746-4.997 13.737-13.737 13.737-23.732v-67.448c0-8.746-6.245-14.991-13.737-14.991-2.502 0-3.745 0-6.245 1.248-89.933 47.464-197.355 47.464-287.285 0-9.99-4.997-18.737 4.997-18.737 14.991v62.456c-1.248 14.991 2.502 29.977 9.99 42.469l163.629 238.577h-141.147c-8.746-1.248-16.237 4.997-16.237 13.737v0 0 0zM467.237 316.856c-7.492 0-14.991 6.245-14.991 14.991v437.178c0 8.746 7.492 16.237 16.237 16.237 0 0 0 0 0 0h79.938c8.746 0 14.991-6.245 16.237-14.991v-57.455h1.248c14.991 49.964 61.204 82.437 112.42 81.193 53.711 0 87.438-26.227 111.163-81.193 24.982 64.953 98.673 97.428 163.629 72.446 21.237-7.492 39.974-21.237 53.711-38.717 27.484-36.224 21.237-89.933 21.237-137.399v-277.294c0-8.746-7.492-16.237-16.237-16.237 0 0 0 0 0 0h-86.183c-8.746 0-14.991 7.492-14.991 14.991v233.574c1.248 27.484 0 54.959-2.502 82.437-3.745 23.732-26.227 41.219-49.964 37.472v0c-22.482-1.248-42.469-14.991-51.209-36.224-7.492-27.484-9.99-56.209-7.492-83.688v-232.33c0-8.746-7.492-16.237-16.237-16.237 0 0 0 0 0 0h-86.183c-8.746 0-14.991 7.492-14.991 14.991v233.574c0 48.714 7.492 121.16-52.464 121.16-61.204 0-58.708-69.945-58.708-121.16v-232.33c0-8.746-7.492-16.237-16.237-16.237 0 0 0 0 0 0s0 0-1.248 0h-86.183v1.248zM2101.024 792.754c127.404 0 196.102-106.175 196.102-242.32 0-131.154-76.192-234.825-196.102-234.825-124.909 0-193.605 106.175-193.605 239.821s68.701 237.32 193.605 237.32v0 0zM2033.574 569.169c0-52.464 0-164.874 67.448-164.874s69.945 89.933 69.945 146.139c1.248 38.717-2.502 76.192-12.492 113.665-4.997 26.227-29.977 43.719-56.209 41.219-64.953 0-68.701-83.688-68.701-136.146zM2465.754 316.856h-78.691c-7.492 0-13.737 7.492-13.737 14.991v437.178c1.248 8.746 7.492 14.991 14.991 13.737h73.693c6.245 0 12.492-4.997 13.737-12.492v-66.201h1.248c22.482 59.954 53.711 87.438 108.67 87.438 37.472 2.502 72.446-17.487 92.428-51.209 21.237-34.974 21.237-93.683 21.237-136.146v-276.046c-1.248-7.492-7.492-13.737-14.991-13.737h-79.938c-7.492 0-13.737 6.245-13.737 13.737v238.577c0 48.714 4.997 117.41-49.964 117.41-19.982-1.248-37.472-14.991-44.964-34.974-9.99-26.227-13.737-54.959-12.492-82.437v-234.825c-1.248-8.746-8.746-16.237-17.487-14.991v0 0 0zM1437.767 323.103c-4.997-4.997-13.737-4.997-19.982-2.502-18.737 14.991-34.974 33.729-47.464 56.209-33.729-41.219-84.938-63.7-138.649-61.204-72.446 0-126.157 43.719-126.157 129.901-1.248 59.954 33.729 113.665 89.933 136.146 46.219 19.982 109.92 23.732 158.629 28.727v11.242c2.502 21.237-1.248 41.219-9.99 59.954-11.242 14.991-29.977 22.482-47.464 21.237-32.472 2.502-61.204-18.737-67.448-49.964-1.248-7.492-7.492-13.737-14.991-14.991l-81.193 8.746c-7.492 1.248-13.737 9.99-11.242 17.487 18.737 97.428 107.42 127.404 188.611 127.404 46.219 1.248 89.933-13.737 126.157-41.219 41.219-37.472 37.472-88.682 37.472-143.644v-129.901c0-28.727 11.242-56.209 31.229-77.443 6.245-6.245 6.245-16.237 0-22.482-21.237-12.492-51.209-38.717-67.448-53.711v0 0zM1355.323 525.45v17.487c-61.204 0-124.909-12.492-124.909-79.938 0-34.974 18.737-57.455 51.209-57.455 24.982 1.248 47.464 14.991 58.708 36.224 12.492 24.982 17.487 53.711 14.991 83.688v0zM332.34 323.103c-4.997-4.997-13.737-4.997-19.982-2.502-18.737 14.991-34.974 34.974-47.464 56.209-33.729-41.219-84.938-63.7-138.649-59.954-71.198 0-126.157 42.469-126.157 129.901-2.502 59.954 33.729 113.665 89.933 136.146 44.964 19.982 108.67 23.732 157.384 28.727v11.242c2.502 21.237-1.248 41.219-9.99 59.954-11.242 14.991-28.727 22.482-47.464 21.237-31.229 2.502-59.954-18.737-67.448-49.964-1.248-7.492-6.245-13.737-14.991-14.991l-81.193 8.746c-7.492 1.248-12.492 9.99-11.242 17.487 18.737 98.673 107.42 127.404 187.36 127.404 46.219 1.248 89.933-12.492 126.157-41.219 41.219-37.472 37.472-88.682 37.472-143.644v-129.901c0-28.727 11.242-56.209 31.229-77.443 6.245-6.245 6.245-14.991 0-21.237v0c-17.487-14.991-48.714-41.219-64.953-56.209v0 0zM249.899 541.687c-61.204 0-124.909-12.492-124.909-79.938 0-34.974 18.737-57.455 51.209-57.455 24.982 1.248 47.464 14.991 57.455 36.224 13.737 26.227 18.737 54.959 16.237 84.938v16.237zM1098.019-47.876c-263.556-1.248-518.364 101.173-714.472 288.536-14.991 13.737-1.248 33.729 16.237 22.482 218.585-131.154 464.654-201.103 716.967-199.85 187.36 1.248 372.223 41.219 545.842 117.41 26.227 12.492 48.714-18.737 22.482-38.717-159.884-123.655-389.713-189.857-587.060-189.857zM1746.285 216.927c-19.982 26.227-136.146 12.492-188.611 6.245-16.237-1.248-18.737 12.492-3.745 22.482 92.428 66.201 243.565 47.464 261.057 24.982s-4.997-176.121-91.183-249.81c-13.737-11.242-26.227-4.997-19.982 9.99 18.737 48.714 62.456 159.884 42.469 186.111v0zM4409.307 389.304c16.237 11.242 24.982 29.977 24.982 48.714 0 12.492-4.997 26.227-13.737 34.974-14.991 12.492-33.729 21.237-52.464 26.227l-78.691 28.727c-68.701 23.732-102.423 66.201-102.423 123.655-1.248 36.224 16.237 71.198 46.219 93.683 34.974 24.982 78.691 37.472 122.41 34.974 39.974 0 79.938-7.492 117.41-19.982 6.245-1.248 11.242-4.997 16.237-8.746 3.745-4.997 4.997-11.242 4.997-17.487v-23.732c0-9.99-3.745-16.237-12.492-16.237-7.492 0-14.991 2.502-21.237 4.997-32.472 8.746-66.201 13.737-99.93 13.737-58.708 0-88.682-18.737-88.682-57.455-1.248-13.737 4.997-27.484 14.991-36.224 17.487-12.492 37.472-22.482 58.708-28.727l73.693-26.227c28.727-9.99 56.209-27.484 77.443-48.714 16.237-19.982 24.982-46.219 24.982-72.446 1.248-38.717-16.237-76.192-48.714-99.93-37.472-26.227-83.688-39.974-131.154-37.472-47.464-1.248-94.928 7.492-139.894 24.982-6.245 2.502-11.242 4.997-14.991 9.99-2.502 4.997-4.997 11.242-3.745 17.487v24.982c0 9.99 3.745 16.237 11.242 16.237 7.492-1.248 16.237-2.502 23.732-4.997 41.219-12.492 83.688-18.737 126.157-18.737 19.982-4.997 44.964 1.248 64.953 13.737v0 0zM4002.108 762.775c-1.248 8.746 4.997 17.487 13.737 18.737 1.248 0 2.502 0 3.745 0h52.464c8.746 1.248 16.237-4.997 17.487-13.737 0 0 0 0 0 0 0-1.248 0-2.502 0-4.997v-425.932c1.248-8.746-4.997-17.487-13.737-18.737-1.248 0-2.502 0-4.997 0h-36.224c-4.997 0-9.99 1.248-13.737 3.745-3.745 3.745-6.245 8.746-7.492 13.737l-6.245 32.472c-48.714-39.974-108.67-61.204-172.376-63.7-36.224-2.502-72.446 11.242-98.673 36.224-23.732 28.727-36.224 66.201-33.729 103.675v318.512c-1.248 8.746 4.997 17.487 13.737 18.737 1.248 0 2.502 0 3.745 0h52.464c8.746 1.248 16.237-4.997 17.487-13.737 0-1.248 0-2.502 0-4.997v-289.786c-2.502-26.227 4.997-51.209 18.737-72.446 14.991-17.487 37.472-26.227 59.954-23.732 46.219 1.248 92.428 16.237 129.901 43.719l3.745 342.247zM3518.723 316.856c-8.746-1.248-17.487 4.997-18.737 13.737 0 0 0 0 0 0 0 1.248 0 2.502 0 4.997v294.781c1.248 23.732-3.745 47.464-17.487 67.448-13.737 14.991-33.729 23.732-54.959 21.237-47.464-1.248-93.683-14.991-133.649-41.219 0-4.997 0-8.746 0-13.737v-331.004c1.248-8.746-4.997-17.487-13.737-18.737-1.248 0-2.502 0-4.997 0h-53.711c-8.746-1.248-17.487 4.997-18.737 13.737 0 0 0 0 0 0 0 1.248 0 2.502 0 4.997v297.276c1.248 23.732-3.745 47.464-17.487 67.448-13.737 14.991-33.729 23.732-54.959 21.237-47.464 0-93.683-13.737-132.402-39.974v-344.742c1.248-8.746-4.997-17.487-13.737-18.737-1.248 0-2.502 0-4.997 0h-53.711c-8.746-1.248-17.487 4.997-17.487 13.737 0 1.248 0 2.502 0 4.997v427.183c-1.248 8.746 4.997 16.237 13.737 18.737 1.248 0 2.502 0 4.997 0h39.974c4.997 0 9.99-1.248 13.737-3.745 3.745-3.745 6.245-8.746 7.492-13.737l4.997-28.727c48.714 37.472 108.67 57.455 169.874 59.954 56.209 0 93.683-21.237 114.915-64.953 51.209 39.974 113.665 62.456 179.866 64.953 34.974 2.502 69.945-11.242 96.178-34.974 23.732-28.727 36.224-64.953 33.729-101.173v-321.015c1.248-8.746-4.997-17.487-13.737-18.737-1.248 0-2.502 0-4.997 0l-49.964-1.248zM4907.687 667.843c-22.482-24.982-33.729-66.201-33.729-122.41v-11.242c0-54.959 11.242-94.928 33.729-119.91 28.727-27.484 67.448-42.469 106.175-38.717 27.484 0 54.959 4.997 81.193 12.492 4.997 1.248 8.746 2.502 13.737 2.502 7.492 0 11.242-6.245 11.242-17.487v-23.732c0-6.245-1.248-12.492-3.745-17.487-3.745-4.997-8.746-7.492-14.991-9.99-32.472-13.737-67.448-19.982-102.423-18.737-71.198 0-124.909 19.982-162.379 61.204-37.472 39.974-56.209 99.93-56.209 176.121 0 77.443 18.737 134.902 57.455 177.364 43.719 43.719 102.423 66.201 163.629 62.456 32.472 0 64.953-6.245 94.928-17.487 4.997-1.248 9.99-4.997 13.737-8.746 2.502-4.997 4.997-11.242 3.745-18.737v-23.732c0-12.492-3.745-17.487-11.242-17.487-4.997 0-9.99 1.248-14.991 2.502-23.732 7.492-49.964 11.242-74.947 11.242-46.219-1.248-82.437-14.991-104.918-39.974v0 0zM4676.607 755.28c8.746 1.248 16.237-4.997 17.487-13.737 0-1.248 0-2.502 0-3.745v-415.942c1.248-8.746-4.997-16.237-13.737-17.487-1.248 0-2.502 0-4.997 0h-52.464c-8.746-1.248-16.237 4.997-17.487 13.737 0 0 0 0 0 0 0 1.248 0 2.502 0 3.745v415.942c-1.248 8.746 4.997 16.237 12.492 17.487 1.248 0 2.502 0 4.997 0h53.711zM4691.6 928.9c19.982-23.732 19.982-58.708 0-82.437-23.732-19.982-58.708-19.982-82.437 0-19.982 23.732-19.982 58.708 0 82.437 23.732 19.982 58.708 19.982 82.437 0z" />
 <glyph unicode="&#xe93d;" glyph-name="amzn" horiz-adv-x="1206" d="M341.49 226.39c19.355-16.609 42.326-28.865 66.771-36.098 20.226-7.032 41.723-9.175 63.021-10.314 31.544 0.067 63.556 0.804 94.296 8.572 28.865 6.764 55.922 19.958 80.299 36.701 22.302 15.872 42.46 34.557 61.949 53.711 9.242-13.193 17.948-26.722 27.592-39.647 13.863-18.149 30.539-33.955 48.086-48.421 5.96-5.291 14.6-7.099 22.369-6.027 7.367 0.938 13.327 5.894 18.752 10.582 33.352 29.535 67.508 58.132 101.529 86.929 9.711 8.238 7.836 23.239 1.205 32.816-8.505 11.988-17.614 23.641-25.851 35.897-11.653 17.011-20.493 36.165-24.311 56.524-4.353 20.694-3.349 41.924-3.483 62.954 0 63.757 0 127.447 0 191.205 0.067 33.687 0.737 67.508-2.411 101.128-2.813 29.468-9.778 59.002-24.177 85.121-16.207 29.736-41.991 53.444-71.191 70.187-19.623 11.586-41.188 19.288-62.82 25.985-43.264 12.189-88.604 16.676-133.408 13.863-27.258-1.005-54.448-4.889-80.902-10.916-49.492-11.72-97.913-33.486-134.613-69.45-35.16-33.687-58.132-79.295-66.302-127.113-1.674-7.903 0.603-16.81 6.965-22.034 4.621-3.616 10.247-6.563 16.274-6.965 40.585-4.42 81.17-9.041 121.822-13.060 4.353-0.469 8.84-1.741 13.126 0 10.916 3.081 17.614 13.796 19.824 24.378 3.75 18.484 12.39 36.098 25.784 49.492 20.493 20.493 49.559 31.075 78.223 31.745 25.315 1.607 52.104-4.956 71.727-21.632 16.609-14.064 24.713-35.562 27.191-56.725 2.947-24.378 1.406-48.956 1.741-73.468-58.667-6.429-117.804-10.515-175.734-22.436-38.174-7.769-76.214-18.752-110.303-37.973-31.544-17.748-59.739-42.125-80.098-72.196-25.114-36.232-37.973-80.031-39.848-123.831-0.469-32.347 1.942-65.231 12.189-96.105 10.314-32.013 28.865-61.614 54.716-83.38zM475.701 429.918c2.009 28.262 12.926 56.658 33.821 76.281 19.958 19.489 46.612 30.338 73.267 37.035 31.879 7.702 64.829 9.51 97.578 9.979-0.134-33.821 1.339-67.776-2.411-101.395-2.88-26.186-11.184-51.702-24.378-74.54-10.849-18.618-25.918-34.825-44.335-46.144-18.417-10.381-39.915-16.274-61.078-13.193-24.445 1.808-46.88 17.011-58.6 38.308-12.591 22.235-15.002 48.555-13.863 73.669zM1205.159 182.256c-0.804 4.353-1.875 9.376-6.027 11.854-12.323 7.769-27.124 10.18-41.322 12.122-21.096 2.813-42.594 3.215-63.757 1.005-31.142-3.014-62.418-10.113-89.876-25.047-7.233-4.152-14.801-8.104-20.56-14.198-3.148-3.215-4.621-9.242-0.737-12.457 3.282-2.009 7.434-1.339 11.117-1.072 27.525 3.282 55.118 6.563 82.911 6.898 15.337 0.804 30.74 0.134 45.943-2.21 6.965-1.473 14.131-3.416 19.891-7.769 6.228-4.889 6.965-13.528 7.032-20.828-0.402-16.81-4.688-33.151-9.309-49.224-7.903-26.521-17.815-52.372-28.128-78.089-1.54-4.353-4.152-9.175-2.076-13.863 1.473-3.215 5.626-3.349 8.639-3.014 5.425 1.005 9.175 5.492 13.060 8.974 20.627 18.819 36.366 42.527 47.952 67.843 11.586 24.646 19.623 50.966 23.909 77.888 2.009 13.595 3.416 27.525 1.339 41.188zM1072.889 117.561c-38.643-15.471-77.553-30.539-117.469-42.393-62.351-18.35-125.84-33.084-190.401-40.987-78.826-10.849-158.79-12.591-238.085-6.831-33.352 2.344-66.503 6.764-99.52 11.586-17.681 2.545-35.227 6.496-52.841 9.778-31.41 5.827-62.217 14.265-93.024 22.57-88.872 26.119-175.265 61.413-255.565 107.758-5.827 3.215-12.457 7.903-19.288 4.688-4.152-2.009-6.094-6.898-4.956-11.184 0.938-5.224 5.693-8.305 9.309-11.653 85.657-76.415 186.249-135.886 294.676-173.658 29.066-10.782 59.136-18.417 89.14-26.186 48.019-11.117 96.908-18.082 146.066-21.766 34.491-1.808 69.115-3.148 103.672-0.804 34.29 1.005 68.378 5.96 102.266 10.983 72.062 12.39 142.985 32.213 210.091 61.413 46.478 19.757 90.814 44.603 131.801 74.138 6.764 4.42 13.193 12.256 10.849 20.895-2.813 11.050-16.743 15.604-26.722 11.653z" />
 <glyph unicode="&#xe93e;" glyph-name="iheart" d="M745.657 837.066c-97.043 0-183.602-51.782-233.465-127.217-49.736 76.331-135.784 127.217-233.593 127.217-153.811 0-278.599-125.043-278.599-279.366 0-86.814 46.923-171.966 108.805-223.236 2.557-3.068 158.158-147.034 295.348-273.74v204.826c0 139.747 213.136 138.724 213.136 0v-206.616l280.261 264.917c68.658 55.745 126.45 135.911 126.45 233.848 0.256 154.322-124.404 279.366-278.343 279.366zM261.977 337.277c-3.836-4.348-9.078-6.52-14.448-6.52-4.603 0-9.078 1.534-12.786 4.859-83.235 73.901-125.299 151.126-125.299 229.374v0.895c0 67.253 40.914 143.71 95.252 177.976 9.078 5.626 20.968 2.941 26.594-6.137s2.941-20.968-6.137-26.722c-43.215-27.233-77.098-90.906-77.098-145.117v-0.895c0-66.741 37.845-134.121 112.386-200.351 7.8-7.033 8.567-19.306 1.534-27.361zM386.126 409.131c-3.58-6.265-10.101-9.845-16.877-9.845-3.196 0-6.393 0.767-9.461 2.429-56.385 31.709-94.358 93.847-94.614 154.961v0.64c0.256 58.046 32.22 110.852 83.49 137.956 9.461 4.986 21.097 1.407 26.083-8.055s1.278-21.224-8.055-26.083c-38.613-20.457-62.778-60.22-62.778-103.947 0.128-47.563 30.174-96.404 74.795-121.464 9.334-5.37 12.657-17.261 7.416-26.594zM512.832 458.612c-46.156 0-83.618 37.589-83.618 83.873 0 46.412 37.462 83.873 83.618 83.873 46.284 0 83.746-37.462 83.746-83.873 0-46.284-37.462-83.873-83.746-83.873zM664.469 401.716c-2.941-1.662-6.265-2.429-9.461-2.429-6.776 0-13.297 3.58-16.877 9.845-5.242 9.334-1.918 21.097 7.416 26.339 44.622 25.060 74.795 73.901 74.795 121.464-0.128 43.726-24.165 83.618-62.778 103.947-9.461 4.986-13.041 16.749-8.055 26.083 4.986 9.461 16.621 13.041 26.083 8.055 51.27-27.106 83.235-79.91 83.49-137.956v-0.64c-0.256-60.86-38.229-122.998-94.614-154.705zM915.194 565.116v0c-0.128-78.248-42.321-155.474-125.427-229.374-3.708-3.324-8.311-4.859-12.786-4.859-5.37 0-10.612 2.174-14.448 6.52-7.033 7.927-6.393 20.201 1.662 27.361 74.54 66.23 112.386 133.737 112.386 200.351v0.895c0 54.211-33.881 117.883-77.098 145.117-9.078 5.626-11.763 17.645-6.137 26.722s17.516 11.763 26.594 6.137c54.211-34.137 95.252-110.596 95.252-177.976v-0.895z" />
+<glyph unicode="&#xe93f;" glyph-name="edit-ftp" horiz-adv-x="819" d="M531.563 322.985h-17.719v-21.656h17.719c5.906 0 10.828 4.922 10.828 10.828s-4.922 10.828-10.828 10.828zM819.002 546.439c0 109.266-88.594 197.86-197.86 197.86-72.844 0-135.845-39.375-170.298-98.438-57.095-14.766-104.344-55.125-126.985-112.22-5.906 0.984-11.812 1.968-17.719 1.968-69.891 0-130.923-50.203-146.673-121.079-8.86 1.968-17.719 3.938-26.578 3.938-72.844 0-132.891-60.047-132.891-133.875s57.095-132.891 130.923-132.891c1.968 0 7.876 0 9.844 0h518.768c10.828 0 20.672 1.968 32.485 5.906 64.969 18.703 110.25 79.735 110.25 147.657-0.984 39.375-14.766 75.797-40.359 103.36 35.437 35.437 57.095 84.656 57.095 137.813zM332.718 323.97h-38.391v-14.766h19.688c9.844 0 16.734-6.89 16.734-16.734s-6.89-16.734-16.734-16.734h-19.688v-51.187c0-9.844-6.89-16.734-16.734-16.734s-16.734 6.89-16.734 16.734v115.172c0 9.844 6.89 16.734 16.734 16.734h55.125c7.876 0 16.734-5.906 16.734-15.75s-6.89-16.734-16.734-16.734zM457.735 322.985h-24.609v-99.422c0-9.844-6.89-16.734-16.734-16.734s-16.734 6.89-16.734 16.734v99.422h-24.609c-9.844 0-16.734 6.89-16.734 16.734s6.89 16.734 16.734 16.734h82.688c9.844 0 16.734-6.89 16.734-16.734s-6.89-16.734-16.734-16.734zM531.563 268.845h-17.719v-44.297c0-9.844-6.89-16.734-16.734-16.734s-16.734 6.89-16.734 16.734v115.172c0 9.844 6.89 16.734 16.734 16.734h34.453c23.625 0 44.297-19.688 44.297-43.313 0-24.609-19.688-44.297-44.297-44.297zM620.157 386.97c-87.61 0-158.485 70.875-158.485 158.485s70.875 158.485 158.485 158.485c87.61 0 159.469-69.891 159.469-157.501s-70.875-159.469-159.469-159.469zM541.291 518.392l108.585 108.585 50.115-50.115-108.585-108.585-50.115 50.115zM696.938 658.659c-8.86 0-17.719-2.954-24.609-9.844l-14.766-14.766 49.219-49.219 14.766 14.766c5.906 5.906 9.844 15.75 9.844 24.609s-2.954 17.719-9.844 24.609c-5.906 5.906-15.75 9.844-24.609 9.844zM515.812 448.985c0-2.954 0-3.938 0-4.922 0.984-3.938 2.954-4.922 6.89-3.938l59.063 21.656-46.265 46.265-19.688-59.063z" />
+<glyph unicode="&#xe940;" glyph-name="play-video" horiz-adv-x="1067" d="M76.212 831.612c154.969 0 711.336 0 711.336 0 20.324 0 40.648-7.621 53.35-22.864 15.243-15.243 22.864-33.026 22.864-53.35v-170.212l160.051 137.186c7.621 7.621 17.783 7.621 27.946 2.54s15.243-12.703 15.243-22.864v-508.098c0-10.162-5.081-17.783-15.243-22.864s-20.324-2.54-27.946 2.54l-160.051 137.186v-170.212c0-20.324-7.621-40.648-22.864-53.35-15.243-15.243-33.026-22.864-53.35-22.864h-711.336c-43.189 0-76.215 33.026-76.215 76.215v609.717c0 48.269 33.026 81.296 76.215 81.296z" />
 <glyph unicode="&#xe941;" glyph-name="spotify" d="M512 960c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-227.84 512-512 512zM747.562 220.16c-10.24-15.318-28.16-20.48-43.562-10.24-120.32 74.24-271.36 89.644-450.604 48.682-17.836-5.206-33.236 7.636-38.356 22.996-5.12 17.962 7.68 33.28 23.040 38.4 194.56 43.562 363.52 25.6 496.64-56.32 17.92-7.68 20.438-28.116 12.842-43.52zM809.004 360.96c-12.842-17.92-35.884-25.6-53.846-12.8-138.198 84.48-348.118 110.080-509.396 58.88-20.438-5.12-43.52 5.12-48.64 25.6s5.12 43.562 25.6 48.682c186.88 56.276 417.28 28.074 576-69.164 15.404-7.722 23.040-33.28 10.284-51.2zM814.124 504.32c-163.884 97.28-437.802 107.52-593.962 58.836-25.6-7.638-51.2 7.724-58.88 30.762-7.68 25.644 7.68 51.2 30.72 58.924 181.76 53.76 481.28 43.52 670.764-69.164 22.996-12.8 30.678-43.52 17.876-66.56-12.756-17.964-43.52-25.558-66.518-12.8z" />
 <glyph unicode="&#xe942;" glyph-name="podcast" d="M509.026-64.001s112.341 0 112.341 332.548c0 61.909-50.347 112.343-112.343 112.343s-112.385-50.433-112.385-112.343c0-332.548 112.385-332.548 112.385-332.548zM646.842 49.323c4.908 19.072 8.746 38.23 11.732 57.645l2.26 15.36c4.908 2.134 9.812 4.182 14.764 6.4 77.997 35.328 143.66 95.703 185.516 170.37 19.072 34.26 33.152 71.255 41.515 109.741 9.684 43.009 12.16 87.851 7.082 131.756-4.48 41.089-15.404 81.237-32.852 118.914-19.84 44.333-47.405 84.737-82.093 118.786-35.328 35.284-77.101 64.213-122.67 84.139-46.849 21.162-98.261 32.084-150.19 33.364-52.053 1.28-104.023-7.082-152.834-25.728-46.849-17.876-89.857-44.247-127.106-78.253-35.284-32.086-65.451-71.253-87.297-114.261-18.646-36.608-31.402-75.777-38.485-116.182-7.082-41.773-7.082-84.737-0.684-127.148 5.76-37.206 16.682-73.813 32.768-108.501 37.888-80.257 102.101-146.946 181.676-187.478 9.644-4.438 19.242-8.96 29.524-13.398 0.64-5.164 1.964-10.924 2.56-16.726 3.2-18.688 7.084-37.932 11.562-56.535-17.322 5.802-34.688 12.246-51.371 19.968-91.821 41.645-169.474 113.579-217.647 202.839-21.844 40.405-37.248 83.415-46.849 128.43-10.966 49.409-12.884 101.419-6.4 152.152 6.4 47.445 19.884 94.337 39.809 137.39 23.722 50.689 57.133 97.537 96.897 136.706 39.083 39.083 87.893 71.851 141.23 94.337 55.597 23.338 115.33 35.84 175.406 36.564 60.247 0.64 120.492-10.24 176.598-32.342 54.017-21.248 103.851-52.821 146.348-92.417 41.175-38.188 75.093-83.713 100.097-133.934 21.164-42.369 35.924-88.577 43.009-135.468 7.68-48.811 7.68-98.859-0.682-147.030-7.082-44.929-21.846-89.217-41.771-130.262-44.929-90.539-119.426-165.036-209.923-210.007-22.486-10.924-46.251-20.524-70.615-28.202l-0.896-0.98zM669.030 232.579l0.428 20.052c0 13.482 0 26.966-1.962 40.237-0.64 5.164-1.92 9.644-3.2 14.764 23.764 19.244 43.649 43.649 58.413 71.255 10.924 20.524 19.244 43.009 23.764 66.177 5.164 25.686 6.4 52.609 2.602 79.573-3.158 23.764-9.684 46.849-19.244 68.693-12.16 26.284-28.884 50.689-49.409 71.253-21.206 20.524-44.973 37.204-71.937 49.451-29.524 12.8-61.655 20.48-93.741 21.164-32.084 0.64-64.855-5.164-95.021-16.724-26.964-10.924-52.013-26.324-73.813-46.209-21.888-19.882-39.851-43.009-52.693-69.291-10.964-21.164-18.604-43.691-23.126-67.415-4.48-24.406-5.076-49.453-1.92-73.813 3.2-23.766 9.642-46.893 19.242-68.653 14.762-32.768 36.564-61.655 63.573-85.419l-3.882-17.322c-2.56-13.482-1.92-26.326-1.92-40.405v-18.004c-44.973 27.562-82.219 67.415-107.223 113.621-14.806 26.326-25.046 54.573-30.848 84.141-7.082 32.768-8.32 66.731-3.84 100.141 3.84 30.166 12.204 59.693 24.406 86.701 14.764 33.322 36.564 64.171 62.251 90.497 26.324 26.324 57.131 47.489 90.497 62.253 37.248 16.682 77.655 25.686 118.146 26.966 41.131 0.682 82.219-6.4 120.022-21.204 34.688-13.44 66.177-33.324 93.741-58.369 26.924-25.046 50.093-54.529 66.731-87.339 13.482-26.964 23.764-55.851 28.928-85.377 5.164-30.848 6.4-62.251 1.92-93.099-3.84-30.166-12.16-59.691-25.088-87.297-25.004-55.895-68.011-104.021-120.662-135.512l4.864 4.524zM509.026 641.117c62.509 0 113.239-50.689 113.239-113.323 0-62.849-50.731-113.581-113.237-113.581-62.593 0-113.281 50.731-113.281 112.981s50.689 113.025 113.281 113.025v0.896z" />
 <glyph unicode="&#xe943;" glyph-name="deezer" d="M627.925 162.326h186.668v56.534h-186.752v-56.534h0.086zM209.368 162.326h186.582v56.534h-186.624v-56.534h0.17zM0.002 162.326h186.668v56.534h-186.668v-56.534zM418.561 162.326h186.88v56.534h-186.88v-56.534zM837.332 162.326h186.668v56.534h-186.668v-56.534zM837.332 235.883h186.668v56.32h-186.668v-56.746zM418.605 235.883h187.306v56.32h-187.348v-56.746zM0.044 235.883h186.88v56.32h-186.924v-56.746zM209.538 235.883h186.88v56.32h-186.924v-57.174l0.086 0.428zM628.949 235.883h186.88v56.32h-187.732v-57.174l0.726 0.428zM628.949 309.271h186.88v56.32h-187.732v-56.746h0.726zM210.606 309.271h186.026v56.32h-187.136v-56.746h0.682zM1.282 309.271h186.026v56.32h-187.306v-56.746h0.684zM419.841 309.271h186.88v56.32h-187.734v-56.746h0.682zM839.040 309.271h184.96v56.32h-186.668v-56.746h1.152zM839.040 382.657h184.96v56.788h-186.668v-56.576h1.152zM420.481 382.657h186.154v56.788h-187.734v-56.576h1.408zM1.922 382.657h185.812v56.788h-187.734v-56.576h1.28zM630.401 382.657h186.88v56.788h-189.014v-56.576h1.876zM630.401 456.043h186.88v56.748h-189.014v-56.32h1.876zM1.922 456.043h185.812v56.32h-187.734v-56.32h1.28zM420.481 456.043h186.88v56.32h-188.8v-56.32h1.366zM839.040 456.043h184.96v56.748h-186.668v-56.662l1.152 0.084zM418.561 529.899h186.88v56.576h-186.88v-56.576zM837.332 529.983h186.668v56.534h-186.668v-56.534zM418.561 603.499h186.88v56.62h-186.88v-56.62zM837.332 603.499h186.668v56.62h-186.668v-56.62zM837.332 677.099h186.668v56.576h-186.668v-56.576z" />

package/public/css/fonts/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('/css/fonts/icomoon.eot?cswzn');
-  src:  url('/css/fonts/icomoon.eot?cswzn#iefix') format('embedded-opentype'),
-    url('/css/fonts/icomoon.ttf?cswzn') format('truetype'),
-    url('/css/fonts/icomoon.woff?cswzn') format('woff'),
-    url('/css/fonts/icomoon.svg?cswzn#icomoon') format('svg');
+  src:  url('/css/fonts/icomoon.eot?gdc25d');
+  src:  url('/css/fonts/icomoon.eot?gdc25d#iefix') format('embedded-opentype'),
+    url('/css/fonts/icomoon.ttf?gdc25d') format('truetype'),
+    url('/css/fonts/icomoon.woff?gdc25d') format('woff'),
+    url('/css/fonts/icomoon.svg?gdc25d#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.saooti-play-video:before {
+  content: "\e940";
+}
+.saooti-edit-ftp:before {
+  content: "\e93f";
+}
 .saooti-iheart:before {
   content: "\e93e";
   color: #e11b22;

package/src/assets/share.scss

@@ -1,3 +1,4 @@
+$newLightenColor:lighten($octopus-primary-color, 55%);
 .octopus-app{
   .page-box-absolute{
 		position: absolute;
@@ -271,26 +272,52 @@
     &:focus{
       background: rgba(0, 0, 0, 0.09);
     }
-    .icon-container {
-      background: $primaryColorLessTransparent !important;
-      border-radius: 2rem;
+    .multiple-play-buttons-container{
+      background-color:rgba(0, 0, 0, 0.7);
+      border-radius: $octopus-borderradius;
       color: white;
-      padding: 0.5rem;
-      margin: 0.5rem;
+      padding: 0.3rem;
+      width: fit-content;
+      font-size: 0.9rem;
+      margin: 0.2rem;
       display: flex;
       align-items: center;
-      justify-content: center;
-      z-index: 2;
-      width: fit-content;
-      
-      &:hover {
-        background: #00000030;
-      }
-      .saooti-play {
-        font-size: 1.4rem;
-        position: relative;
+      .saooti-play, .saooti-play-video{
+        font-size: 1.8rem;
         color: white;
       }
+      &.hover-type-audio, &.hover-type-video{
+        color: $newLightenColor;
+        .bloc-paddle > span{
+          background: $newLightenColor !important;
+        }
+      }
+      &.hover-type-video{
+        .saooti-play{
+          color: white;
+        }
+        .saooti-play-video{
+          color: $newLightenColor;
+        }
+        &.has-video{
+          .saooti-play-video{
+            font-size: 2.5rem;
+          }
+        }
+      } 
+      &.hover-type-audio{
+        .saooti-play{
+          color: $newLightenColor;
+        }
+        .saooti-play-video{
+          color: white;
+        }
+        &.has-video{
+          .saooti-play{
+            font-size: 2.5rem;
+          }
+        }
+      }
     }
   }
 }

package/src/assets/transition.scss

@@ -5,15 +5,15 @@
     .bloc-paddle{
       align-items: flex-end;
       display: flex;
-      width: 0.9rem;
-      height: 1.2rem;
+      width: 1.4rem;
+      height: 1.8rem;
       justify-content: space-around;
       align-content: flex-start;
       border-radius: 50%;
       background: transparent !important;
       
       > span {
-          width: 0.1rem;
+          width: 0.2rem;
           margin: 0.05rem;
           background: #fff;
       }

package/src/components/display/live/RadioImage.vue

@@ -15,9 +15,9 @@
       :alt="$t('Canal name image', { name: radio.name })"
     />
     <button class="image-play-button" @click="playRadio">
-      <div class="icon-container">
+      <div class="multiple-play-buttons-container">
         <div v-if="!playingRadio" :title="$t('Play')" class="saooti-play" />
-        <div v-else class="bloc-paddle">
+        <div v-else class="bloc-paddle" :class="playingRadio && 'PLAYING' === playerStatus ? 'play-animation' : ''">
           <span class="paddle1" />
           <span class="paddle2" />
           <span class="paddle3" />

package/src/components/display/podcasts/PodcastImage.vue

@@ -28,45 +28,11 @@
     <div v-if="isRecordedInLive" class="live-image-status recording-bg">
       {{ $t("Recorded in live") }}
     </div>
-    <button
-      v-if="hidePlay || recordingLive"
-      class="image-play-button"
-      :class="classicPodcastPlay ? '' : 'transparent-background'"
-      @click="play(false)"
-    >
-      <div v-if="!isLiveToBeRecorded" class="icon-container">
-        <div v-if="!playingPodcast" :title="$t('Play')" class="saooti-play" />
-        <div
-          v-if="!classicPodcastPlay"
-          class="special-icon-play-button"
-          :class="iconName"
-        />
-        <div
-          v-if="playingPodcast"
-          :class="'PLAYING' === playerStatus ? 'play-animation' : ''"
-          class="bloc-paddle"
-        >
-          <span class="paddle1" />
-          <span class="paddle2" />
-          <span class="paddle3" />
-        </div>
-        <div class="ms-2">
-          {{ durationString }}
-        </div>
-      </div>
-      <div v-else class="icon-container play-button-error-icon">
-        <div :title="textVisible" class="big-icon-error" :class="iconName" />
-      </div>
-      <div v-if="!classicPodcastPlay" class="live-image-status bg-dark">
-        {{ textVisible }}
-      </div>
-    </button>
-    <button
-      v-if="isVideoPodcast"
-      :title="$t('Video')"
-      class="btn admin-button btn-play-video saooti-video"
-      @click="play(true)"
-    ></button>
+    <PodcastPlayButton 
+      :podcast="podcast"
+      :hidePlay="hidePlay"
+      :fetchConference="fetchConference"
+    />
     <div
       v-if="displayDescription && isMobile"
       class="background-icon bg-primary saooti-arrow-up"
@@ -78,16 +44,17 @@
 </template>
 
 <script lang="ts">
-import DurationHelper from "../../../helper/duration";
+import PodcastPlayButton from "./PodcastPlayButton.vue";
 import { state } from "../../../stores/ParamSdkStore";
 import { Podcast } from "@/stores/class/general/podcast";
 import { Conference } from "@/stores/class/conference/conference";
 import imageProxy from "../../mixins/imageProxy";
-import { usePlayerStore } from "@/stores/PlayerStore";
-import { mapState, mapActions } from "pinia";
 import { defineComponent } from "vue";
 export default defineComponent({
   name: "PodcastImage",
+  components:{
+    PodcastPlayButton
+  },
   mixins: [imageProxy],
   props: {
     podcast: { default: () => ({}), type: Object as () => Podcast },
@@ -104,26 +71,6 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(usePlayerStore, [
-      "playerPodcast",
-      "playerLive",
-      "playerStatus",
-      "playerVideo",
-    ]),
-    isVideoPodcast(): boolean {
-      return (
-        this.fetchConference?.videoProfile?.includes("video_") ||
-        undefined !== this.podcast.video?.videoId
-      );
-    },
-    playingPodcast() {
-      return (
-        this.playerPodcast?.podcastId === this.podcast.podcastId ||
-        (this.fetchConference &&
-          "null" !== this.fetchConference.toString() &&
-          this.playerLive?.conferenceId === this.fetchConference.conferenceId)
-      );
-    },
     mainRubrique(): boolean {
       return (
         undefined !== state.podcastPage.mainRubrique &&
@@ -146,105 +93,6 @@ export default defineComponent({
         "READY_TO_RECORD" !== this.podcast.processingStatus
       );
     },
-    isLiveToBeRecorded(): boolean {
-      return (
-        undefined === this.fetchConference &&
-        undefined !== this.podcast.conferenceId &&
-        "READY_TO_RECORD" === this.podcast.processingStatus
-      );
-    },
-    classicPodcastPlay(): boolean {
-      return (
-        undefined !== this.podcast &&
-        false !== this.podcast.valid &&
-        ("READY_TO_RECORD" === this.podcast.processingStatus ||
-          "READY" === this.podcast.processingStatus ||
-          ("PROCESSING" === this.podcast.processingStatus &&
-            !(state.generalParameters.authenticated as boolean))) &&
-        !this.isLiveToBeRecorded &&
-        undefined !== this.podcast.availability.visibility &&
-        this.podcast.availability.visibility
-      );
-    },
-    iconName(): string {
-      if (this.isLiveToBeRecorded) return "saooti-clock";
-      if ("READY" === this.podcast.processingStatus || this.fetchConference) {
-        if (!this.podcast.valid) return "saooti-checkmark";
-        if (
-          !this.podcast.availability.visibility &&
-          this.podcast.availability.date
-        )
-          return "saooti-clock";
-        return "saooti-eye-blocked";
-      }
-      if (
-        "PLANNED" === this.podcast.processingStatus ||
-        "PROCESSING" === this.podcast.processingStatus
-      )
-        return "saooti-hourglass";
-      if ("CANCELED" === this.podcast.processingStatus)
-        return "saooti-cancel-circle";
-      return "saooti-warning";
-    },
-    textVisible(): string {
-      if (this.isLiveToBeRecorded)
-        return this.$t("Podcast linked to waiting live");
-      if ("READY" === this.podcast.processingStatus || this.fetchConference) {
-        if (!this.podcast.valid) return this.$t("Podcast to validate");
-        if (
-          !this.podcast.availability.visibility &&
-          this.podcast.availability.date
-        )
-          return this.$t("Podcast publish in future");
-        return this.$t("Podcast no visible");
-      }
-      if (
-        "PLANNED" === this.podcast.processingStatus ||
-        "PROCESSING" === this.podcast.processingStatus
-      )
-        return this.$t("Podcast in process");
-      if ("CANCELED" === this.podcast.processingStatus)
-        return this.$t("Podcast in cancelled status");
-      return this.$t("Podcast in error");
-    },
-    statusText(): string {
-      if (!this.fetchConference) return "";
-      switch (this.fetchConference.status) {
-        case "PLANNED":
-          return this.$t("live in few time");
-        case "PENDING":
-          if (this.isAnimatorLive) return this.$t("Open studio");
-          return this.$t("live upcoming");
-        case "RECORDING":
-          return this.$t("In live");
-        case "DEBRIEFING":
-          if ("READY_TO_RECORD" === this.podcast.processingStatus)
-            return this.$t("Not recording");
-          return this.$t("Debriefing");
-        case "ERROR":
-          return this.$t("In error");
-        case "PUBLISHING":
-          return this.$t("Publishing");
-        default:
-          return "";
-      }
-    },
-    recordingLive(): boolean {
-      return (
-        undefined !== this.fetchConference &&
-        -1 !== this.fetchConference.conferenceId &&
-        ("RECORDING" === this.fetchConference.status ||
-          "PENDING" === this.fetchConference.status)
-      );
-    },
-    clickPlayGoPage(): boolean {
-      return state.podcastPage.clickPlayGoPage as boolean;
-    },
-    durationString(): string {
-      return DurationHelper.formatDuration(
-        Math.round(this.podcast.duration / 1000),
-      );
-    },
   },
   watch: {
     arrowDirection(): void {
@@ -259,30 +107,6 @@ export default defineComponent({
   },
 
   methods: {
-    ...mapActions(usePlayerStore, ["playerChangeStatus", "playerPlay"]),
-    play(isVideo: boolean): void {
-      if (this.isLiveToBeRecorded) {
-        return;
-      }
-      if (this.playingPodcast && isVideo === this.playerVideo) {
-        this.playerChangeStatus("PLAYING" === this.playerStatus);
-        return;
-      }
-      if (!this.recordingLive) {
-        this.playerPlay(this.podcast, isVideo);
-      } else {
-        this.playerPlay(
-          {
-            ...this.podcast,
-            ...{ conferenceId: this.fetchConference?.conferenceId },
-          },
-          isVideo,
-        );
-      }
-      if (this.clickPlayGoPage) {
-        this.$router.push("/main/pub/podcast/" + this.podcast.podcastId);
-      }
-    },
     showDescription(): void {
       if (this.isDescription) {
         this.$emit("hideDescription");
@@ -321,43 +145,5 @@ export default defineComponent({
     cursor: pointer;
     z-index: 3;
   }
-  .transparent-background {
-    background-color: rgba(255, 255, 255, 0.5);
-  }
-
-  .btn.btn-play-video {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    margin: 0.5rem;
-    background: $primaryColorLessTransparent !important;
-    color: white !important;
-  }
-
-  .image-play-button .play-button-error-icon {
-    background: #0000009d !important;
-    cursor: default !important;
-    /* align-self: center;
-    margin-bottom: calc(50% - 1rem); */
-    .big-icon-error {
-      font-size: 1.5rem;
-      position: relative;
-    }
-  }
-  .special-icon-play-button {
-    width: 30px;
-    height: 30px;
-    background-color: #ffd663;
-    color: black;
-    border-radius: 50%;
-    position: absolute;
-    left: 4.4rem;
-    bottom: 2.2rem;
-    font-size: 0.9rem;
-    font-weight: bold;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
 }
 </style>

package/src/components/display/podcasts/PodcastItem.vue

@@ -7,10 +7,7 @@
   >
     <PodcastImage
       :podcast="podcast"
-      :hide-play="
-        !podcastItemDescription ||
-        (podcastItemDescription && (!hoverDesc || !description))
-      "
+      :hide-play="hoverDesc && 0 !== description.length && podcastItemDescription"
       :display-description="0 !== description.length && podcastItemDescription"
       :arrow-direction="arrowDirection"
       :fetch-conference="fetchConference"

package/src/components/display/podcasts/PodcastModuleBox.vue

@@ -13,7 +13,6 @@
           ]"
           class="me-3"
           :podcast="podcast"
-          :hide-play="!isLiveReadyToRecord"
           :playing-podcast="playingPodcast"
           :fetch-conference="fetchConference"
           :is-animator-live="isOctopusAndAnimator"

package/src/components/display/podcasts/PodcastPlayButton.vue

@@ -0,0 +1,237 @@
+<template>
+  <button 
+    v-if="!hidePlay && (!isLiveReadyToRecord || recordingLive)"
+    class="image-play-button"
+    @mouseenter="hoverType='audio'"
+    @mouseleave="hoverType=''"
+    @click="play(false)"
+  >
+    <div
+      class="multiple-play-buttons-container"
+      :class="[
+        hoverType ? 'hover-type-'+hoverType : '',
+        isVideoPodcast ? 'has-video' : '',
+      ]"
+    >
+      <template v-if="!isLiveToBeRecorded">
+        <div v-if="!playingPodcast || (playingPodcast && playerVideo)" :title="$t('Play')" class="saooti-play me-1" />
+        <div
+          v-if="playingPodcast"
+          :class="'PLAYING' === playerStatus ? 'play-animation' : ''"
+          class="bloc-paddle mx-1"
+        >
+          <span class="paddle1" />
+          <span class="paddle2" />
+          <span class="paddle3" />
+        </div>
+        <button
+          v-if="isVideoPodcast && !playerVideo"
+          :title="$t('Video')"
+          class="btn-transparent d-flex align-items-center saooti-play-video"
+          @mouseenter="hoverType='video'"
+          @mouseleave="hoverType='audio'"
+          @click.stop="play(true)"
+        />
+         <div
+          v-if="!classicPodcastPlay"
+          class="special-icon-play-button"
+          :class="iconName"
+        />
+        <div class="ms-2">
+          {{ durationString }}
+        </div>
+      </template>
+      <div v-else :title="textVisible" class="big-icon-error" :class="iconName" />
+    </div>
+    <div v-if="!classicPodcastPlay" class="live-image-status bg-dark">
+      {{ textVisible }}
+    </div>
+  </button>
+</template>
+
+<script lang="ts">
+import DurationHelper from "../../../helper/duration";
+import { state } from "../../../stores/ParamSdkStore";
+import { Podcast } from "@/stores/class/general/podcast";
+import { Conference } from "@/stores/class/conference/conference";
+import imageProxy from "../../mixins/imageProxy";
+import { usePlayerStore } from "@/stores/PlayerStore";
+import { mapState, mapActions } from "pinia";
+import { defineComponent } from "vue";
+export default defineComponent({
+  name: "PodcastPlayButton",
+  mixins: [imageProxy],
+  props: {
+    podcast: { default: () => ({}), type: Object as () => Podcast },
+    hidePlay: { default: false, type: Boolean },
+    fetchConference: { default: undefined, type: Object as () => Conference },
+  },
+  data() {
+    return {
+      hoverType: "" as string,
+    };
+  },
+  computed: {
+    ...mapState(usePlayerStore, [
+      "playerPodcast",
+      "playerLive",
+      "playerStatus",
+      "playerVideo",
+    ]),
+    isVideoPodcast(): boolean {
+      return (
+        this.fetchConference?.videoProfile?.includes("video_") ||
+        undefined !== this.podcast.video?.videoId
+      );
+    },
+    playingLive(): boolean{
+      return undefined!==this.fetchConference && "null" !== this.fetchConference.toString() &&
+          this.playerLive?.conferenceId === this.fetchConference.conferenceId; 
+    },
+    playingPodcast() {
+      return this.playerPodcast?.podcastId === this.podcast.podcastId || this.playingLive;
+    },
+    isLiveToBeRecorded(): boolean {
+      return undefined === this.fetchConference && this.isLiveReadyToRecord;
+    },
+    isLiveReadyToRecord(): boolean {
+      return undefined !== this.podcast?.conferenceId && 0 !== this.podcast.conferenceId &&
+      "READY_TO_RECORD" === this.podcast.processingStatus;
+    },
+    isLiveValidAndVisible():boolean{
+      return undefined !== this.podcast && false !== this.podcast.valid &&
+      undefined !== this.podcast.availability.visibility && this.podcast.availability.visibility;
+    },
+    classicPodcastPlay(): boolean {
+      return (
+        this.isLiveValidAndVisible &&
+        !this.isLiveToBeRecorded &&
+        ("READY_TO_RECORD" === this.podcast.processingStatus ||
+        "READY" === this.podcast.processingStatus ||
+        ("PROCESSING" === this.podcast.processingStatus && !(state.generalParameters.authenticated as boolean)))
+      );
+    },
+    iconName(): string {
+      if (this.isLiveToBeRecorded) return "saooti-clock";
+      if ("READY" === this.podcast.processingStatus || this.fetchConference) {
+        if (!this.podcast.valid) return "saooti-checkmark";
+        if (
+          !this.podcast.availability.visibility &&
+          this.podcast.availability.date
+        )
+          return "saooti-clock";
+        return "saooti-eye-blocked";
+      }
+      if (
+        "PLANNED" === this.podcast.processingStatus ||
+        "PROCESSING" === this.podcast.processingStatus
+      )
+        return "saooti-hourglass";
+      if ("CANCELED" === this.podcast.processingStatus)
+        return "saooti-cancel-circle";
+      return "saooti-warning";
+    },
+    textVisible(): string {
+      if (this.isLiveToBeRecorded)
+        return this.$t("Podcast linked to waiting live");
+      if ("READY" === this.podcast.processingStatus || this.fetchConference) {
+        if (!this.podcast.valid) return this.$t("Podcast to validate");
+        if (
+          !this.podcast.availability.visibility &&
+          this.podcast.availability.date
+        )
+          return this.$t("Podcast publish in future");
+        return this.$t("Podcast no visible");
+      }
+      if (
+        "PLANNED" === this.podcast.processingStatus ||
+        "PROCESSING" === this.podcast.processingStatus
+      )
+        return this.$t("Podcast in process");
+      if ("CANCELED" === this.podcast.processingStatus)
+        return this.$t("Podcast in cancelled status");
+      return this.$t("Podcast in error");
+    },
+    recordingLive(): boolean {
+      return (
+        undefined !== this.fetchConference &&
+        -1 !== this.fetchConference.conferenceId &&
+        ("RECORDING" === this.fetchConference.status ||
+          "PENDING" === this.fetchConference.status)
+      );
+    },
+    clickPlayGoPage(): boolean {
+      return state.podcastPage.clickPlayGoPage as boolean;
+    },
+    durationString(): string {
+      return DurationHelper.formatDuration(
+        Math.round(this.podcast.duration / 1000),
+      );
+    },
+  },
+
+  methods: {
+    ...mapActions(usePlayerStore, ["playerChangeStatus", "playerPlay"]),
+    play(isVideo: boolean): void {
+      if (this.isLiveToBeRecorded) {
+        return;
+      }
+      if (this.playingPodcast && isVideo === this.playerVideo) {
+        this.playerChangeStatus("PLAYING" === this.playerStatus);
+        return;
+      }
+      if (!this.recordingLive) {
+        this.playerPlay(this.podcast, isVideo);
+      } else {
+        this.playerPlay(
+          {
+            ...this.podcast,
+            ...{ conferenceId: this.fetchConference?.conferenceId },
+          },
+          isVideo,
+        );
+      }
+      if (this.clickPlayGoPage) {
+        this.$router.push("/main/pub/podcast/" + this.podcast.podcastId);
+      }
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+.octopus-app {
+  .live-image-status {
+    text-align: center;
+    width: 100%;
+    font-size: 0.6rem;
+    padding: 0.2rem 0;
+    color: white;
+    text-transform: uppercase;
+    position: absolute;
+    top: 0;
+  }
+
+  .big-icon-error {
+    font-size: 1.5rem;
+  }
+  .special-icon-play-button{
+    width: 30px;
+    height: 30px;
+    background-color: #ffd663;
+    color: black;
+    border-radius: 50%;
+    position: absolute;
+    left: 4.9rem;
+    bottom: 2.3rem;
+    font-size: 0.9rem;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .has-video .special-icon-play-button{
+    left: 7.4rem;
+  }
+}
+</style>

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

@@ -18,7 +18,7 @@
           id="miniplayerIframe"
           title="miniplayer"
           allowfullscreen="true"
-          allow="autoplay"
+          allow="clipboard-read; clipboard-write; autoplay"
           referrerpolicy="no-referrer-when-downgrade"
           :src="iFrameSrc"
           width="100%"

package/src/locale/en.ts

@@ -29,10 +29,10 @@ export default {
   "Count more elements matched your query, please make a more specific search.":
     "There are still {count} item (s) matching your search. Please do a more specific search.",
   "Animator image": "Host image",
-  Emission: "Serie",
-  "Emission description": "Serie description",
-  "Emission image": "Serie image",
-  "Emission name": "Serie title",
+  Emission: "Series",
+  "Emission description": "Series description",
+  "Emission image": "Series image",
+  "Emission name": "Series title",
   "No elements found. Consider changing the search query.":
     "No elements found. Consider changing the search query.",
   "Podcast is not visible for listeners":
@@ -96,7 +96,7 @@ export default {
   No: "No",
   "This episode is not available for (re)listening":
     "This episode is not available for (re)listening",
-  "Emission doesn't exist": "Serie doesn't exist",
+  "Emission doesn't exist": "Series doesn't exist",
   "Animator doesn't exist": "Host doesn't exist",
   "Productor doesn't exist": "Producer doesn't exist",
   "Create an account": "Create an account",
@@ -122,7 +122,7 @@ export default {
   "Participant have not podcasts": "Speaker is not associated to any podcasts",
   "Default version": "Default version",
   "Large version": "Large version",
-  "Emission version": "Serie version",
+  "Emission version": "Series version",
   "Large emission version": "Large series version",
   "Large suggestion version": "Large suggestion version",
   "Embed link": "Embed miniplayer",
@@ -140,7 +140,7 @@ export default {
   "In creation": "Processing",
   "Publish in future": "See the episodes hidden from the audience",
   "In error": "In error",
-  "Emission with episode published :": "Serie with episode published since :",
+  "Emission with episode published :": "Series with episode published since :",
   Sort: "Sorted",
   Filter: "Filter",
   "Sort score": "Sorted by relevancy score",