@unoff/ui 1.21.0

package/dist/components/assets/thumbnail/Thumbnail.js

@@ -0,0 +1,67 @@
+import '../../../assets/Thumbnail.css';
+import { jsx as a } from "react/jsx-runtime";
+import { useState as n, useEffect as h } from "react";
+import { Icon as o } from "../icon/Icon.js";
+const p = (m) => {
+  const [t, l] = n(!0), [u, c] = n(!1), {
+    src: e,
+    width: s = "100%",
+    height: i = "100%",
+    alt: d = "Image thumbnail"
+  } = m;
+  return h(() => {
+    const r = new Image();
+    r.src = e, r.onload = () => l(!1), r.onerror = () => c(!0);
+  }, [e]), u ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: "thumbnail",
+      style: {
+        width: s,
+        height: i
+      },
+      children: /* @__PURE__ */ a(
+        o,
+        {
+          type: "PICTO",
+          iconName: "warning",
+          customClassName: "thumbnail__error",
+          "aria-hidden": "true"
+        }
+      )
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: "thumbnail",
+      style: {
+        width: s,
+        height: i
+      },
+      "aria-busy": t,
+      children: t ? /* @__PURE__ */ a(
+        o,
+        {
+          type: "PICTO",
+          iconName: "spinner",
+          customClassName: "thumbnail__loader",
+          role: "status",
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ a(
+        "img",
+        {
+          className: "thumbnail__image",
+          src: e,
+          loading: "lazy",
+          alt: d,
+          role: "img"
+        }
+      )
+    }
+  );
+};
+export {
+  p as default
+};
+//# sourceMappingURL=Thumbnail.js.map

package/dist/components/assets/thumbnail/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sources":["../../../../src/components/assets/thumbnail/Thumbnail.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport Icon from '../icon/Icon'\nimport './thumbnail.scss'\n\nexport interface ThumbnailProps {\n  /**\n   * Image source URL to display\n   */\n  src: string\n  /**\n   * Width of the thumbnail\n   * @default '100%'\n   */\n  width?: string\n  /**\n   * Height of the thumbnail\n   * @default '100%'\n   */\n  height?: string\n  /**\n   * Alt text for the image\n   * @default 'Image thumbnail'\n   */\n  alt?: string\n}\n\nconst Thumbnail = (props: ThumbnailProps) => {\n  const [isLoading, setIsLoading] = useState(true)\n  const [isError, setIsError] = useState(false)\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    alt = 'Image thumbnail',\n  } = props\n\n  useEffect(() => {\n    const img = new Image()\n    img.src = src\n    img.onload = () => setIsLoading(false)\n    img.onerror = () => setIsError(true)\n  }, [src])\n\n  if (isError)\n    return (\n      <div\n        className=\"thumbnail\"\n        style={{\n          width: width,\n          height: height,\n        }}\n      >\n        <Icon\n          type=\"PICTO\"\n          iconName=\"warning\"\n          customClassName=\"thumbnail__error\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    )\n\n  return (\n    <div\n      className=\"thumbnail\"\n      style={{\n        width: width,\n        height: height,\n      }}\n      aria-busy={isLoading}\n    >\n      {isLoading ? (\n        <Icon\n          type=\"PICTO\"\n          iconName=\"spinner\"\n          customClassName=\"thumbnail__loader\"\n          role=\"status\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <img\n          className=\"thumbnail__image\"\n          src={src}\n          loading=\"lazy\"\n          alt={alt}\n          role=\"img\"\n        />\n      )}\n    </div>\n  )\n}\n\nexport default Thumbnail\n"],"names":["Thumbnail","props","isLoading","setIsLoading","useState","isError","setIsError","src","width","height","alt","useEffect","img","jsx","Icon"],"mappings":";;;AA0BA,MAAMA,IAAY,CAACC,MAA0B;AAC3C,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC;AAAA,IACJ,KAAAG;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,KAAAC,IAAM;AAAA,EAAA,IACJT;AASJ,SAPAU,EAAU,MAAM;AACd,UAAMC,IAAM,IAAI,MAAA;AAChB,IAAAA,EAAI,MAAML,GACVK,EAAI,SAAS,MAAMT,EAAa,EAAK,GACrCS,EAAI,UAAU,MAAMN,EAAW,EAAI;AAAA,EACrC,GAAG,CAACC,CAAG,CAAC,GAEJF,IAEA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAAL;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,iBAAgB;AAAA,UAChB,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA,IAKJ,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,OAAAL;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,MAEF,aAAWP;AAAA,MAEV,UAAAA,IACC,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,iBAAgB;AAAA,UAChB,MAAK;AAAA,UACL,eAAY;AAAA,QAAA;AAAA,MAAA,IAGd,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAAN;AAAA,UACA,SAAQ;AAAA,UACR,KAAAG;AAAA,UACA,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAIR;"}

package/dist/components/dialogs/consent/Consent.d.ts

@@ -0,0 +1,85 @@
+import { default as React } from 'react';
+import { ConsentConfiguration } from '../../../types/consent.types';
+
+export interface ConsentProps {
+    /**
+     * Welcome message displayed at the top
+     */
+    welcomeMessage: string;
+    /**
+     * Message describing the vendors
+     */
+    vendorsMessage: string;
+    /**
+     * Privacy policy link configuration
+     */
+    privacyPolicy: {
+        /** Label for the privacy policy link */
+        label: string;
+        /** Click handler for the privacy policy */
+        action: React.MouseEventHandler & React.KeyboardEventHandler;
+    };
+    /**
+     * Label for the "more details" toggle
+     */
+    moreDetailsLabel: string;
+    /**
+     * Label for the "less details" toggle
+     */
+    lessDetailsLabel: string;
+    /**
+     * Configuration for consent action buttons
+     */
+    consentActions: {
+        /** Consent to all action */
+        consent: {
+            label: string;
+            action: (vendorsConsent: Array<ConsentConfiguration>) => void;
+        };
+        /** Deny all action */
+        deny: {
+            label: string;
+            action: (vendorsConsent: Array<ConsentConfiguration>) => void;
+        };
+        /** Save preferences action */
+        save: {
+            label: string;
+            action: (vendorsConsent: Array<ConsentConfiguration>) => void;
+        };
+    };
+    /**
+     * Configuration for a valid vendor
+     */
+    validVendor: ConsentConfiguration;
+    /**
+     * List of all vendors
+     */
+    vendorsList: Array<ConsentConfiguration>;
+    /**
+     * Whether the consent dialog can be closed
+     */
+    canBeClosed?: boolean;
+    /**
+     * Label for the close button
+     */
+    closeLabel?: string;
+    /**
+     * Close button handler
+     */
+    onClose?: React.MouseEventHandler & React.KeyboardEventHandler;
+}
+export interface ConsentStates {
+    isVendorsOpen: boolean;
+    vendorsConsent: Array<ConsentConfiguration>;
+}
+export default class Consent extends React.Component<ConsentProps, ConsentStates> {
+    constructor(props: ConsentProps);
+    onConsentAll: () => void;
+    onDenyAll: () => void;
+    onPartialConsent: () => void;
+    consentVendorsHandler: (index: number) => void;
+    WelcomeScreen: () => import("react/jsx-runtime").JSX.Element;
+    DetailedVendorsList: () => import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=Consent.d.ts.map

package/dist/components/dialogs/consent/Consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Consent.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,2CAA2C;QAC3C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;KAC7D,CAAA;IACD;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,cAAc,EAAE;QACd,4BAA4B;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,sBAAsB;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,8BAA8B;QAC9B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC/D;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAClD,YAAY,EACZ,aAAa,CACd;gBACa,KAAK,EAAE,YAAY;IAS/B,YAAY,aASX;IAED,SAAS,aASR;IAED,gBAAgB,aAKf;IAGD,qBAAqB,UAAW,MAAM,UAerC;IAGD,aAAa,gDAoFZ;IAED,mBAAmB,gDA6MlB;IAGD,MAAM;CAeP"}

package/dist/components/dialogs/consent/Consent.js

@@ -0,0 +1,402 @@
+import '../../../assets/Consent.css';
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import l from "../../../styles/texts/texts.module.js";
+import b from "../../../styles/layouts.module.js";
+import v from "../../slots/bar/Bar.js";
+import C from "../../inputs/select/Select.js";
+import N from "../../assets/thumbnail/Thumbnail.js";
+import i from "../../actions/button/Button.js";
+import { t as r } from "../../../do-classnames-DSDFCvzy.js";
+class B extends u.Component {
+  constructor(n) {
+    super(n), this.state = {
+      isVendorsOpen: !1,
+      vendorsConsent: n.vendorsList
+    };
+  }
+  // Direct Actions
+  onConsentAll = () => {
+    const { vendorsList: n, consentActions: t } = this.props;
+    t.consent.action(
+      n.map((s) => ({
+        ...s,
+        isConsented: !0
+      }))
+    );
+  };
+  onDenyAll = () => {
+    const { vendorsList: n, consentActions: t } = this.props;
+    t.deny.action(
+      n.map((s) => ({
+        ...s,
+        isConsented: !1
+      }))
+    );
+  };
+  onPartialConsent = () => {
+    const { consentActions: n } = this.props, { vendorsConsent: t } = this.state;
+    n.save.action(t);
+  };
+  // Handlers
+  consentVendorsHandler = (n) => {
+    const { vendorsConsent: t } = this.state;
+    this.setState({
+      vendorsConsent: t.map((s, o) => o === n ? {
+        ...s,
+        isConsented: !s.isConsented
+      } : {
+        ...s
+      })
+    });
+  };
+  // Templates
+  WelcomeScreen = () => {
+    const {
+      welcomeMessage: n,
+      privacyPolicy: t,
+      moreDetailsLabel: s,
+      consentActions: o,
+      canBeClosed: c,
+      closeLabel: _,
+      onClose: m
+    } = this.props, { isVendorsOpen: p } = this.state;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "consent__banner",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Cookie consent",
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "consent__banner__message",
+              role: "region",
+              children: [
+                /* @__PURE__ */ e("div", { className: l.type, children: n }),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    type: "tertiary",
+                    label: t.label,
+                    action: t.action,
+                    "aria-label": t.label
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            v,
+            {
+              leftPartSlot: /* @__PURE__ */ e(
+                i,
+                {
+                  type: "tertiary",
+                  label: s,
+                  action: () => this.setState({
+                    isVendorsOpen: !p
+                  }),
+                  "aria-label": s,
+                  "aria-expanded": p
+                }
+              ),
+              rightPartSlot: /* @__PURE__ */ a(
+                "div",
+                {
+                  className: r([
+                    "consent__banner__actions",
+                    b["snackbar--medium"]
+                  ]),
+                  role: "group",
+                  children: [
+                    /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "secondary",
+                        label: o.deny.label,
+                        action: this.onDenyAll,
+                        "aria-label": o.deny.label
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "primary",
+                        label: o.consent.label,
+                        action: this.onConsentAll,
+                        "aria-label": o.consent.label
+                      }
+                    ),
+                    c && /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "icon",
+                        icon: "close",
+                        helper: _ !== void 0 ? { label: _, pin: "TOP" } : void 0,
+                        action: m
+                      }
+                    )
+                  ]
+                }
+              ),
+              padding: "0"
+            }
+          )
+        ]
+      }
+    );
+  };
+  DetailedVendorsList = () => {
+    const {
+      vendorsMessage: n,
+      lessDetailsLabel: t,
+      validVendor: s,
+      vendorsList: o,
+      consentActions: c,
+      canBeClosed: _,
+      closeLabel: m,
+      onClose: p
+    } = this.props, { isVendorsOpen: g, vendorsConsent: y } = this.state;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "consent__banner",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Cookie vendors consent preferences",
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "consent__banner__content",
+              role: "region",
+              children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: r(["consent__banner__message", l.type]),
+                    role: "status",
+                    "aria-live": "polite",
+                    children: n
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "ul",
+                  {
+                    className: "consent__banner__list",
+                    role: "list",
+                    children: [
+                      /* @__PURE__ */ e(
+                        "li",
+                        {
+                          className: "consent__banner__item",
+                          role: "listitem",
+                          children: /* @__PURE__ */ e(
+                            v,
+                            {
+                              leftPartSlot: /* @__PURE__ */ e("div", { className: b["snackbar--large"], children: /* @__PURE__ */ a("div", { children: [
+                                /* @__PURE__ */ e(
+                                  "div",
+                                  {
+                                    className: r([
+                                      "consent__banner__item__title",
+                                      l["type--large"],
+                                      l.type
+                                    ]),
+                                    role: "heading",
+                                    "aria-level": 2,
+                                    children: s.name
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  "div",
+                                  {
+                                    className: r([
+                                      "consent__banner__item__description",
+                                      l.type
+                                    ]),
+                                    role: "note",
+                                    children: s.description
+                                  }
+                                )
+                              ] }) }),
+                              rightPartSlot: /* @__PURE__ */ e(
+                                "div",
+                                {
+                                  className: "consent__banner__item__action",
+                                  role: "switch",
+                                  "aria-checked": s.isConsented,
+                                  "aria-readonly": "true",
+                                  children: /* @__PURE__ */ e(
+                                    C,
+                                    {
+                                      id: "legit-user-consent",
+                                      type: "SWITCH_BUTTON",
+                                      isChecked: s.isConsented,
+                                      isDisabled: !0
+                                    }
+                                  )
+                                }
+                              ),
+                              border: ["BOTTOM"],
+                              padding: "var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0"
+                            }
+                          )
+                        }
+                      ),
+                      o.map((h, d) => /* @__PURE__ */ e(
+                        "li",
+                        {
+                          className: "consent__banner__item",
+                          role: "listitem",
+                          children: /* @__PURE__ */ e(
+                            v,
+                            {
+                              leftPartSlot: /* @__PURE__ */ a("div", { className: b["snackbar--large"], children: [
+                                /* @__PURE__ */ e(
+                                  "div",
+                                  {
+                                    className: "consent__banner__item__icon",
+                                    role: "img",
+                                    children: /* @__PURE__ */ e(
+                                      N,
+                                      {
+                                        src: h.icon,
+                                        width: "32px",
+                                        height: "32px"
+                                      }
+                                    )
+                                  }
+                                ),
+                                /* @__PURE__ */ a("div", { children: [
+                                  /* @__PURE__ */ e(
+                                    "div",
+                                    {
+                                      className: r([
+                                        "consent__banner__item__title",
+                                        l["type--large"],
+                                        l.type
+                                      ]),
+                                      role: "heading",
+                                      "aria-level": 2,
+                                      children: h.name
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(
+                                    "div",
+                                    {
+                                      className: r([
+                                        "consent__banner__item__description",
+                                        l.type
+                                      ]),
+                                      role: "note",
+                                      children: h.description
+                                    }
+                                  )
+                                ] })
+                              ] }),
+                              rightPartSlot: /* @__PURE__ */ e(
+                                "div",
+                                {
+                                  className: "consent__banner__item__action",
+                                  role: "switch",
+                                  "aria-checked": y[d].isConsented,
+                                  children: /* @__PURE__ */ e(
+                                    C,
+                                    {
+                                      id: `change-${h.id}-user-consent`,
+                                      type: "SWITCH_BUTTON",
+                                      isChecked: y[d].isConsented,
+                                      action: () => this.consentVendorsHandler(d)
+                                    }
+                                  )
+                                }
+                              ),
+                              border: d === y.length - 1 ? void 0 : ["BOTTOM"],
+                              padding: "var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0"
+                            }
+                          )
+                        },
+                        d
+                      ))
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            v,
+            {
+              leftPartSlot: /* @__PURE__ */ e(
+                i,
+                {
+                  type: "tertiary",
+                  label: t,
+                  action: () => this.setState({
+                    isVendorsOpen: !g
+                  }),
+                  "aria-label": t,
+                  "aria-expanded": !g
+                }
+              ),
+              rightPartSlot: /* @__PURE__ */ a(
+                "div",
+                {
+                  className: r([
+                    "consent__banner__actions",
+                    b["snackbar--medium"]
+                  ]),
+                  role: "group",
+                  children: [
+                    /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "secondary",
+                        label: c.deny.label,
+                        action: this.onDenyAll,
+                        "aria-label": c.deny.label
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "primary",
+                        label: c.save.label,
+                        action: this.onPartialConsent,
+                        "aria-label": c.save.label,
+                        isAutofocus: !0
+                      }
+                    ),
+                    _ && /* @__PURE__ */ e(
+                      i,
+                      {
+                        type: "icon",
+                        icon: "close",
+                        helper: m !== void 0 ? { label: m, pin: "TOP" } : void 0,
+                        action: p
+                      }
+                    )
+                  ]
+                }
+              ),
+              padding: "0"
+            }
+          )
+        ]
+      }
+    );
+  };
+  // Render
+  render() {
+    const { isVendorsOpen: n } = this.state;
+    return n ? /* @__PURE__ */ e("dialog", { className: "consent", children: /* @__PURE__ */ e(this.DetailedVendorsList, {}) }) : /* @__PURE__ */ e("dialog", { className: "consent", children: /* @__PURE__ */ e(this.WelcomeScreen, {}) });
+  }
+}
+export {
+  B as default
+};
+//# sourceMappingURL=Consent.js.map

package/dist/components/dialogs/consent/Consent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Consent.js","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"sourcesContent":["import React from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport layouts from '@styles/layouts.module.scss'\nimport Bar from '@components/slots/bar/Bar'\nimport Select from '@components/inputs/select/Select'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport Button from '@components/actions/button/Button'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport type { ConsentConfiguration } from '@tps/consent.types'\nimport './consent.scss'\n\nexport interface ConsentProps {\n  /**\n   * Welcome message displayed at the top\n   */\n  welcomeMessage: string\n  /**\n   * Message describing the vendors\n   */\n  vendorsMessage: string\n  /**\n   * Privacy policy link configuration\n   */\n  privacyPolicy: {\n    /** Label for the privacy policy link */\n    label: string\n    /** Click handler for the privacy policy */\n    action: React.MouseEventHandler & React.KeyboardEventHandler\n  }\n  /**\n   * Label for the \"more details\" toggle\n   */\n  moreDetailsLabel: string\n  /**\n   * Label for the \"less details\" toggle\n   */\n  lessDetailsLabel: string\n  /**\n   * Configuration for consent action buttons\n   */\n  consentActions: {\n    /** Consent to all action */\n    consent: {\n      label: string\n      action: (vendorsConsent: Array<ConsentConfiguration>) => void\n    }\n    /** Deny all action */\n    deny: {\n      label: string\n      action: (vendorsConsent: Array<ConsentConfiguration>) => void\n    }\n    /** Save preferences action */\n    save: {\n      label: string\n      action: (vendorsConsent: Array<ConsentConfiguration>) => void\n    }\n  }\n  /**\n   * Configuration for a valid vendor\n   */\n  validVendor: ConsentConfiguration\n  /**\n   * List of all vendors\n   */\n  vendorsList: Array<ConsentConfiguration>\n  /**\n   * Whether the consent dialog can be closed\n   */\n  canBeClosed?: boolean\n  /**\n   * Label for the close button\n   */\n  closeLabel?: string\n  /**\n   * Close button handler\n   */\n  onClose?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface ConsentStates {\n  isVendorsOpen: boolean\n  vendorsConsent: Array<ConsentConfiguration>\n}\n\nexport default class Consent extends React.Component<\n  ConsentProps,\n  ConsentStates\n> {\n  constructor(props: ConsentProps) {\n    super(props)\n    this.state = {\n      isVendorsOpen: false,\n      vendorsConsent: props.vendorsList,\n    }\n  }\n\n  // Direct Actions\n  onConsentAll = () => {\n    const { vendorsList, consentActions } = this.props\n\n    consentActions.consent.action(\n      vendorsList.map((vendor) => ({\n        ...vendor,\n        isConsented: true,\n      }))\n    )\n  }\n\n  onDenyAll = () => {\n    const { vendorsList, consentActions } = this.props\n\n    consentActions.deny.action(\n      vendorsList.map((vendor) => ({\n        ...vendor,\n        isConsented: false,\n      }))\n    )\n  }\n\n  onPartialConsent = () => {\n    const { consentActions } = this.props\n    const { vendorsConsent } = this.state\n\n    consentActions.save.action(vendorsConsent)\n  }\n\n  // Handlers\n  consentVendorsHandler = (index: number) => {\n    const { vendorsConsent } = this.state\n\n    this.setState({\n      vendorsConsent: vendorsConsent.map((consent, i) => {\n        if (i === index)\n          return {\n            ...consent,\n            isConsented: !consent.isConsented,\n          }\n        return {\n          ...consent,\n        }\n      }),\n    })\n  }\n\n  // Templates\n  WelcomeScreen = () => {\n    const {\n      welcomeMessage,\n      privacyPolicy,\n      moreDetailsLabel,\n      consentActions,\n      canBeClosed,\n      closeLabel,\n      onClose,\n    } = this.props\n\n    const { isVendorsOpen } = this.state\n\n    return (\n      <div\n        className=\"consent__banner\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Cookie consent\"\n      >\n        <div\n          className=\"consent__banner__message\"\n          role=\"region\"\n        >\n          <div className={texts.type}>{welcomeMessage}</div>\n          <Button\n            type=\"tertiary\"\n            label={privacyPolicy.label}\n            action={privacyPolicy.action}\n            aria-label={privacyPolicy.label}\n          />\n        </div>\n        <Bar\n          leftPartSlot={\n            <Button\n              type=\"tertiary\"\n              label={moreDetailsLabel}\n              action={() =>\n                this.setState({\n                  isVendorsOpen: !isVendorsOpen,\n                })\n              }\n              aria-label={moreDetailsLabel}\n              aria-expanded={isVendorsOpen}\n            />\n          }\n          rightPartSlot={\n            <div\n              className={doClassnames([\n                'consent__banner__actions',\n                layouts['snackbar--medium'],\n              ])}\n              role=\"group\"\n            >\n              <Button\n                type=\"secondary\"\n                label={consentActions.deny.label}\n                action={this.onDenyAll}\n                aria-label={consentActions.deny.label}\n              />\n              <Button\n                type=\"primary\"\n                label={consentActions.consent.label}\n                action={this.onConsentAll}\n                aria-label={consentActions.consent.label}\n              />\n              {canBeClosed && (\n                <Button\n                  type=\"icon\"\n                  icon=\"close\"\n                  helper={\n                    closeLabel !== undefined\n                      ? { label: closeLabel, pin: 'TOP' }\n                      : undefined\n                  }\n                  action={onClose}\n                />\n              )}\n            </div>\n          }\n          padding=\"0\"\n        />\n      </div>\n    )\n  }\n\n  DetailedVendorsList = () => {\n    const {\n      vendorsMessage,\n      lessDetailsLabel,\n      validVendor,\n      vendorsList,\n      consentActions,\n      canBeClosed,\n      closeLabel,\n      onClose,\n    } = this.props\n\n    const { isVendorsOpen, vendorsConsent } = this.state\n\n    return (\n      <div\n        className=\"consent__banner\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Cookie vendors consent preferences\"\n      >\n        <div\n          className=\"consent__banner__content\"\n          role=\"region\"\n        >\n          <div\n            className={doClassnames(['consent__banner__message', texts.type])}\n            role=\"status\"\n            aria-live=\"polite\"\n          >\n            {vendorsMessage}\n          </div>\n          <ul\n            className=\"consent__banner__list\"\n            role=\"list\"\n          >\n            <li\n              className=\"consent__banner__item\"\n              role=\"listitem\"\n            >\n              <Bar\n                leftPartSlot={\n                  <div className={layouts['snackbar--large']}>\n                    <div>\n                      <div\n                        className={doClassnames([\n                          'consent__banner__item__title',\n                          texts['type--large'],\n                          texts.type,\n                        ])}\n                        role=\"heading\"\n                        aria-level={2}\n                      >\n                        {validVendor.name}\n                      </div>\n                      <div\n                        className={doClassnames([\n                          'consent__banner__item__description',\n                          texts.type,\n                        ])}\n                        role=\"note\"\n                      >\n                        {validVendor.description}\n                      </div>\n                    </div>\n                  </div>\n                }\n                rightPartSlot={\n                  <div\n                    className=\"consent__banner__item__action\"\n                    role=\"switch\"\n                    aria-checked={validVendor.isConsented}\n                    aria-readonly=\"true\"\n                  >\n                    <Select\n                      id={`legit-user-consent`}\n                      type=\"SWITCH_BUTTON\"\n                      isChecked={validVendor.isConsented}\n                      isDisabled={true}\n                    />\n                  </div>\n                }\n                border={['BOTTOM']}\n                padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n              />\n            </li>\n            {vendorsList.map((vendor, index) => (\n              <li\n                key={index}\n                className=\"consent__banner__item\"\n                role=\"listitem\"\n              >\n                <Bar\n                  leftPartSlot={\n                    <div className={layouts['snackbar--large']}>\n                      <div\n                        className=\"consent__banner__item__icon\"\n                        role=\"img\"\n                      >\n                        <Thumbnail\n                          src={vendor.icon}\n                          width=\"32px\"\n                          height=\"32px\"\n                        />\n                      </div>\n                      <div>\n                        <div\n                          className={doClassnames([\n                            'consent__banner__item__title',\n                            texts['type--large'],\n                            texts.type,\n                          ])}\n                          role=\"heading\"\n                          aria-level={2}\n                        >\n                          {vendor.name}\n                        </div>\n                        <div\n                          className={doClassnames([\n                            'consent__banner__item__description',\n                            texts.type,\n                          ])}\n                          role=\"note\"\n                        >\n                          {vendor.description}\n                        </div>\n                      </div>\n                    </div>\n                  }\n                  rightPartSlot={\n                    <div\n                      className=\"consent__banner__item__action\"\n                      role=\"switch\"\n                      aria-checked={vendorsConsent[index].isConsented}\n                    >\n                      <Select\n                        id={`change-${vendor.id}-user-consent`}\n                        type=\"SWITCH_BUTTON\"\n                        isChecked={vendorsConsent[index].isConsented}\n                        action={() => this.consentVendorsHandler(index)}\n                      />\n                    </div>\n                  }\n                  border={\n                    index === vendorsConsent.length - 1 ? undefined : ['BOTTOM']\n                  }\n                  padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n                />\n              </li>\n            ))}\n          </ul>\n        </div>\n        <Bar\n          leftPartSlot={\n            <Button\n              type=\"tertiary\"\n              label={lessDetailsLabel}\n              action={() =>\n                this.setState({\n                  isVendorsOpen: !isVendorsOpen,\n                })\n              }\n              aria-label={lessDetailsLabel}\n              aria-expanded={!isVendorsOpen}\n            />\n          }\n          rightPartSlot={\n            <div\n              className={doClassnames([\n                'consent__banner__actions',\n                layouts['snackbar--medium'],\n              ])}\n              role=\"group\"\n            >\n              <Button\n                type=\"secondary\"\n                label={consentActions.deny.label}\n                action={this.onDenyAll}\n                aria-label={consentActions.deny.label}\n              />\n              <Button\n                type=\"primary\"\n                label={consentActions.save.label}\n                action={this.onPartialConsent}\n                aria-label={consentActions.save.label}\n                isAutofocus\n              />\n              {canBeClosed && (\n                <Button\n                  type=\"icon\"\n                  icon=\"close\"\n                  helper={\n                    closeLabel !== undefined\n                      ? { label: closeLabel, pin: 'TOP' }\n                      : undefined\n                  }\n                  action={onClose}\n                />\n              )}\n            </div>\n          }\n          padding=\"0\"\n        />\n      </div>\n    )\n  }\n\n  // Render\n  render() {\n    const { isVendorsOpen } = this.state\n\n    if (isVendorsOpen)\n      return (\n        <dialog className=\"consent\">\n          <this.DetailedVendorsList />\n        </dialog>\n      )\n    return (\n      <dialog className=\"consent\">\n        <this.WelcomeScreen />\n      </dialog>\n    )\n  }\n}\n"],"names":["Consent","React","props","vendorsList","consentActions","vendor","vendorsConsent","index","consent","i","welcomeMessage","privacyPolicy","moreDetailsLabel","canBeClosed","closeLabel","onClose","isVendorsOpen","jsxs","jsx","texts","Button","Bar","doClassnames","layouts","vendorsMessage","lessDetailsLabel","validVendor","Select","Thumbnail"],"mappings":";;;;;;;;;AAoFA,MAAqBA,UAAgBC,EAAM,UAGzC;AAAA,EACA,YAAYC,GAAqB;AAC/B,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,eAAe;AAAA,MACf,gBAAgBA,EAAM;AAAA,IAAA;AAAA,EAE1B;AAAA;AAAA,EAGA,eAAe,MAAM;AACnB,UAAM,EAAE,aAAAC,GAAa,gBAAAC,EAAA,IAAmB,KAAK;AAE7C,IAAAA,EAAe,QAAQ;AAAA,MACrBD,EAAY,IAAI,CAACE,OAAY;AAAA,QAC3B,GAAGA;AAAA,QACH,aAAa;AAAA,MAAA,EACb;AAAA,IAAA;AAAA,EAEN;AAAA,EAEA,YAAY,MAAM;AAChB,UAAM,EAAE,aAAAF,GAAa,gBAAAC,EAAA,IAAmB,KAAK;AAE7C,IAAAA,EAAe,KAAK;AAAA,MAClBD,EAAY,IAAI,CAACE,OAAY;AAAA,QAC3B,GAAGA;AAAA,QACH,aAAa;AAAA,MAAA,EACb;AAAA,IAAA;AAAA,EAEN;AAAA,EAEA,mBAAmB,MAAM;AACvB,UAAM,EAAE,gBAAAD,MAAmB,KAAK,OAC1B,EAAE,gBAAAE,MAAmB,KAAK;AAEhC,IAAAF,EAAe,KAAK,OAAOE,CAAc;AAAA,EAC3C;AAAA;AAAA,EAGA,wBAAwB,CAACC,MAAkB;AACzC,UAAM,EAAE,gBAAAD,MAAmB,KAAK;AAEhC,SAAK,SAAS;AAAA,MACZ,gBAAgBA,EAAe,IAAI,CAACE,GAASC,MACvCA,MAAMF,IACD;AAAA,QACL,GAAGC;AAAA,QACH,aAAa,CAACA,EAAQ;AAAA,MAAA,IAEnB;AAAA,QACL,GAAGA;AAAA,MAAA,CAEN;AAAA,IAAA,CACF;AAAA,EACH;AAAA;AAAA,EAGA,gBAAgB,MAAM;AACpB,UAAM;AAAA,MACJ,gBAAAE;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAR;AAAA,MACA,aAAAS;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACE,KAAK,OAEH,EAAE,eAAAC,MAAkB,KAAK;AAE/B,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAM,MAAO,UAAAT,GAAe;AAAA,gBAC5C,gBAAAQ;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAOT,EAAc;AAAA,oBACrB,QAAQA,EAAc;AAAA,oBACtB,cAAYA,EAAc;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC5B;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,cACE,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAOR;AAAA,kBACP,QAAQ,MACN,KAAK,SAAS;AAAA,oBACZ,eAAe,CAACI;AAAA,kBAAA,CACjB;AAAA,kBAEH,cAAYJ;AAAA,kBACZ,iBAAeI;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGnB,eACE,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWK,EAAa;AAAA,oBACtB;AAAA,oBACAC,EAAQ,kBAAkB;AAAA,kBAAA,CAC3B;AAAA,kBACD,MAAK;AAAA,kBAEL,UAAA;AAAA,oBAAA,gBAAAL;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhB,EAAe,KAAK;AAAA,wBAC3B,QAAQ,KAAK;AAAA,wBACb,cAAYA,EAAe,KAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAElC,gBAAAc;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhB,EAAe,QAAQ;AAAA,wBAC9B,QAAQ,KAAK;AAAA,wBACb,cAAYA,EAAe,QAAQ;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEpCS,KACC,gBAAAK;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,QACEN,MAAe,SACX,EAAE,OAAOA,GAAY,KAAK,UAC1B;AAAA,wBAEN,QAAQC;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIN,SAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAAA,EAEA,sBAAsB,MAAM;AAC1B,UAAM;AAAA,MACJ,gBAAAS;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAvB;AAAA,MACA,gBAAAC;AAAA,MACA,aAAAS;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACE,KAAK,OAEH,EAAE,eAAAC,GAAe,gBAAAV,EAAA,IAAmB,KAAK;AAE/C,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWI,EAAa,CAAC,4BAA4BH,EAAM,IAAI,CAAC;AAAA,oBAChE,MAAK;AAAA,oBACL,aAAU;AAAA,oBAET,UAAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEH,gBAAAP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAK;AAAA,oBAEL,UAAA;AAAA,sBAAA,gBAAAC;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BACV,MAAK;AAAA,0BAEL,UAAA,gBAAAA;AAAA,4BAACG;AAAA,4BAAA;AAAA,8BACC,gCACG,OAAA,EAAI,WAAWE,EAAQ,iBAAiB,GACvC,4BAAC,OAAA,EACC,UAAA;AAAA,gCAAA,gBAAAL;AAAA,kCAAC;AAAA,kCAAA;AAAA,oCACC,WAAWI,EAAa;AAAA,sCACtB;AAAA,sCACAH,EAAM,aAAa;AAAA,sCACnBA,EAAM;AAAA,oCAAA,CACP;AAAA,oCACD,MAAK;AAAA,oCACL,cAAY;AAAA,oCAEX,UAAAO,EAAY;AAAA,kCAAA;AAAA,gCAAA;AAAA,gCAEf,gBAAAR;AAAA,kCAAC;AAAA,kCAAA;AAAA,oCACC,WAAWI,EAAa;AAAA,sCACtB;AAAA,sCACAH,EAAM;AAAA,oCAAA,CACP;AAAA,oCACD,MAAK;AAAA,oCAEJ,UAAAO,EAAY;AAAA,kCAAA;AAAA,gCAAA;AAAA,8BACf,EAAA,CACF,EAAA,CACF;AAAA,8BAEF,eACE,gBAAAR;AAAA,gCAAC;AAAA,gCAAA;AAAA,kCACC,WAAU;AAAA,kCACV,MAAK;AAAA,kCACL,gBAAcQ,EAAY;AAAA,kCAC1B,iBAAc;AAAA,kCAEd,UAAA,gBAAAR;AAAA,oCAACS;AAAA,oCAAA;AAAA,sCACC,IAAI;AAAA,sCACJ,MAAK;AAAA,sCACL,WAAWD,EAAY;AAAA,sCACvB,YAAY;AAAA,oCAAA;AAAA,kCAAA;AAAA,gCACd;AAAA,8BAAA;AAAA,8BAGJ,QAAQ,CAAC,QAAQ;AAAA,8BACjB,SAAQ;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACV;AAAA,sBAAA;AAAA,sBAEDvB,EAAY,IAAI,CAACE,GAAQE,MACxB,gBAAAW;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BAEC,WAAU;AAAA,0BACV,MAAK;AAAA,0BAEL,UAAA,gBAAAA;AAAA,4BAACG;AAAA,4BAAA;AAAA,8BACC,cACE,gBAAAJ,EAAC,OAAA,EAAI,WAAWM,EAAQ,iBAAiB,GACvC,UAAA;AAAA,gCAAA,gBAAAL;AAAA,kCAAC;AAAA,kCAAA;AAAA,oCACC,WAAU;AAAA,oCACV,MAAK;AAAA,oCAEL,UAAA,gBAAAA;AAAA,sCAACU;AAAA,sCAAA;AAAA,wCACC,KAAKvB,EAAO;AAAA,wCACZ,OAAM;AAAA,wCACN,QAAO;AAAA,sCAAA;AAAA,oCAAA;AAAA,kCACT;AAAA,gCAAA;AAAA,kDAED,OAAA,EACC,UAAA;AAAA,kCAAA,gBAAAa;AAAA,oCAAC;AAAA,oCAAA;AAAA,sCACC,WAAWI,EAAa;AAAA,wCACtB;AAAA,wCACAH,EAAM,aAAa;AAAA,wCACnBA,EAAM;AAAA,sCAAA,CACP;AAAA,sCACD,MAAK;AAAA,sCACL,cAAY;AAAA,sCAEX,UAAAd,EAAO;AAAA,oCAAA;AAAA,kCAAA;AAAA,kCAEV,gBAAAa;AAAA,oCAAC;AAAA,oCAAA;AAAA,sCACC,WAAWI,EAAa;AAAA,wCACtB;AAAA,wCACAH,EAAM;AAAA,sCAAA,CACP;AAAA,sCACD,MAAK;AAAA,sCAEJ,UAAAd,EAAO;AAAA,oCAAA;AAAA,kCAAA;AAAA,gCACV,EAAA,CACF;AAAA,8BAAA,GACF;AAAA,8BAEF,eACE,gBAAAa;AAAA,gCAAC;AAAA,gCAAA;AAAA,kCACC,WAAU;AAAA,kCACV,MAAK;AAAA,kCACL,gBAAcZ,EAAeC,CAAK,EAAE;AAAA,kCAEpC,UAAA,gBAAAW;AAAA,oCAACS;AAAA,oCAAA;AAAA,sCACC,IAAI,UAAUtB,EAAO,EAAE;AAAA,sCACvB,MAAK;AAAA,sCACL,WAAWC,EAAeC,CAAK,EAAE;AAAA,sCACjC,QAAQ,MAAM,KAAK,sBAAsBA,CAAK;AAAA,oCAAA;AAAA,kCAAA;AAAA,gCAChD;AAAA,8BAAA;AAAA,8BAGJ,QACEA,MAAUD,EAAe,SAAS,IAAI,SAAY,CAAC,QAAQ;AAAA,8BAE7D,SAAQ;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACV;AAAA,wBA3DKC;AAAA,sBAAA,CA6DR;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAW;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,cACE,gBAAAH;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAOK;AAAA,kBACP,QAAQ,MACN,KAAK,SAAS;AAAA,oBACZ,eAAe,CAACT;AAAA,kBAAA,CACjB;AAAA,kBAEH,cAAYS;AAAA,kBACZ,iBAAe,CAACT;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpB,eACE,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWK,EAAa;AAAA,oBACtB;AAAA,oBACAC,EAAQ,kBAAkB;AAAA,kBAAA,CAC3B;AAAA,kBACD,MAAK;AAAA,kBAEL,UAAA;AAAA,oBAAA,gBAAAL;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhB,EAAe,KAAK;AAAA,wBAC3B,QAAQ,KAAK;AAAA,wBACb,cAAYA,EAAe,KAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAElC,gBAAAc;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOhB,EAAe,KAAK;AAAA,wBAC3B,QAAQ,KAAK;AAAA,wBACb,cAAYA,EAAe,KAAK;AAAA,wBAChC,aAAW;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEZS,KACC,gBAAAK;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,QACEN,MAAe,SACX,EAAE,OAAOA,GAAY,KAAK,UAC1B;AAAA,wBAEN,QAAQC;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIN,SAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAAA;AAAA,EAGA,SAAS;AACP,UAAM,EAAE,eAAAC,MAAkB,KAAK;AAE/B,WAAIA,IAEA,gBAAAE,EAAC,YAAO,WAAU,WAChB,4BAAC,KAAK,qBAAL,CAAA,CAAyB,EAAA,CAC5B,IAGF,gBAAAA,EAAC,YAAO,WAAU,WAChB,4BAAC,KAAK,eAAL,CAAA,CAAmB,EAAA,CACtB;AAAA,EAEJ;AACF;"}