@optiaxiom/globals 1.1.5 → 1.1.7

package/dist/cjs/index.js

@@ -19,7 +19,7 @@ const SurfaceProvider = ({
   ...props
 }) => {
   const suggestion = props.suggestions.find(
-    (s) => s.type !== "cards" && ("/" + props.path).endsWith("/" + s.surface)
+    (s) => ("/" + props.path).endsWith("/" + s.surface) && (s.type === "message" || s.type === "value" && s.value !== props.value)
   );
   const store = react.useContext(SuggestionContext);
   react.useEffect(() => {
@@ -289,7 +289,7 @@ const colors = {
   "fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
   "fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
   "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
-  "fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
+  "fg.disabled": ld(palette["neutral.500"], palette["neutral.50/32"]),
   "fg.error": ld(palette["red.500"], palette["red.300"]),
   "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
   "fg.error.light": ld(palette["red.300"], palette["red.500"]),

package/dist/esm/surface-context.js

@@ -12,7 +12,7 @@ const SurfaceProvider = ({
   ...props
 }) => {
   const suggestion = props.suggestions.find(
-    (s) => s.type !== "cards" && ("/" + props.path).endsWith("/" + s.surface)
+    (s) => ("/" + props.path).endsWith("/" + s.surface) && (s.type === "message" || s.type === "value" && s.value !== props.value)
   );
   const store = useContext(SuggestionContext);
   useEffect(() => {

package/dist/esm/tokens/colors.js

@@ -136,7 +136,7 @@ const colors = {
   "fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
   "fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
   "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
-  "fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
+  "fg.disabled": ld(palette["neutral.500"], palette["neutral.50/32"]),
   "fg.error": ld(palette["red.500"], palette["red.300"]),
   "fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
   "fg.error.light": ld(palette["red.300"], palette["red.500"]),

package/dist/index.d.ts

@@ -26,11 +26,11 @@ declare const useModalContext: (consumerName: string) => {
     shardRef: RefObject<HTMLElement>;
 };
 
-type Surface<T extends Record<string, unknown> | undefined = Record<string, unknown> | undefined> = {
+type Surface = {
     /**
      * Optional data associated with this surface.
      */
-    data?: T;
+    data?: Record<string, unknown>;
     /**
      * The surface name (used in surface path).
      */
@@ -39,8 +39,12 @@ type Surface<T extends Record<string, unknown> | undefined = Record<string, unkn
      * The surface type.
      */
     type: "action" | "cards" | "collection" | "dialog" | "page" | "product" | "property" | "resource" | "tab";
+    /**
+     * Optional value associated with this surface.
+     */
+    value?: unknown;
 };
-type SurfaceContextValue = {
+type SurfaceContextValue<V = unknown> = {
     accept: (suggestionId: string) => void;
     executeTool: (name: string, parameters: unknown) => Promise<void> | void;
     metadata: Record<string, Omit<Surface, "name">>;
@@ -48,7 +52,7 @@ type SurfaceContextValue = {
     pageViewId: string | undefined;
     path: string;
     reject: (suggestionId: string) => void;
-    renderSuggestionValue?: (value: unknown) => React.ReactNode;
+    renderSuggestionValue?: (value: V) => React.ReactNode;
     suggestionAlert: {
         register: () => () => void;
         registered: boolean;
@@ -58,8 +62,9 @@ type SurfaceContextValue = {
         registered: boolean;
     };
     suggestions: SurfaceSuggestion[];
-    track: (interaction: SurfaceInteraction, metadata?: Record<string, Omit<Surface, "name">>) => void;
+    track: (interaction: SurfaceInteraction, surfaces?: Surface[]) => void;
     type: Surface["type"];
+    value?: V;
 };
 type SurfaceInteraction = {
     id?: string;
@@ -73,6 +78,7 @@ type SurfaceInteraction = {
     name: "blurred";
 } | {
     name: "changed";
+    previousValue?: unknown;
     value: unknown;
 } | {
     name: "focused";
@@ -109,15 +115,15 @@ type SurfaceSuggestion = {
     };
     type: "message";
 });
-declare function useSurfaceContext(): SurfaceContextValue | null;
+declare function useSurfaceContext(): SurfaceContextValue<unknown> | null;
 declare const unstable_SuggestionContext: react.Context<{
-    add: (suggestion: Extract<SurfaceSuggestion, {
+    add: <V = unknown>(suggestion: Extract<SurfaceSuggestion, {
         type: "message" | "value";
-    }>, surface: Pick<SurfaceContextValue, "accept" | "executeTool" | "reject" | "renderSuggestionValue">) => () => void;
+    }>, surface: Pick<SurfaceContextValue<V>, "accept" | "executeTool" | "reject" | "renderSuggestionValue">) => () => void;
 } | null>;
-declare const unstable_SurfaceProvider: ({ accept, children, executeTool, reject, renderSuggestionValue, ...props }: SurfaceContextValue & {
+declare const unstable_SurfaceProvider: <V = unknown>({ accept, children, executeTool, reject, renderSuggestionValue, ...props }: SurfaceContextValue<V> & {
     children?: ReactNode;
-}) => react.FunctionComponentElement<react.ProviderProps<SurfaceContextValue | null>>;
+}) => react.FunctionComponentElement<react.ProviderProps<SurfaceContextValue<unknown> | null>>;
 declare const unstable_useSurfaceContext: typeof useSurfaceContext;
 
 declare const theme: MapLeafNodes<{
@@ -192,7 +198,7 @@ declare const theme: MapLeafNodes<{
         readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
         readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
         readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
-        readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
+        readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
         readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
         readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
         readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
@@ -411,7 +417,7 @@ declare const tokens: {
         readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
         readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
         readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
-        readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
+        readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
         readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
         readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
         readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "files": [
     "dist/**",
     "LICENSE"