@supersoniks/concorde 3.1.83 → 3.1.85

package/docs/svg/regular/plane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M576 256C576 305 502.1 336 464.2 336H382.2L282.4 496C276.4 506 266.4 512 254.4 512H189.5C179.5 512 169.5 508 163.5 500C157.6 492 155.6 480.1 158.6 471L201.5 336H152.5L113.6 388C107.6 396 98.61 400 88.62 400H31.7C22.72 400 12.73 396 6.74 388C.7485 380-1.248 370 1.747 360L31.7 256L.7488 152C-1.248 143 .7488 133 6.74 125C12.73 117 22.72 112 31.7 112H88.62C98.61 112 107.6 117 113.6 125L152.5 176H201.5L158.6 41C155.6 32 157.6 21 163.5 13C169.5 5 179.5 0 189.5 0H254.4C265.4 0 277.4 7 281.4 16L381.2 176H463.2C502.1 176 576 208 576 256H576zM527.1 256C525.1 246 489.1 224 463.2 224H355.3L245.4 48H211.5L266.4 224H128.6L80.63 160H53.67L81.63 256L53.67 352H80.63L128.6 288H266.4L211.5 464H245.4L355.3 288H463.2C490.1 288 526.1 267 527.1 256V256z"/></svg>

package/docs/svg/solid/plane.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.2-15.4-20.4l49-171.6L112 320 68.8 377.6c-3 4-7.8 6.4-12.8 6.4l-42 0c-7.8 0-14-6.3-14-14c0-1.3 .2-2.6 .5-3.9L32 256 .5 145.9c-.4-1.3-.5-2.6-.5-3.9c0-7.8 6.3-14 14-14l42 0c5 0 9.8 2.4 12.8 6.4L112 192l102.9 0-49-171.6C162.9 10.2 170.6 0 181.2 0l56.2 0c11.5 0 22.1 6.2 27.8 16.1L365.7 192l116.6 0z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.83",
+  "version": "3.1.85",
   "license": "MIT",
   "type": "module",
   "main": "",
@@ -106,6 +106,9 @@
     "./ui/badge": "./src/core/components/ui/badge/badge.ts",
     "./button": "./src/core/components/ui/button/button.ts",
     "./ui/button": "./src/core/components/ui/button/button.ts",
+    "./actchaStyles": "./src/core/components/ui/captcha/actchaStyles.ts",
+    "./ui/actchaStyles": "./src/core/components/ui/captcha/actchaStyles.ts",
+    "./ui/captcha/actchaStyles": "./src/core/components/ui/captcha/actchaStyles.ts",
     "./captcha": "./src/core/components/ui/captcha/captcha.ts",
     "./ui/captcha": "./src/core/components/ui/captcha/captcha.ts",
     "./card-footer": "./src/core/components/ui/card/card-footer.ts",

package/php/get-challenge.php

@@ -0,0 +1,34 @@
+<?php
+/* *
+ * Call get-challenge on auto-hosted latcha service at  https://altcha.supersoniks.org
+ * */
+
+// Autoriser toutes les origines
+header("Access-Control-Allow-Origin: *");
+
+// Autoriser les méthodes HTTP spécifiques
+header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
+
+// Autoriser certains en-têtes spécifiques
+header("Access-Control-Allow-Headers: Content-Type, Authorization");
+
+// Si la méthode est OPTIONS, terminer la requête ici
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+    http_response_code(200);
+    exit();
+}
+
+function getChallenge($key){
+    $maxNumber=20000;
+    $queryString = $params = [
+        'key' => $key,
+        'maxNumber' => $maxNumber
+    ];
+    // Générer la chaîne de requête
+    $queryString = http_build_query($params);
+    $url = "https://altcha.supersoniks.org/get-challenge?key=".$queryString;
+    $response = file_get_contents($url);
+    return $response;
+}
+
+echo getChallenge($_GET['key']);

package/php/some-service.php

@@ -0,0 +1,42 @@
+<?php
+/* *
+ * Call verify-solution on auto-hosted latcha service at  https://altcha.supersoniks.org
+ * */ 
+
+
+// Autoriser toutes les origines
+header("Access-Control-Allow-Origin: *");
+
+// Autoriser les méthodes HTTP spécifiques
+header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
+
+// Autoriser certains en-têtes spécifiques
+header("Access-Control-Allow-Headers: Content-Type, Authorization, x-altcha-spam-filter");
+
+// Si la méthode est OPTIONS, terminer la requête ici
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+    http_response_code(200);
+    exit();
+}
+
+function verifySolution($key, $solution){
+    $queryString = $params = [
+        'key' => $key,
+        'altcha' => $solution
+    ];
+    // Générer la chaîne de requête
+    $queryString = http_build_query($params);
+    $url = "https://altcha.supersoniks.org/verify-solution?".$queryString;
+    $response = file_get_contents($url);
+    return $response;
+}
+
+/**
+ * Get json posted data
+ */
+
+// Get the posted data
+
+$data = json_decode(file_get_contents("php://input"));
+
+echo verifySolution($data->captchakey, $data->captchatoken);

package/src/core/components/ui/captcha/actchaStyles.ts

@@ -0,0 +1,226 @@
+import { css } from "lit";
+
+export const altchaStyles = css`
+  @keyframes altcha-spinner {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .altcha {
+    background: var(--altcha-color-base, transparent);
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .altcha[data-floating] {
+    background: var(--altcha-color-base, white);
+    display: none;
+    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.2));
+    left: -100%;
+    position: fixed;
+    top: -100%;
+    width: var(--altcha-max-width, 260px);
+    z-index: 999999;
+  }
+  .altcha[data-floating="top"] .altcha-anchor-arrow {
+    border-bottom-color: transparent;
+    border-top-color: var(--altcha-color-border, #a0a0a0);
+    bottom: -12px;
+    top: auto;
+  }
+  .altcha[data-floating="bottom"]:focus-within::after {
+    border-bottom-color: var(--altcha-color-border-focus, currentColor);
+  }
+  .altcha[data-floating="top"]:focus-within::after {
+    border-top-color: var(--altcha-color-border-focus, currentColor);
+  }
+  .altcha[data-floating]:not([data-state="unverified"]) {
+    display: block;
+  }
+  .altcha-anchor-arrow {
+    border: 6px solid transparent;
+    border-bottom-color: var(--altcha-color-border, #a0a0a0);
+    content: "";
+    height: 0;
+    left: 12px;
+    position: absolute;
+    top: -12px;
+    width: 0;
+  }
+  .altcha-main {
+    align-items: center;
+    display: flex;
+    gap: 0.4rem;
+    padding: 0.7rem;
+    position: relative;
+  }
+  .altcha-code-challenge {
+    background: var(--altcha-color-base, white);
+    border: 1px solid var(--altcha-color-border-focus, currentColor);
+    border-radius: var(--altcha-border-radius, 3px);
+    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.2));
+    padding: 0.5rem;
+    position: absolute;
+    top: 2.5rem;
+    z-index: 9999999;
+  }
+  .altcha-code-challenge > form {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  .altcha-code-challenge-input {
+    border: 1px solid currentColor;
+    border-radius: 3px;
+    box-sizing: border-box;
+    outline: 0;
+    font-size: 16px;
+    padding: 0.35rem;
+    width: 220px;
+  }
+  .altcha-code-challenge-input:focus {
+    outline: 2px solid
+      color-mix(in srgb, var(--altcha-color-active, #1d1dc9) 20%, transparent);
+  }
+  .altcha-code-challenge-input:disabled {
+    opacity: 0.7;
+  }
+  .altcha-code-challenge-image {
+    background-color: #fff;
+    border: 1px solid currentColor;
+    border-radius: 3px;
+    box-sizing: border-box;
+    object-fit: contain;
+    height: 50px;
+    width: 220px;
+  }
+  .altcha-code-challenge-audio,
+  .altcha-code-challenge-reload {
+    background: color-mix(
+      in srgb,
+      var(--altcha-color-text, currentColor) 10%,
+      transparent
+    );
+    border: 0;
+    border-radius: 3px;
+    color: var(--altcha-color-text, currentColor);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.35rem;
+  }
+  .altcha-code-challenge-audio:disabled,
+  .altcha-code-challenge-reload:disabled,
+  .altcha-code-challenge-verify:disabled {
+    opacity: 0.7;
+    pointer-events: none;
+  }
+  .altcha-code-challenge-audio > *,
+  .altcha-code-challenge-reload > * {
+    height: 20px;
+    width: 20px;
+  }
+  .altcha-code-challenge-buttons {
+    display: flex;
+    justify-content: space-between;
+  }
+  .altcha-code-challenge-buttons-left {
+    display: flex;
+    gap: 0.25rem;
+  }
+  .altcha-code-challenge-verify {
+    align-items: center;
+    background: var(--altcha-color-active, #1d1dc9);
+    border: 0;
+    border-radius: 3px;
+    color: #fff;
+    cursor: pointer;
+    display: flex;
+    gap: 0.5rem;
+    font-size: 100%;
+    padding: 0.35rem 1rem;
+  }
+  .altcha-code-challenge-arrow {
+    border: 6px solid transparent;
+    border-bottom-color: var(--altcha-color-border, currentColor);
+    content: "";
+    height: 0;
+    left: 0.15rem;
+    position: absolute;
+    top: -12px;
+    width: 0;
+  }
+  .altcha[data-floating="top"] .altcha-code-challenge {
+    top: -150px;
+  }
+  .altcha[data-floating="top"] .altcha-code-challenge-arrow {
+    border-bottom-color: transparent;
+    border-top-color: var(--altcha-color-border, currentColor);
+    bottom: -12px;
+    top: auto;
+  }
+  .altcha-label {
+    cursor: pointer;
+    flex-grow: 1;
+    line-height: 1.15;
+  }
+  .altcha-logo {
+    color: currentColor !important;
+    opacity: 0.7;
+  }
+  .altcha-footer:hover,
+  .altcha-logo:hover {
+    opacity: 1;
+  }
+  .altcha-error {
+    color: var(--altcha-color-error-text, #f23939);
+    display: flex;
+    font-size: 0.85rem;
+    gap: 0.3rem;
+    padding: 0 0.7rem 0.7rem;
+  }
+  .altcha-footer {
+    align-items: center;
+    background-color: var(--altcha-color-footer-bg, transparent);
+    display: flex;
+    font-size: 0.75rem;
+    opacity: 0.7;
+    justify-content: end;
+    padding: 0.2rem 0.7rem;
+  }
+  .altcha-footer a {
+    color: currentColor;
+  }
+  .altcha-checkbox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 24px;
+    position: relative;
+    width: 24px;
+    margin: 0;
+  }
+  .altcha-checkbox .altcha-spinner {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  .altcha-checkbox input {
+    width: 18px;
+    height: 18px;
+    margin: 0;
+  }
+  .altcha-checkbox-verifying input {
+    appearance: none;
+    opacity: 0;
+    pointer-events: none;
+  }
+  .altcha-spinner {
+    animation: altcha-spinner 0.75s infinite linear;
+    transform-origin: center;
+  }
+`;

package/src/core/components/ui/captcha/captcha.ts

@@ -8,6 +8,7 @@ import {
   generateKey,
   encryptToBase64,
 } from "@supersoniks/concorde/core/utils/aesCrypto";
+import { altchaStyles } from "./actchaStyles";
 
 const PASS_PHRASE = "supersoniks_altcha";
 const IV = "Si2\\]X8M4!n9DCLd";
@@ -25,6 +26,7 @@ const tagName = "sonic-captcha";
 @customElement(tagName)
 export class Captcha extends Subscriber(LitElement) {
   static styles = [
+    altchaStyles,
     css`
       :host {
         --altcha-border-width: var(--sc-border-width, 1px);
@@ -34,13 +36,14 @@ export class Captcha extends Subscriber(LitElement) {
           --sc-input-border-color,
           var(--sc-base-content, #000)
         );
-        --altcha-color-text: currentColor;
+        --altcha-color-text: var(--sc-base-content, #000);
+        --altcha-color-active: var(--sc-base-content, #000);
         --altcha-color-border-focus: currentColor;
         --altcha-color-error-text: var(
           --sc-danger,
           var(--sc-base-content, #000)
         );
-        --altcha-color-footer-bg: var(--sc-base-100);
+        --altcha-color-footer-bg: var(--sc-base-100, #000);
         --altcha-max-width: 260px;
       }
     `,

package/src/core/components/ui/form/input-autocomplete/input-autocomplete.ts

@@ -106,7 +106,7 @@ export class InputAutocomplete extends TemplatesContainer(
    * @param value
    */
   private updateSearchParameter = (value: string) => {
-    if (value == "") {
+    if (value == "" && this.isSearchParameter()) {
       this.lastValidSearch = "";
       return;
     }

package/src/core/components/ui/form/select/select.ts

@@ -123,7 +123,7 @@ export class Select extends FormElement(Subscriber(LitElement)) {
     this._options = options;
     for (const option of options) {
       if (option.selected) {
-        this.value = option.value || "";
+        this.value = option[this.valueKey] || "";
       }
     }
     const value = this.value || this.getAttribute("value");