@liner-fe/prism 1.13.25 → 1.13.27

package/lib/PrismProvider.d.ts

@@ -0,0 +1 @@
+export declare const ampLogEventFunc: import("recoil").RecoilState<((title: string, properties?: any, callback?: undefined) => Promise<undefined>) | null>;

package/lib/components/Button/index.d.ts

@@ -37,7 +37,9 @@ export interface TextButtonProps extends CommonButtonProps, VariantProps<typeof
     asChild?: boolean;
     level?: TextLevelType;
 }
-export type ButtonProps = DefaultButtonProps<FillType> | TextButtonProps;
+export type ButtonProps = (DefaultButtonProps<FillType> | TextButtonProps) & {
+    elementName?: string;
+};
 export declare const DefaultButton: import("react").ForwardRefExoticComponent<DefaultButtonProps<boolean> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const TextButton: import("react").ForwardRefExoticComponent<TextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/index.d.ts

@@ -15,3 +15,4 @@ export * from './components/Select';
 export * from './components/List';
 export * from './types/color';
 export * from './type/index';
+export * from './PrismProvider';

package/lib/index.mjs

@@ -3146,10 +3146,10 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ jsx69("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx69(
       "path",
       {
-        d: "M14 12H12V14V18V20V22V26V28V30V34V36H14H27H29V34V30V28H34H36V26V22V20V18V14V12H34H14ZM41 41H7L7 7L41 7V41Z",
-        fill: color,
-        stroke: "#1E1E1F",
-        "stroke-width": "4"
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M41 43H7C5.89543 43 5 42.1046 5 41V7C5 5.89543 5.89543 5 7 5H41C42.1046 5 43 5.89543 43 7V41C43 42.1046 42.1046 43 41 43ZM14 14V18H34V14H14ZM14 22H34V26H14V22ZM14 30V34H27V30H14Z",
+        fill: color
       }
     ) });
   }
@@ -3173,10 +3173,10 @@ var ICMemo = /* @__PURE__ */ __name((props) => {
     return /* @__PURE__ */ jsx69("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx69(
       "path",
       {
-        d: "M14.5 13H13V14.5V17.5V19H14.5H33.5H35V17.5V14.5V13H33.5H14.5ZM14.5 21H13V22.5V25.5V27H14.5H33.5H35V25.5V22.5V21H33.5H14.5ZM14.5 29H13V30.5V33.5V35H14.5H26.5H28V33.5V30.5V29H26.5H14.5ZM41 41.5H7C6.72386 41.5 6.5 41.2761 6.5 41V7C6.5 6.72386 6.72386 6.5 7 6.5H41C41.2761 6.5 41.5 6.72386 41.5 7V41C41.5 41.2761 41.2761 41.5 41 41.5Z",
-        fill: color,
-        stroke: "#1E1E1F",
-        "stroke-width": "3"
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M41 43H7C5.89543 43 5 42.1046 5 41V7C5 5.89543 5.89543 5 7 5H41C42.1046 5 43 5.89543 43 7V41C43 42.1046 42.1046 43 41 43ZM14.5 14.5V17.5H33.5V14.5H14.5ZM14.5 22.5H33.5V25.5H14.5V22.5ZM14.5 30.5V33.5H26.5V30.5H14.5Z",
+        fill: color
       }
     ) });
   }
@@ -6946,6 +6946,16 @@ var Icon = /* @__PURE__ */ __name((props) => {
   );
 }, "Icon");
 
+// src/components/Button/index.tsx
+import { useRecoilValue } from "recoil";
+
+// src/PrismProvider.tsx
+import { atom } from "recoil";
+var ampLogEventFunc = atom({
+  key: "ampLogEventFunc",
+  default: null
+});
+
 // src/components/Button/index.tsx
 import { jsx as jsx144, jsxs as jsxs103 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
@@ -7064,18 +7074,47 @@ var TextButton = forwardRef(
   }
 );
 var Button = forwardRef((props, ref) => {
-  switch (props.as) {
+  const ampLogEvent = useRecoilValue(ampLogEventFunc);
+  const { elementName, ...rest } = props;
+  switch (rest.as) {
     case "default":
     case void 0:
-      return /* @__PURE__ */ jsx144(DefaultButton, { ...props, ref });
+      return /* @__PURE__ */ jsx144(
+        DefaultButton,
+        {
+          ...rest,
+          onClick: (e) => {
+            if (ampLogEvent) {
+              ampLogEvent(`click_${elementName}_button`, {
+                button_text: rest.children?.toString(),
+                ...rest.leftIcon?.name || rest.rightIcon?.name ? { button_icon: rest.leftIcon?.name || rest.rightIcon?.name } : {}
+              });
+            }
+            props.onClick?.(e);
+          },
+          ref
+        }
+      );
     case "text":
-      return /* @__PURE__ */ jsx144(TextButton, { ...props, ref });
+      return /* @__PURE__ */ jsx144(
+        TextButton,
+        {
+          ...rest,
+          onClick: (e) => {
+            if (ampLogEvent) {
+              ampLogEvent(`click_${elementName}_button`, { button_text: rest.children?.toString() });
+            }
+            props.onClick?.(e);
+          },
+          ref
+        }
+      );
   }
 });
 
 // src/components/Toast/hooks/useToast.ts
-import { atom, useSetRecoilState } from "recoil";
-var toastAtom = atom({
+import { atom as atom2, useSetRecoilState } from "recoil";
+var toastAtom = atom2({
   default: { list: [] },
   key: "toastAtoms"
 });
@@ -7183,7 +7222,7 @@ var Paragraph = forwardRef2(
 );
 
 // src/components/Toast/index.tsx
-import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
+import { useRecoilValue as useRecoilValue2, useSetRecoilState as useSetRecoilState2 } from "recoil";
 import Lottie from "lottie-web";
 
 // src/lottie/loading.json
@@ -7663,7 +7702,7 @@ var loading_default = {
 import { jsx as jsx146, jsxs as jsxs104 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
-  const { list } = useRecoilValue(toastAtom);
+  const { list } = useRecoilValue2(toastAtom);
   return /* @__PURE__ */ jsxs104(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
     /* @__PURE__ */ jsx146(Viewport, { className: style_module_default3.ToastViewport })
@@ -8759,6 +8798,7 @@ export {
   Toaster,
   Tooltip,
   Typography,
+  ampLogEventFunc,
   arrayToStyleObject,
   colorKeys,
   getIconComponent,