@alfadocs/ui-kit-debug 1.90.2 → 1.91.0

package/dist/_chunks/{signed-out-frame-G-3ATOdu.js → signed-out-frame-CgRXOUzi.js}

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as e, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { A as S } from "./app-frame-DUPEwu4E.js";
-import { P as x } from "./public-footer-CXOrdAaS.js";
+import { P as x } from "./public-footer-IoRWoAMz.js";
 import { useTranslation as b } from "react-i18next";
 import { B as u } from "./button-DohK_Ak_.js";
 import { H as N, g as O, f as F, a as z, d as B } from "./header-l_B8MV0g.js";
@@ -168,4 +168,4 @@ export {
   V as S,
   w as a
 };
-//# sourceMappingURL=signed-out-frame-G-3ATOdu.js.map
+//# sourceMappingURL=signed-out-frame-CgRXOUzi.js.map

package/dist/_chunks/{signed-out-frame-G-3ATOdu.js.map → signed-out-frame-CgRXOUzi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"signed-out-frame-G-3ATOdu.js","sources":["../../src/patterns/signed-out-frame/signed-out-header.tsx","../../src/patterns/signed-out-frame/signed-out-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* SignedOutHeader — the app's Header as a visitor sees it before        */\n/* sign-in: the brand, the skip link and the way to the other            */\n/* signed-out pages. No search, inbox or account menu.                   */\n/*                                                                        */\n/* A link shows only when the host gives its address. On the login page  */\n/* that is the two ways to register; on a registration page it is the    */\n/* way back to the login.                                                */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { LogIn, Stethoscope, User } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../../components/button';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderEnd,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport { isSafeHref } from '../../components/_shared/safe-href';\n\nexport interface SignedOutHeaderProps {\n  /** Where the brand leads. Default `/`. */\n  homeHref?: string;\n  /** The id of the `<main>` the skip link lands on. Default\n   *  `main-content`, `AppFrame`'s own default. */\n  mainId?: string;\n  /**\n   * Adds \"Sign in\". For a registration page. A path on the same site, or\n   * an address written in full (`https://…`); anything else shows no\n   * link. The same rule holds for the two addresses below.\n   */\n  loginHref?: string;\n  /** Adds \"Register as a doctor\". For the login page. */\n  registerDoctorHref?: string;\n  /** Adds \"Register as a patient\". For the login page. */\n  registerPatientHref?: string;\n}\n\n// The header's buttons are the header turned inside out: the bar's ink as\n// the fill, the bar's own colour (`--header-brand-surface`) as the text.\n// Light: white with violet text (4.75:1). Dark: the bar is the page's navy,\n// so the text is navy too; fuchsia on the cream fill would be 2.75:1.\n//\n// Hover tints the fill with the bar. In the light theme that alone would\n// drop the violet text to 4.07:1, so the text deepens with it (4.76:1):\n// `--header-brand-surface-hover` is --primary-hover in light and stays the\n// navy in dark. The buttons carry no `--secondary-border` edge: the fill is\n// already the bar's ink.\n//\n// A small button is 32px tall from `sm` up and drops its wider hit box\n// there. These keep the hit box at every width: the bar is 64px tall, and\n// a tablet is touched as much as a phone.\nconst linksVariants = cva(\n  'ds:items-center ds:gap-[var(--spacing-sm)] ds:[--secondary:var(--header-foreground)] ds:[--secondary-hover:color-mix(in_srgb,var(--header-foreground)_88%,transparent)] ds:[--secondary-border:transparent] ds:[--secondary-foreground:var(--header-brand-surface,var(--primary))] ds:[&_a:hover]:[--secondary-foreground:var(--header-brand-surface-hover,var(--primary-hover))] ds:[&_a]:sm:before:block',\n  {\n    variants: {\n      /** Labelled buttons from `md` up; icons only below it. */\n      show: {\n        wide: 'ds:hidden ds:md:inline-flex',\n        narrow: 'ds:inline-flex ds:md:hidden',\n        always: 'ds:inline-flex',\n      },\n    },\n    defaultVariants: { show: 'always' },\n  },\n);\n\n/** An address a link may use, or nothing. */\nconst linkTo = (href: string | undefined): string | undefined =>\n  href && isSafeHref(href) ? href : undefined;\n\ninterface RegisterLinksProps {\n  doctorHref: string | undefined;\n  patientHref: string | undefined;\n  hideLabel?: boolean;\n}\n\n/** The ways to open an account. Links, not buttons: each goes to its own\n *  registration page. */\nfunction RegisterLinks({\n  doctorHref,\n  patientHref,\n  hideLabel = false,\n}: RegisterLinksProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <>\n      {doctorHref && (\n        <Button\n          asChild\n          intent=\"secondary\"\n          size=\"sm\"\n          startIcon={<Stethoscope />}\n          hideLabel={hideLabel}\n        >\n          <a href={doctorHref} data-action=\"register-doctor\">\n            {t('signedOutHeader.registerDoctor')}\n          </a>\n        </Button>\n      )}\n      {patientHref && (\n        <Button\n          asChild\n          intent=\"secondary\"\n          size=\"sm\"\n          startIcon={<User />}\n          hideLabel={hideLabel}\n        >\n          <a href={patientHref} data-action=\"register-patient\">\n            {t('signedOutHeader.registerPatient')}\n          </a>\n        </Button>\n      )}\n    </>\n  );\n}\n\n/**\n * The signed-out header. `SignedOutFrame` renders it; use it on its own\n * only with a frame of your own.\n */\nexport const SignedOutHeader = forwardRef<HTMLElement, SignedOutHeaderProps>(\n  (\n    {\n      homeHref = '/',\n      mainId = 'main-content',\n      loginHref,\n      registerDoctorHref,\n      registerPatientHref,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const loginLink = linkTo(loginHref);\n    const doctorLink = linkTo(registerDoctorHref);\n    const patientLink = linkTo(registerPatientHref);\n    const hasRegister = Boolean(doctorLink || patientLink);\n\n    return (\n      <Header ref={ref}>\n        <HeaderStart>\n          <HeaderSkipLink href={`#${mainId}`} />\n          <HeaderBrand\n            href={linkTo(homeHref) ?? '/'}\n            logo={<Logo variant=\"monochrome\" size=\"md\" decorative />}\n            aria-label={t('publicHeader.homeLabel')}\n          />\n        </HeaderStart>\n        {(loginLink || hasRegister) && (\n          <HeaderEnd>\n            {/* One short label: it keeps its text on a phone. */}\n            {loginLink && (\n              <div className={linksVariants()}>\n                <Button\n                  asChild\n                  intent=\"secondary\"\n                  size=\"sm\"\n                  startIcon={<LogIn />}\n                >\n                  <a href={loginLink} data-action=\"login\">\n                    {t('signedOutHeader.login')}\n                  </a>\n                </Button>\n              </div>\n            )}\n            {/* Two labelled buttons and the brand do not fit a phone, so\n                below `md` each folds to its icon and keeps its name for a\n                screen reader. */}\n            {hasRegister && (\n              <>\n                <div className={linksVariants({ show: 'wide' })}>\n                  <RegisterLinks\n                    doctorHref={doctorLink}\n                    patientHref={patientLink}\n                  />\n                </div>\n                <div className={linksVariants({ show: 'narrow' })}>\n                  <RegisterLinks\n                    doctorHref={doctorLink}\n                    patientHref={patientLink}\n                    hideLabel\n                  />\n                </div>\n              </>\n            )}\n          </HeaderEnd>\n        )}\n      </Header>\n    );\n  },\n);\nSignedOutHeader.displayName = 'SignedOutHeader';\n","/* -------------------------------------------------------------------- */\n/* SignedOutFrame — the app frame as a visitor sees it before sign-in.   */\n/*                                                                        */\n/* The signed-out header on top, no sidebar, the page's content centred  */\n/* on the app's canvas, and the minimal footer with the privacy policy   */\n/* and the terms. The login, forgot-password and registration pages      */\n/* wear it, so they read as one family.                                  */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AppFrame } from '../../components/app-frame';\nimport {\n  PublicFooter,\n  type LegalUrlOverrides,\n} from '../../components/public-footer';\nimport {\n  SignedOutHeader,\n  type SignedOutHeaderProps,\n} from './signed-out-header';\n\nexport interface SignedOutFrameProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    SignedOutHeaderProps {\n  /** The page: a card such as `LoginForm`, centred in `<main>`. */\n  children: ReactNode;\n  /** Shows the footer with the privacy policy and the terms. Default\n   *  true. */\n  showFooter?: boolean;\n  /**\n   * Adds the footer's copyright line: the year, the company's registered\n   * name and its VAT number. Default false.\n   */\n  showCopyright?: boolean;\n  /** The site the footer's legal links lead to. Default: the footer's\n   *  own, `https://www.alfadocs.com`. */\n  marketingBaseUrl?: string;\n  /** The footer's legal links, per language, where they differ from its\n   *  defaults. */\n  legalUrlOverrides?: LegalUrlOverrides;\n}\n\n// The wrapper is only a marker: the frame inside it is the box. It has\n// no box of its own (`display: contents`), so a `className` that sizes or\n// spaces it does nothing, and a ref to it measures nothing.\nconst signedOutFrameVariants = cva('ds:contents');\n\n/**\n * The signed-out app frame. It is one viewport tall: the header and the\n * footer stay put and the content scrolls between them.\n */\nexport const SignedOutFrame = forwardRef<HTMLDivElement, SignedOutFrameProps>(\n  (\n    {\n      children,\n      homeHref,\n      mainId = 'main-content',\n      loginHref,\n      registerDoctorHref,\n      registerPatientHref,\n      showFooter = true,\n      showCopyright = false,\n      marketingBaseUrl,\n      legalUrlOverrides,\n      className,\n      ...rest\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      {...rest}\n      data-component=\"signed-out-frame\"\n      className={signedOutFrameVariants({ className })}\n    >\n      {/* `<main>` is a size container, so the content can be exactly as\n          tall as the space between the header and the footer (`100cqh`)\n          and centre in it, whatever height the footer wraps to on a\n          phone. */}\n      <AppFrame\n        header={\n          <SignedOutHeader\n            homeHref={homeHref}\n            mainId={mainId}\n            loginHref={loginHref}\n            registerDoctorHref={registerDoctorHref}\n            registerPatientHref={registerPatientHref}\n          />\n        }\n        sidebar={null}\n        footer={\n          showFooter ? (\n            <PublicFooter\n              variant=\"minimal\"\n              showCopyright={showCopyright}\n              marketingBaseUrl={marketingBaseUrl}\n              legalUrlOverrides={legalUrlOverrides}\n            />\n          ) : undefined\n        }\n        mainId={mainId}\n        padded={false}\n        mainClassName=\"ds:bg-[color:var(--app-shell-background)] ds:[container-type:size]\"\n      >\n        <div className=\"ds:flex ds:min-h-[100cqh] ds:w-full ds:items-center ds:justify-center ds:p-0 ds:sm:p-[var(--spacing-lg)]\">\n          {children}\n        </div>\n      </AppFrame>\n    </div>\n  ),\n);\nSignedOutFrame.displayName = 'SignedOutFrame';\n"],"names":["linksVariants","cva","linkTo","href","isSafeHref","RegisterLinks","doctorHref","patientHref","hideLabel","t","useTranslation","jsxs","Fragment","jsx","Button","Stethoscope","User","SignedOutHeader","forwardRef","homeHref","mainId","loginHref","registerDoctorHref","registerPatientHref","ref","loginLink","doctorLink","patientLink","hasRegister","Header","HeaderStart","HeaderSkipLink","HeaderBrand","Logo","HeaderEnd","LogIn","signedOutFrameVariants","SignedOutFrame","children","showFooter","showCopyright","marketingBaseUrl","legalUrlOverrides","className","rest","AppFrame","PublicFooter"],"mappings":"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"}
+{"version":3,"file":"signed-out-frame-CgRXOUzi.js","sources":["../../src/patterns/signed-out-frame/signed-out-header.tsx","../../src/patterns/signed-out-frame/signed-out-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* SignedOutHeader — the app's Header as a visitor sees it before        */\n/* sign-in: the brand, the skip link and the way to the other            */\n/* signed-out pages. No search, inbox or account menu.                   */\n/*                                                                        */\n/* A link shows only when the host gives its address. On the login page  */\n/* that is the two ways to register; on a registration page it is the    */\n/* way back to the login.                                                */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { LogIn, Stethoscope, User } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../../components/button';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderEnd,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { Logo } from '../../components/logo';\nimport { isSafeHref } from '../../components/_shared/safe-href';\n\nexport interface SignedOutHeaderProps {\n  /** Where the brand leads. Default `/`. */\n  homeHref?: string;\n  /** The id of the `<main>` the skip link lands on. Default\n   *  `main-content`, `AppFrame`'s own default. */\n  mainId?: string;\n  /**\n   * Adds \"Sign in\". For a registration page. A path on the same site, or\n   * an address written in full (`https://…`); anything else shows no\n   * link. The same rule holds for the two addresses below.\n   */\n  loginHref?: string;\n  /** Adds \"Register as a doctor\". For the login page. */\n  registerDoctorHref?: string;\n  /** Adds \"Register as a patient\". For the login page. */\n  registerPatientHref?: string;\n}\n\n// The header's buttons are the header turned inside out: the bar's ink as\n// the fill, the bar's own colour (`--header-brand-surface`) as the text.\n// Light: white with violet text (4.75:1). Dark: the bar is the page's navy,\n// so the text is navy too; fuchsia on the cream fill would be 2.75:1.\n//\n// Hover tints the fill with the bar. In the light theme that alone would\n// drop the violet text to 4.07:1, so the text deepens with it (4.76:1):\n// `--header-brand-surface-hover` is --primary-hover in light and stays the\n// navy in dark. The buttons carry no `--secondary-border` edge: the fill is\n// already the bar's ink.\n//\n// A small button is 32px tall from `sm` up and drops its wider hit box\n// there. These keep the hit box at every width: the bar is 64px tall, and\n// a tablet is touched as much as a phone.\nconst linksVariants = cva(\n  'ds:items-center ds:gap-[var(--spacing-sm)] ds:[--secondary:var(--header-foreground)] ds:[--secondary-hover:color-mix(in_srgb,var(--header-foreground)_88%,transparent)] ds:[--secondary-border:transparent] ds:[--secondary-foreground:var(--header-brand-surface,var(--primary))] ds:[&_a:hover]:[--secondary-foreground:var(--header-brand-surface-hover,var(--primary-hover))] ds:[&_a]:sm:before:block',\n  {\n    variants: {\n      /** Labelled buttons from `md` up; icons only below it. */\n      show: {\n        wide: 'ds:hidden ds:md:inline-flex',\n        narrow: 'ds:inline-flex ds:md:hidden',\n        always: 'ds:inline-flex',\n      },\n    },\n    defaultVariants: { show: 'always' },\n  },\n);\n\n/** An address a link may use, or nothing. */\nconst linkTo = (href: string | undefined): string | undefined =>\n  href && isSafeHref(href) ? href : undefined;\n\ninterface RegisterLinksProps {\n  doctorHref: string | undefined;\n  patientHref: string | undefined;\n  hideLabel?: boolean;\n}\n\n/** The ways to open an account. Links, not buttons: each goes to its own\n *  registration page. */\nfunction RegisterLinks({\n  doctorHref,\n  patientHref,\n  hideLabel = false,\n}: RegisterLinksProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <>\n      {doctorHref && (\n        <Button\n          asChild\n          intent=\"secondary\"\n          size=\"sm\"\n          startIcon={<Stethoscope />}\n          hideLabel={hideLabel}\n        >\n          <a href={doctorHref} data-action=\"register-doctor\">\n            {t('signedOutHeader.registerDoctor')}\n          </a>\n        </Button>\n      )}\n      {patientHref && (\n        <Button\n          asChild\n          intent=\"secondary\"\n          size=\"sm\"\n          startIcon={<User />}\n          hideLabel={hideLabel}\n        >\n          <a href={patientHref} data-action=\"register-patient\">\n            {t('signedOutHeader.registerPatient')}\n          </a>\n        </Button>\n      )}\n    </>\n  );\n}\n\n/**\n * The signed-out header. `SignedOutFrame` renders it; use it on its own\n * only with a frame of your own.\n */\nexport const SignedOutHeader = forwardRef<HTMLElement, SignedOutHeaderProps>(\n  (\n    {\n      homeHref = '/',\n      mainId = 'main-content',\n      loginHref,\n      registerDoctorHref,\n      registerPatientHref,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const loginLink = linkTo(loginHref);\n    const doctorLink = linkTo(registerDoctorHref);\n    const patientLink = linkTo(registerPatientHref);\n    const hasRegister = Boolean(doctorLink || patientLink);\n\n    return (\n      <Header ref={ref}>\n        <HeaderStart>\n          <HeaderSkipLink href={`#${mainId}`} />\n          <HeaderBrand\n            href={linkTo(homeHref) ?? '/'}\n            logo={<Logo variant=\"monochrome\" size=\"md\" decorative />}\n            aria-label={t('publicHeader.homeLabel')}\n          />\n        </HeaderStart>\n        {(loginLink || hasRegister) && (\n          <HeaderEnd>\n            {/* One short label: it keeps its text on a phone. */}\n            {loginLink && (\n              <div className={linksVariants()}>\n                <Button\n                  asChild\n                  intent=\"secondary\"\n                  size=\"sm\"\n                  startIcon={<LogIn />}\n                >\n                  <a href={loginLink} data-action=\"login\">\n                    {t('signedOutHeader.login')}\n                  </a>\n                </Button>\n              </div>\n            )}\n            {/* Two labelled buttons and the brand do not fit a phone, so\n                below `md` each folds to its icon and keeps its name for a\n                screen reader. */}\n            {hasRegister && (\n              <>\n                <div className={linksVariants({ show: 'wide' })}>\n                  <RegisterLinks\n                    doctorHref={doctorLink}\n                    patientHref={patientLink}\n                  />\n                </div>\n                <div className={linksVariants({ show: 'narrow' })}>\n                  <RegisterLinks\n                    doctorHref={doctorLink}\n                    patientHref={patientLink}\n                    hideLabel\n                  />\n                </div>\n              </>\n            )}\n          </HeaderEnd>\n        )}\n      </Header>\n    );\n  },\n);\nSignedOutHeader.displayName = 'SignedOutHeader';\n","/* -------------------------------------------------------------------- */\n/* SignedOutFrame — the app frame as a visitor sees it before sign-in.   */\n/*                                                                        */\n/* The signed-out header on top, no sidebar, the page's content centred  */\n/* on the app's canvas, and the minimal footer with the privacy policy   */\n/* and the terms. The login, forgot-password and registration pages      */\n/* wear it, so they read as one family.                                  */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AppFrame } from '../../components/app-frame';\nimport {\n  PublicFooter,\n  type LegalUrlOverrides,\n} from '../../components/public-footer';\nimport {\n  SignedOutHeader,\n  type SignedOutHeaderProps,\n} from './signed-out-header';\n\nexport interface SignedOutFrameProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    SignedOutHeaderProps {\n  /** The page: a card such as `LoginForm`, centred in `<main>`. */\n  children: ReactNode;\n  /** Shows the footer with the privacy policy and the terms. Default\n   *  true. */\n  showFooter?: boolean;\n  /**\n   * Adds the footer's copyright line: the year, the company's registered\n   * name and its VAT number. Default false.\n   */\n  showCopyright?: boolean;\n  /** The site the footer's legal links lead to. Default: the footer's\n   *  own, `https://www.alfadocs.com`. */\n  marketingBaseUrl?: string;\n  /** The footer's legal links, per language, where they differ from its\n   *  defaults. */\n  legalUrlOverrides?: LegalUrlOverrides;\n}\n\n// The wrapper is only a marker: the frame inside it is the box. It has\n// no box of its own (`display: contents`), so a `className` that sizes or\n// spaces it does nothing, and a ref to it measures nothing.\nconst signedOutFrameVariants = cva('ds:contents');\n\n/**\n * The signed-out app frame. It is one viewport tall: the header and the\n * footer stay put and the content scrolls between them.\n */\nexport const SignedOutFrame = forwardRef<HTMLDivElement, SignedOutFrameProps>(\n  (\n    {\n      children,\n      homeHref,\n      mainId = 'main-content',\n      loginHref,\n      registerDoctorHref,\n      registerPatientHref,\n      showFooter = true,\n      showCopyright = false,\n      marketingBaseUrl,\n      legalUrlOverrides,\n      className,\n      ...rest\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      {...rest}\n      data-component=\"signed-out-frame\"\n      className={signedOutFrameVariants({ className })}\n    >\n      {/* `<main>` is a size container, so the content can be exactly as\n          tall as the space between the header and the footer (`100cqh`)\n          and centre in it, whatever height the footer wraps to on a\n          phone. */}\n      <AppFrame\n        header={\n          <SignedOutHeader\n            homeHref={homeHref}\n            mainId={mainId}\n            loginHref={loginHref}\n            registerDoctorHref={registerDoctorHref}\n            registerPatientHref={registerPatientHref}\n          />\n        }\n        sidebar={null}\n        footer={\n          showFooter ? (\n            <PublicFooter\n              variant=\"minimal\"\n              showCopyright={showCopyright}\n              marketingBaseUrl={marketingBaseUrl}\n              legalUrlOverrides={legalUrlOverrides}\n            />\n          ) : undefined\n        }\n        mainId={mainId}\n        padded={false}\n        mainClassName=\"ds:bg-[color:var(--app-shell-background)] ds:[container-type:size]\"\n      >\n        <div className=\"ds:flex ds:min-h-[100cqh] ds:w-full ds:items-center ds:justify-center ds:p-0 ds:sm:p-[var(--spacing-lg)]\">\n          {children}\n        </div>\n      </AppFrame>\n    </div>\n  ),\n);\nSignedOutFrame.displayName = 'SignedOutFrame';\n"],"names":["linksVariants","cva","linkTo","href","isSafeHref","RegisterLinks","doctorHref","patientHref","hideLabel","t","useTranslation","jsxs","Fragment","jsx","Button","Stethoscope","User","SignedOutHeader","forwardRef","homeHref","mainId","loginHref","registerDoctorHref","registerPatientHref","ref","loginLink","doctorLink","patientLink","hasRegister","Header","HeaderStart","HeaderSkipLink","HeaderBrand","Logo","HeaderEnd","LogIn","signedOutFrameVariants","SignedOutFrame","children","showFooter","showCopyright","marketingBaseUrl","legalUrlOverrides","className","rest","AppFrame","PublicFooter"],"mappings":"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"}