@wix/web5-core 1.63.33 → 1.63.35

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/web5-core",
   "license": "MIT",
-  "version": "1.63.33",
+  "version": "1.63.35",
   "author": {
     "name": "tsachis",
     "email": "tsachis@wix.com"
@@ -100,5 +100,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "6fdb361b2f088142f1cf4d5a617f50e9dc3c0980b0af32aa30aa055e"
+  "falconPackageHash": "78b681771eab16803305210eadbe7e0c2b1eb92fe6c814756cc4a23c"
 }

package/src/components/ui/AiDisclosure.css

@@ -0,0 +1,60 @@
+/* AI disclosure row — icon + "Generated by <Store> AI · Double-check anything
+   important" (B2B-4488, Figma `Hero` 758:2948).
+
+   Every value is a web5 token, not the Figma literal it came from:
+
+     Figma                                  token
+     13px body copy                    →    --text-table-body
+     store name, 18px display italic   →    --font-display + --body-text-font-size
+     black @ 100% (icon, store name)   →    --body-text-color
+     black @ 50%  (the rest)           →    --text-muted
+
+   The 50%-black in the design computes to #808080, which is 3.95:1 on white —
+   under the 4.5:1 this text size needs. `--text-muted` (#737373 by default) is
+   the same visual weight and clears AA, so the muted role, not the alpha, is
+   what gets mapped. See docs/accessibility-guide.md.
+
+   The `--web5-ai-disclosure-*` vars are the per-client escape hatches; each
+   falls back to the shared token so a store that re-skins the theme re-skins
+   this row for free. */
+
+.web5-ai-disclosure {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: var(--web5-ai-disclosure-gap, 7px);
+  margin: 0;
+  font-size: var(--web5-ai-disclosure-font-size, var(--text-table-body));
+  font-weight: 400;
+  line-height: normal;
+  text-align: center;
+  color: var(--web5-ai-disclosure-color, var(--text-muted));
+}
+
+/* Left-aligned surfaces (placement cards, start-aligned heroes). */
+.web5-ai-disclosure--start {
+  justify-content: flex-start;
+  text-align: left;
+}
+
+.web5-ai-disclosure__icon {
+  flex: none;
+  width: var(--web5-ai-disclosure-icon-size, 24px);
+  height: var(--web5-ai-disclosure-icon-size, 24px);
+  /* Full-strength in the design, unlike the copy beside it. */
+  color: var(--web5-ai-disclosure-icon-color, var(--body-text-color));
+}
+
+/* The store's own name: the display face, so the brand is what the eye lands
+   on in an otherwise muted line. */
+.web5-ai-disclosure__assistant {
+  font-family: var(--web5-ai-disclosure-assistant-font, var(--font-display));
+  font-size: var(
+    --web5-ai-disclosure-assistant-font-size,
+    var(--body-text-font-size)
+  );
+  font-style: italic;
+  font-weight: 500;
+  color: var(--web5-ai-disclosure-assistant-color, var(--body-text-color));
+}

package/src/styles/components.css

@@ -1,7 +1,7 @@
 @import '../components/ui/SearchSection.css';
 @import '../components/ui/PromptEntryEmptyState.css';
 @import '../components/ui/FeedbackBar.css';
-@import '../components/ui/Disclaimer.css';
+@import '../components/ui/AiDisclosure.css';
 @import '../components/ui/UserQuery.css';
 @import '../components/ui/PlacementLoader.css';
 @import '../components/placement/PlacementResponseRenderer.css';

package/dist/cjs/components/ui/Disclaimer.css

@@ -1,35 +0,0 @@
-/* "AI can make mistakes. Learn more" footer. Mounted by the host app
-   alongside the FeedbackBar; clients can override the whole component via
-   the DisclaimerComponent UI slot.
-
-   Typography defaults mirror `.web5-feedback-bar` so a single client-side
-   override (`--web5-feedback-bar-color`) re-skins both together. The
-   disclaimer-specific vars stay as escape hatches when divergence is
-   needed. */
-
-.web5-disclaimer {
-  margin: 0;
-  font-size: var(
-    --web5-disclaimer-font-size,
-    var(--web5-feedback-bar-font-size, 13px)
-  );
-  font-weight: 400;
-  line-height: normal;
-  color: var(
-    --web5-disclaimer-color,
-    var(--web5-feedback-bar-color, var(--web5-feedback-label-color, #6b7280))
-  );
-  text-align: var(--web5-disclaimer-text-align, left);
-}
-
-.web5-disclaimer__link {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-skip-ink: none;
-  cursor: pointer;
-}
-
-.web5-disclaimer__link:hover,
-.web5-disclaimer__link:focus-visible {
-  color: var(--web5-disclaimer-link-hover-color, inherit);
-}

package/dist/cjs/components/ui/Disclaimer.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Disclaimer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../lib/utils");
-var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/Disclaimer.tsx";
-/**
- * "AI can make mistakes. Learn more" footer. Renders as plain text + an
- * optional link; clients can override the whole component via the
- * `DisclaimerComponent` UI slot.
- */
-const Disclaimer = ({
-  text = 'AI can make mistakes.',
-  learnMoreText = 'Learn more',
-  learnMoreHref,
-  learnMoreTarget = '_blank',
-  onLearnMoreClick,
-  className
-}) => {
-  const showLink = Boolean(learnMoreHref);
-  const rel = learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined;
-  return /*#__PURE__*/_react.default.createElement("p", {
-    className: (0, _utils.cn)('web5-disclaimer', className),
-    role: "note",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "web5-disclaimer__text",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 7
-    }
-  }, text), showLink && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement("a", {
-    className: "web5-disclaimer__link",
-    href: learnMoreHref,
-    target: learnMoreTarget,
-    rel: rel,
-    onClick: onLearnMoreClick,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 40,
-      columnNumber: 11
-    }
-  }, learnMoreText)));
-};
-exports.Disclaimer = Disclaimer;
-//# sourceMappingURL=Disclaimer.js.map

package/dist/cjs/components/ui/Disclaimer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_jsxFileName","Disclaimer","text","learnMoreText","learnMoreHref","learnMoreTarget","onLearnMoreClick","className","showLink","Boolean","rel","undefined","default","createElement","cn","role","__self","__source","fileName","lineNumber","columnNumber","Fragment","href","target","onClick","exports"],"sources":["../../../../src/components/ui/Disclaimer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface DisclaimerProps {\n  /** Disclaimer body text. Default: \"AI can make mistakes.\" */\n  text?: string;\n  /** Label for the trailing link. Default: \"Learn more\". */\n  learnMoreText?: string;\n  /** URL the \"Learn more\" link opens. When omitted, the link is not rendered. */\n  learnMoreHref?: string;\n  /** Override the link target. Default: `_blank` (opens in a new tab). */\n  learnMoreTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Click handler invoked before navigation. Use to fire analytics. */\n  onLearnMoreClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n  className?: string;\n}\n\n/**\n * \"AI can make mistakes. Learn more\" footer. Renders as plain text + an\n * optional link; clients can override the whole component via the\n * `DisclaimerComponent` UI slot.\n */\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  text = 'AI can make mistakes.',\n  learnMoreText = 'Learn more',\n  learnMoreHref,\n  learnMoreTarget = '_blank',\n  onLearnMoreClick,\n  className,\n}) => {\n  const showLink = Boolean(learnMoreHref);\n  const rel = learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined;\n\n  return (\n    <p className={cn('web5-disclaimer', className)} role=\"note\">\n      <span className=\"web5-disclaimer__text\">{text}</span>\n      {showLink && (\n        <>\n          {' '}\n          <a\n            className=\"web5-disclaimer__link\"\n            href={learnMoreHref}\n            target={learnMoreTarget}\n            rel={rel}\n            onClick={onLearnMoreClick}\n          >\n            {learnMoreText}\n          </a>\n        </>\n      )}\n    </p>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAqC,IAAAE,YAAA;AAgBrC;AACA;AACA;AACA;AACA;AACO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,IAAI,GAAG,uBAAuB;EAC9BC,aAAa,GAAG,YAAY;EAC5BC,aAAa;EACbC,eAAe,GAAG,QAAQ;EAC1BC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGC,OAAO,CAACL,aAAa,CAAC;EACvC,MAAMM,GAAG,GAAGL,eAAe,KAAK,QAAQ,GAAG,qBAAqB,GAAGM,SAAS;EAE5E,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAGN,SAAS,EAAE,IAAAO,SAAE,EAAC,iBAAiB,EAAEP,SAAS,CAAE;IAACQ,IAAI,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzDxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAMN,SAAS,EAAC,uBAAuB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAElB,IAAW,CAAC,EACpDM,QAAQ,iBACPZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAS,QAAA,QACG,GAAG,eACJzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IACEN,SAAS,EAAC,uBAAuB;IACjCe,IAAI,EAAElB,aAAc;IACpBmB,MAAM,EAAElB,eAAgB;IACxBK,GAAG,EAAEA,GAAI;IACTc,OAAO,EAAElB,gBAAiB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEzBjB,aACA,CACH,CAEH,CAAC;AAER,CAAC;AAACsB,OAAA,CAAAxB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/esm/components/ui/Disclaimer.css

@@ -1,35 +0,0 @@
-/* "AI can make mistakes. Learn more" footer. Mounted by the host app
-   alongside the FeedbackBar; clients can override the whole component via
-   the DisclaimerComponent UI slot.
-
-   Typography defaults mirror `.web5-feedback-bar` so a single client-side
-   override (`--web5-feedback-bar-color`) re-skins both together. The
-   disclaimer-specific vars stay as escape hatches when divergence is
-   needed. */
-
-.web5-disclaimer {
-  margin: 0;
-  font-size: var(
-    --web5-disclaimer-font-size,
-    var(--web5-feedback-bar-font-size, 13px)
-  );
-  font-weight: 400;
-  line-height: normal;
-  color: var(
-    --web5-disclaimer-color,
-    var(--web5-feedback-bar-color, var(--web5-feedback-label-color, #6b7280))
-  );
-  text-align: var(--web5-disclaimer-text-align, left);
-}
-
-.web5-disclaimer__link {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-skip-ink: none;
-  cursor: pointer;
-}
-
-.web5-disclaimer__link:hover,
-.web5-disclaimer__link:focus-visible {
-  color: var(--web5-disclaimer-link-hover-color, inherit);
-}

package/dist/esm/components/ui/Disclaimer.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { cn } from '../../lib/utils.js';
-/**
- * "AI can make mistakes. Learn more" footer. Renders as plain text + an
- * optional link; clients can override the whole component via the
- * `DisclaimerComponent` UI slot.
- */
-export const Disclaimer = _ref => {
-  let {
-    text = 'AI can make mistakes.',
-    learnMoreText = 'Learn more',
-    learnMoreHref,
-    learnMoreTarget = '_blank',
-    onLearnMoreClick,
-    className
-  } = _ref;
-  const showLink = Boolean(learnMoreHref);
-  const rel = learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined;
-  return /*#__PURE__*/React.createElement("p", {
-    className: cn('web5-disclaimer', className),
-    role: "note"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "web5-disclaimer__text"
-  }, text), showLink && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement("a", {
-    className: "web5-disclaimer__link",
-    href: learnMoreHref,
-    target: learnMoreTarget,
-    rel: rel,
-    onClick: onLearnMoreClick
-  }, learnMoreText)));
-};
-//# sourceMappingURL=Disclaimer.js.map

package/dist/esm/components/ui/Disclaimer.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","cn","Disclaimer","_ref","text","learnMoreText","learnMoreHref","learnMoreTarget","onLearnMoreClick","className","showLink","Boolean","rel","undefined","createElement","role","Fragment","href","target","onClick"],"sources":["../../../../src/components/ui/Disclaimer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface DisclaimerProps {\n  /** Disclaimer body text. Default: \"AI can make mistakes.\" */\n  text?: string;\n  /** Label for the trailing link. Default: \"Learn more\". */\n  learnMoreText?: string;\n  /** URL the \"Learn more\" link opens. When omitted, the link is not rendered. */\n  learnMoreHref?: string;\n  /** Override the link target. Default: `_blank` (opens in a new tab). */\n  learnMoreTarget?: '_blank' | '_self' | '_parent' | '_top';\n  /** Click handler invoked before navigation. Use to fire analytics. */\n  onLearnMoreClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n  className?: string;\n}\n\n/**\n * \"AI can make mistakes. Learn more\" footer. Renders as plain text + an\n * optional link; clients can override the whole component via the\n * `DisclaimerComponent` UI slot.\n */\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  text = 'AI can make mistakes.',\n  learnMoreText = 'Learn more',\n  learnMoreHref,\n  learnMoreTarget = '_blank',\n  onLearnMoreClick,\n  className,\n}) => {\n  const showLink = Boolean(learnMoreHref);\n  const rel = learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined;\n\n  return (\n    <p className={cn('web5-disclaimer', className)} role=\"note\">\n      <span className=\"web5-disclaimer__text\">{text}</span>\n      {showLink && (\n        <>\n          {' '}\n          <a\n            className=\"web5-disclaimer__link\"\n            href={learnMoreHref}\n            target={learnMoreTarget}\n            rel={rel}\n            onClick={onLearnMoreClick}\n          >\n            {learnMoreText}\n          </a>\n        </>\n      )}\n    </p>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,EAAE,QAAQ,iBAAiB;AAgBpC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA+B,GAAGC,IAAA,IAOzC;EAAA,IAP0C;IAC9CC,IAAI,GAAG,uBAAuB;IAC9BC,aAAa,GAAG,YAAY;IAC5BC,aAAa;IACbC,eAAe,GAAG,QAAQ;IAC1BC,gBAAgB;IAChBC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,QAAQ,GAAGC,OAAO,CAACL,aAAa,CAAC;EACvC,MAAMM,GAAG,GAAGL,eAAe,KAAK,QAAQ,GAAG,qBAAqB,GAAGM,SAAS;EAE5E,oBACEb,KAAA,CAAAc,aAAA;IAAGL,SAAS,EAAER,EAAE,CAAC,iBAAiB,EAAEQ,SAAS,CAAE;IAACM,IAAI,EAAC;EAAM,gBACzDf,KAAA,CAAAc,aAAA;IAAML,SAAS,EAAC;EAAuB,GAAEL,IAAW,CAAC,EACpDM,QAAQ,iBACPV,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAgB,QAAA,QACG,GAAG,eACJhB,KAAA,CAAAc,aAAA;IACEL,SAAS,EAAC,uBAAuB;IACjCQ,IAAI,EAAEX,aAAc;IACpBY,MAAM,EAAEX,eAAgB;IACxBK,GAAG,EAAEA,GAAI;IACTO,OAAO,EAAEX;EAAiB,GAEzBH,aACA,CACH,CAEH,CAAC;AAER,CAAC","ignoreList":[]}

package/dist/types/components/ui/Disclaimer.d.ts

@@ -1,21 +0,0 @@
-import React, { FC } from 'react';
-export interface DisclaimerProps {
-    /** Disclaimer body text. Default: "AI can make mistakes." */
-    text?: string;
-    /** Label for the trailing link. Default: "Learn more". */
-    learnMoreText?: string;
-    /** URL the "Learn more" link opens. When omitted, the link is not rendered. */
-    learnMoreHref?: string;
-    /** Override the link target. Default: `_blank` (opens in a new tab). */
-    learnMoreTarget?: '_blank' | '_self' | '_parent' | '_top';
-    /** Click handler invoked before navigation. Use to fire analytics. */
-    onLearnMoreClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    className?: string;
-}
-/**
- * "AI can make mistakes. Learn more" footer. Renders as plain text + an
- * optional link; clients can override the whole component via the
- * `DisclaimerComponent` UI slot.
- */
-export declare const Disclaimer: FC<DisclaimerProps>;
-//# sourceMappingURL=Disclaimer.d.ts.map

package/dist/types/components/ui/Disclaimer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Disclaimer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Disclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1D,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8B1C,CAAC"}

package/src/components/ui/Disclaimer.css

@@ -1,35 +0,0 @@
-/* "AI can make mistakes. Learn more" footer. Mounted by the host app
-   alongside the FeedbackBar; clients can override the whole component via
-   the DisclaimerComponent UI slot.
-
-   Typography defaults mirror `.web5-feedback-bar` so a single client-side
-   override (`--web5-feedback-bar-color`) re-skins both together. The
-   disclaimer-specific vars stay as escape hatches when divergence is
-   needed. */
-
-.web5-disclaimer {
-  margin: 0;
-  font-size: var(
-    --web5-disclaimer-font-size,
-    var(--web5-feedback-bar-font-size, 13px)
-  );
-  font-weight: 400;
-  line-height: normal;
-  color: var(
-    --web5-disclaimer-color,
-    var(--web5-feedback-bar-color, var(--web5-feedback-label-color, #6b7280))
-  );
-  text-align: var(--web5-disclaimer-text-align, left);
-}
-
-.web5-disclaimer__link {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-skip-ink: none;
-  cursor: pointer;
-}
-
-.web5-disclaimer__link:hover,
-.web5-disclaimer__link:focus-visible {
-  color: var(--web5-disclaimer-link-hover-color, inherit);
-}