@bosonprotocol/react-kit 0.30.0-alpha.0 → 0.30.0-alpha.10

package/src/components/tooltip/Tooltip.tsx

@@ -4,12 +4,12 @@ import "tippy.js/themes/light-border.css";
 
 import Tippy, { TippyProps } from "@tippyjs/react";
 import { IconWeight, Question } from "phosphor-react";
-import React from "react";
+import React, { ReactNode } from "react";
 import styled from "styled-components";
 
 import { theme } from "../../theme";
 
-export interface TooltipProps extends TippyProps {
+export interface TooltipProps extends Omit<TippyProps, "children"> {
   content: React.ReactNode;
   interactive?: boolean;
   size?: number;
@@ -37,6 +37,7 @@ export interface TooltipProps extends TippyProps {
     | "click"
     | "focusin"
     | "manual";
+  children?: ReactNode;
 }
 
 const Button = styled.button`

package/src/components/ui/DetailsSummary.tsx

@@ -78,7 +78,7 @@ export const DetailsSummary: React.FC<DetailsSummaryProps> = ({
   children,
   className,
   initiallyOpen,
-  isOpen,
+  isOpen = initiallyOpen,
   onSetOpen,
   icon,
   $paddingSides = "2rem"

package/src/components/ui/IpfsImage.tsx

@@ -1,5 +1,5 @@
 import { CameraSlash, Image as ImageIcon } from "phosphor-react";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import styled from "styled-components";
 
 import { buttonText } from "./styles";
@@ -82,6 +82,9 @@ interface IImage {
   withLoading?: boolean;
   optimizationOpts?: Partial<ImageOptimizationOpts>;
   onSetStatus?: (status: LoadingStatus) => void;
+  overrides?: {
+    ipfsGateway?: string;
+  };
 }
 const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>> = ({
   src,
@@ -92,6 +95,7 @@ const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>> = ({
   withLoading = true,
   optimizationOpts,
   onSetStatus,
+  overrides,
   ...rest
 }) => {
   const { ipfsGateway } = useIpfsContext();
@@ -103,17 +107,28 @@ const IpfsImage: React.FC<IImage & React.HTMLAttributes<HTMLDivElement>> = ({
     onSetStatus?.(innerStatus);
   };
   const [currentSrc, setCurrentSrc] = useState<string>(
-    getImageUrl(src, ipfsGateway, optimizationOpts)
+    getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts)
   );
   const [didOriginalSrcFail, setDidOriginalSrcFail] = useState<boolean>(false);
-
+  useEffect(() => {
+    if (src === currentSrc) {
+      return;
+    }
+    // reset all if src changes
+    setStatus(withLoading ? "loading" : "success");
+    setCurrentSrc(
+      getImageUrl(src, overrides?.ipfsGateway || ipfsGateway, optimizationOpts)
+    );
+    setDidOriginalSrcFail(false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [src]);
   const isError = status === "error";
   const isLoading = status === "loading";
   const isSuccess = status === "success";
 
   return (
     <>
-      <ImageWrapper {...rest} $hide={!isLoading}>
+      <ImageWrapper {...rest} $hide={!isLoading} className="loading-container">
         <ImagePlaceholder>
           <Typography tag="div">
             <Loading />

package/src/components/widgets/commit/CommitWidget.tsx

@@ -8,7 +8,7 @@ import {
 } from "./CommitWidgetProviders";
 import GlobalStyle from "../../styles/GlobalStyle";
 import { CSSProperties } from "styled-components";
-import { useProvider } from "../../../hooks/connection/connection";
+
 type CommitProps = {
   buttonProps?: Omit<ButtonProps, "onClick">;
   trigger?: ComponentType<{ onClick: () => unknown }> | undefined;

package/src/hooks/bundles/useBundleItemsImages.ts

@@ -0,0 +1,71 @@
+import { CoreSDK, subgraph } from "@bosonprotocol/core-sdk";
+import { isNftItem } from "../../lib/bundle/filter";
+import { useErc721TokenUris } from "../contracts/erc721/useErc721TokenUris";
+import { useErc1155Uris } from "../contracts/erc1155/useErc1155Uris";
+import { useGetTokenUriImages } from "../contracts/useGetTokenUriImages";
+import { isTruthy } from "../../types/helpers";
+
+export const useBundleItemsImages = ({
+  bundleItems,
+  coreSDK
+}: {
+  bundleItems:
+    | Extract<
+        subgraph.OfferFieldsFragment["metadata"],
+        { __typename: "BundleMetadataEntity" }
+      >["items"]
+    | undefined;
+  coreSDK: CoreSDK;
+}) => {
+  const pairsContractTokens = bundleItems?.map((bundleItem) =>
+    isNftItem(bundleItem)
+      ? {
+          contractAddress: bundleItem.contract,
+          tokenIds: [
+            bundleItem.tokenId ||
+              bundleItem.tokenIdRange?.min ||
+              bundleItem.tokenIdRange?.max
+          ]
+        }
+      : null
+  );
+  const { data: erc721TokenUris } = useErc721TokenUris(
+    {
+      pairsContractTokens
+    },
+    {
+      enabled: !!pairsContractTokens?.length,
+      coreSDK
+    }
+  );
+  const { data: erc1155Uris } = useErc1155Uris(
+    {
+      pairsContractTokens
+    },
+    {
+      enabled: !!pairsContractTokens?.length,
+      coreSDK
+    }
+  );
+  const { data: ercImages } = useGetTokenUriImages(
+    {
+      pairsTokenUrisIds: pairsContractTokens?.map((pair, index) => {
+        return {
+          tokenIds: pair?.tokenIds,
+          tokenUris: erc721TokenUris?.[index]?.filter(isTruthy).length
+            ? erc721TokenUris?.[index]
+            : erc1155Uris?.[index]
+        };
+      })
+    },
+    { enabled: !!pairsContractTokens?.length }
+  );
+  const images = bundleItems?.map((bundleItem, index) => {
+    const img = ercImages?.[index][0] || ""; // image of first tokenId
+    if (isNftItem(bundleItem)) {
+      return img || bundleItem.image;
+    }
+    return img;
+  });
+  return { images };
+};

package/src/hooks/contracts/erc1155/useErc1155Uris.ts

@@ -0,0 +1,52 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+import { useQuery } from "react-query";
+
+export const useErc1155Uris = (
+  props: {
+    pairsContractTokens:
+      | ({
+          contractAddress: string | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined;
+        } | null)[]
+      | undefined;
+  },
+  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
+) => {
+  return useQuery(
+    ["useErc1155Uris", coreSDK.uuid, props],
+    async () => {
+      const { pairsContractTokens } = props;
+      if (!pairsContractTokens) {
+        return;
+      }
+
+      return (
+        await Promise.all(
+          pairsContractTokens.map(async (pair) =>
+            pair && pair.contractAddress && pair.tokenIds
+              ? await Promise.allSettled(
+                  pair.tokenIds.map((tokenId) =>
+                    tokenId && pair.contractAddress
+                      ? coreSDK.erc1155Uri({
+                          contractAddress: pair.contractAddress,
+                          tokenId
+                        })
+                      : null
+                  )
+                )
+              : null
+          )
+        )
+      ).map((promiseSettled) =>
+        promiseSettled
+          ? promiseSettled.map((promiseSettled) =>
+              promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null
+            )
+          : null
+      );
+    },
+    { enabled }
+  );
+};

package/src/hooks/contracts/erc721/useErc721TokenUris.ts

@@ -0,0 +1,52 @@
+import { CoreSDK } from "@bosonprotocol/core-sdk";
+import { useQuery } from "react-query";
+
+export const useErc721TokenUris = (
+  props: {
+    pairsContractTokens:
+      | ({
+          contractAddress: string | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined;
+        } | null)[]
+      | undefined;
+  },
+  { enabled, coreSDK }: { enabled: boolean | undefined; coreSDK: CoreSDK }
+) => {
+  return useQuery(
+    ["useErc721TokenUris", coreSDK.uuid, props],
+    async () => {
+      const { pairsContractTokens } = props;
+      if (!pairsContractTokens) {
+        return;
+      }
+
+      return (
+        await Promise.all(
+          pairsContractTokens.map(async (pair) =>
+            pair && pair.contractAddress && pair.tokenIds
+              ? await Promise.allSettled(
+                  pair.tokenIds.map((tokenId) =>
+                    tokenId && pair.contractAddress
+                      ? coreSDK.erc721TokenUri({
+                          contractAddress: pair.contractAddress,
+                          tokenId
+                        })
+                      : null
+                  )
+                )
+              : null
+          )
+        )
+      ).map((promiseSettled) =>
+        promiseSettled
+          ? promiseSettled.map((promiseSettled) =>
+              promiseSettled.status === "fulfilled"
+                ? promiseSettled.value
+                : null
+            )
+          : null
+      );
+    },
+    { enabled }
+  );
+};

package/src/hooks/contracts/useGetTokenUriImages.ts

@@ -0,0 +1,126 @@
+import { getImageUrl } from "../../lib/images/images";
+import { useQuery } from "react-query";
+
+const replaceUrlWithId = ({
+  tokenId,
+  url
+}: {
+  url: string;
+  tokenId: string;
+}) => {
+  const urlWithIdReplaced = url.replace("{id}", tokenId);
+  return urlWithIdReplaced;
+};
+
+export const useGetTokenUriImages = (
+  props: {
+    pairsTokenUrisIds:
+      | ({
+          tokenUris: (string | null | undefined)[] | undefined | null;
+          tokenIds: (string | null | undefined)[] | undefined | null;
+        } | null)[]
+      | undefined;
+
+    ipfsGateway?: string;
+  },
+  { enabled }: { enabled: boolean }
+) => {
+  const { pairsTokenUrisIds, ipfsGateway = "https://ipfs.io/ipfs" } = props;
+  return useQuery(
+    ["useGetTokenUriImages", props],
+    async () => {
+      if (!pairsTokenUrisIds) {
+        return [];
+      }
+      try {
+        return await Promise.all(
+          pairsTokenUrisIds.map(async (pair): Promise<string[]> => {
+            if (!pair) {
+              return Promise.resolve([]);
+            }
+            const { tokenIds, tokenUris } = pair;
+            if (
+              !tokenIds ||
+              !tokenUris ||
+              tokenUris.length !== tokenIds.length
+            ) {
+              return Promise.resolve([]);
+            }
+            return await Promise.all(
+              tokenUris.map(async (tokenUri, index): Promise<string> => {
+                const tokenId = tokenIds[index];
+                if (!tokenUri || !tokenId) {
+                  return "";
+                }
+                if (tokenUri.startsWith("data:application/json")) {
+                  const base64Data = tokenUri.substring(
+                    tokenUri.indexOf(",") + 1
+                  );
+                  const jsonValue = window.atob(base64Data);
+                  const parsedJson = JSON.parse(jsonValue);
+                  const image = parsedJson.image;
+                  const imageUrl = getImageUrl(image, ipfsGateway);
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: imageUrl,
+                    tokenId
+                  });
+                  return urlWithIdReplaced;
+                }
+                if (tokenUri.startsWith("ipfs")) {
+                  const imageUrl = getImageUrl(tokenUri, ipfsGateway);
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: imageUrl,
+                    tokenId
+                  });
+
+                  const fetchedMetadata = await fetch(urlWithIdReplaced);
+                  try {
+                    const jsonMetadata = await fetchedMetadata.json();
+                    const imageUrl = getImageUrl(
+                      jsonMetadata.image,
+                      ipfsGateway
+                    );
+                    return imageUrl;
+                  } catch (error) {
+                    console.debug(error);
+                  }
+
+                  return urlWithIdReplaced;
+                }
+                if (tokenUri.startsWith("http")) {
+                  const urlWithIdReplaced = replaceUrlWithId({
+                    url: tokenUri,
+                    tokenId
+                  });
+                  const fetchedMetadata = await fetch(urlWithIdReplaced);
+                  try {
+                    const jsonMetadata = await fetchedMetadata.json();
+                    const image = jsonMetadata.image;
+                    const imageUrl = getImageUrl(image, ipfsGateway);
+                    return imageUrl;
+                  } catch (error) {
+                    console.debug(error);
+                  }
+
+                  return urlWithIdReplaced;
+                }
+
+                if (tokenUri.startsWith("data:image")) {
+                  return tokenUri;
+                }
+
+                return "";
+              })
+            );
+          })
+        );
+      } catch (err) {
+        console.error(err);
+        throw err;
+      }
+    },
+    {
+      enabled
+    }
+  );
+};

package/src/hooks/index.ts

@@ -8,12 +8,12 @@ export * from "./useHandleText";
 export * from "./useExchanges";
 export * from "./useMetaTx";
 export * from "../components/widgets/finance/useOffersBacked";
-export * from "./contracts/useGetTokenUriImage";
+export * from "./contracts/useGetTokenUriImages";
 export * from "./products/useProductByUuid";
 export * from "./bundles/useBundleByUuid";
-export * from "./contracts/erc721/useErc721TokenUri";
+export * from "./contracts/erc721/useErc721TokenUris";
 export * from "./contracts/erc721/useErc721Name";
 export * from "./contracts/erc721/useErc721OwnerOf";
 export * from "./contracts/erc1155/useErc1155Name";
-export * from "./contracts/erc1155/useErc1155Uri";
+export * from "./contracts/erc1155/useErc1155Uris";
 export * from "./uniswap/useIsWindowVisible";

package/src/lib/address/address.ts

@@ -1,5 +1,12 @@
 import { getAddress } from "@ethersproject/address";
-
+export function formatAddress(address: string): string {
+  if (!address) {
+    return address;
+  }
+  return `${address.substring(0, 5)}...${address.substring(
+    address.length - 4
+  )}`;
+}
 // returns the checksummed address if the address is valid, otherwise returns false
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isAddress(value: any): string | false {

package/src/lib/bundle/const.ts

@@ -1,5 +1,5 @@
 export const digitalTypeMappingDisplay = {
-  "digital-nft": "Digital NFT",
+  "digital-nft": "NFT",
   "digital-file": "Digital File",
   experiential: "Experiential"
 } as const;
@@ -13,6 +13,23 @@ export const digitalTypeMapping = {
 export const digitalNftTypeMapping = {
   wearable: "Wearable",
   image: "Image",
-  event: "Event",
+  event: "Event access pass or ticket",
   other: "Other"
-};
+} as const;
+
+export const buyerTransferInfoMapping = {
+  email: "E-mail",
+  walletAddress: "Wallet address"
+} as const;
+
+export const ercTokenMapping = {
+  erc20: "ERC20",
+  erc721: "ERC721",
+  erc1155: "ERC1155"
+} as const;
+
+export const BUYER_TRANSFER_INFO_KEY = "buyerTransferInfo";
+export enum BuyerTransferInfo {
+  "email" = "email",
+  "walletAddress" = "walletAddress"
+}

package/src/lib/ipfs/ipfs.ts

@@ -1,6 +1,8 @@
 import { CID } from "multiformats/cid";
 import { sanitizeUrl } from "../url/url";
 
+const lensIpfs = "https://lens.infura-ipfs.io/ipfs/";
+
 export function getIpfsGatewayUrl(
   uri: string,
   opts: {
@@ -10,18 +12,26 @@ export function getIpfsGatewayUrl(
   if (!uri) {
     return uri;
   }
+  if (uri.startsWith(lensIpfs)) {
+    return uri;
+  }
   const { gateway } = opts;
-  const cidAndRest = uri.replaceAll("ipfs://", ""); // it may be ipfs://CID/123
-
   try {
-    const [cid] = cidAndRest.split("/", 1); // it may be CID/123
+    const url = new URL(
+      uri.startsWith("ipfs://") ? uri.replace("ipfs://", "https://") : uri
+    );
+    const hostIndex = uri.toLowerCase().indexOf(url.host.toLowerCase());
+    const cid = uri.substring(hostIndex, hostIndex + url.host.length); // we cannot use url.host because the browser changes it to lowercase so a lowercased CID would not be valid
     CID.parse(cid);
-    return `${gateway}/${cidAndRest}`.replace(/([^:]\/)\/+/g, "$1"); // remove double slash
+    return `${gateway}/${cid}${url.pathname === "/" ? "" : url.pathname}${url.search}`.replace(
+      /([^:]\/)\/+/g,
+      "$1"
+    ); // remove double slash
   } catch (error) {
     // If CID.parse throws, then it is either not a valid CID or just an URL
     const cidFromUrl = uri.split("/ipfs/")[1];
     if (cidFromUrl) {
-      return getIpfsGatewayUrl(cidFromUrl.split("?")[0], opts);
+      return getIpfsGatewayUrl(`ipfs://${cidFromUrl}`, opts);
     }
 
     return sanitizeUrl(uri);

package/src/lib/offer/filter.ts

@@ -1,5 +1,8 @@
 import { subgraph } from "@bosonprotocol/core-sdk";
 import type { Offer } from "../../types/offer";
+import { NftItem, isNftItem } from "../bundle/filter";
+import { BUYER_TRANSFER_INFO_KEY, BuyerTransferInfo } from "../bundle/const";
+import { isTruthy } from "../../types/helpers";
 
 export type BundleMetadata = Extract<
   Offer["metadata"],
@@ -30,3 +33,28 @@ export const isProductV1 = (
 ): offer is ProductV1 =>
   offer.metadata?.__typename === "ProductV1MetadataEntity" ||
   offer.metadata?.type === subgraph.MetadataType.PRODUCT_V1;
+
+const getBuyerTransferInfoTerm = (item: NftItem) =>
+  item.terms?.find((term) => term.key === BUYER_TRANSFER_INFO_KEY);
+export const getBuyerTransferInfos = (
+  offer: Offer | subgraph.OfferFieldsFragment
+): Set<string> => {
+  return isBundle(offer)
+    ? new Set(
+        offer.metadata.items
+          .filter(isNftItem)
+          .map((item) => getBuyerTransferInfoTerm(item)?.value)
+          .filter(isTruthy)
+      )
+    : new Set();
+};
+
+export const getHasBuyerTransferInfos = (
+  offer: Offer | subgraph.OfferFieldsFragment,
+  valuesToFind: BuyerTransferInfo[]
+): boolean => {
+  const buyerTransferInfos = getBuyerTransferInfos(offer);
+  return valuesToFind.every((buyerTransferInfoValue) => {
+    return buyerTransferInfos.has(buyerTransferInfoValue);
+  });
+};

package/src/lib/offer/getOfferDetails.ts

@@ -76,10 +76,10 @@ export const getOfferDetails = (
     | undefined = isProductV1(offer)
     ? (offer.metadata as ProductV1Sub)
     : isBundle(offer)
-    ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
-        | ProductV1Subitem
-        | undefined)
-    : undefined;
+      ? (offer.metadata?.items?.find((item) => isProductV1Item(item)) as
+          | ProductV1Subitem
+          | undefined)
+      : undefined;
   const name =
     productV1ItemMetadataEntity?.product?.title ||
     offer.metadata?.name ||
@@ -89,30 +89,44 @@ export const getOfferDetails = (
   const animationUrl = getOfferAnimationUrl(offer);
   const shippingInfo = {
     returnPeriodInDays:
-      productV1ItemMetadataEntity?.shipping?.returnPeriodInDays,
+      productV1ItemMetadataEntity?.shipping?.returnPeriodInDays ||
+      isProductV1(offer)
+        ? (offer.metadata as ProductV1Sub).shipping?.returnPeriodInDays
+        : undefined,
     shippingTable:
-      productV1ItemMetadataEntity?.shipping?.supportedJurisdictions?.map(
-        (jurisdiction: any) => ({
-          name: jurisdiction.label,
-          value: jurisdiction.deliveryTime
-        })
-      ) || []
+      (productV1ItemMetadataEntity?.shipping || isProductV1(offer)
+        ? (offer.metadata as ProductV1Sub).shipping
+        : undefined
+      )?.supportedJurisdictions?.map((jurisdiction: any) => ({
+        name: jurisdiction.label,
+        value: jurisdiction.deliveryTime
+      })) || []
   };
   const description =
     productV1ItemMetadataEntity?.product?.description ||
     offer.metadata?.description ||
     "";
-  const artist = productV1ItemMetadataEntity?.productV1Seller || null;
+  const artist =
+    productV1ItemMetadataEntity?.productV1Seller ||
+    (isProductV1(offer)
+      ? (offer.metadata as ProductV1Sub).productV1Seller
+      : null);
   const artistDescription =
     artist?.description ||
     productV1ItemMetadataEntity?.product.productV1Seller?.description ||
     "";
   const images =
-    productV1ItemMetadataEntity?.product?.visuals_images?.map(
-      ({ url }: { url: string }) => url
-    ) || [];
+    (
+      productV1ItemMetadataEntity?.product ||
+      (isProductV1(offer)
+        ? (offer.metadata as ProductV1Sub).product
+        : undefined)
+    )?.visuals_images?.map(({ url }: { url: string }) => url) || [];
   const variantsImages =
-    productV1ItemMetadataEntity?.productOverrides?.visuals_images?.map(
+    (
+      productV1ItemMetadataEntity ||
+      (isProductV1(offer) ? (offer.metadata as ProductV1Sub) : undefined)
+    )?.productOverrides?.visuals_images?.map(
       ({ url }: { url: string }) => url
     ) || [];
   const bundleItems = isBundle(offer) ? offer.metadata.items : undefined;

package/src/stories/buttons/CommitButtonView.stories.tsx

@@ -38,7 +38,6 @@ Base.args = {
   minWidth: "200px",
   minHeight: "300px",
   layout: "horizontal",
-  tagline: true,
   color: "green",
   shape: "sharp"
 };

package/src/stories/widgets/Commit.stories.tsx

@@ -264,7 +264,7 @@ export const CommitBundle: ComponentStory<typeof CommitWidget> = Template.bind(
 // More on args: https://storybook.js.org/docs/react/writing-stories/args
 CommitBundle.args = {
   envName,
-  configId: envConfig[0].configId,
+  configId: envConfig[1].configId,
   walletConnectProjectId: process.env.REACT_APP_WALLET_CONNECT_PROJECT_ID,
   dateFormat: "YYYY/MM/DD",
   defaultCurrencySymbol: "$",
@@ -278,9 +278,9 @@ CommitBundle.args = {
   offerId: "",
   defaultSelectedOfferId: "",
   disableVariationsSelects: false,
-  bundleUuid: "efc1ca63-c816-4636-bb09-0202ed5e75c3",
+  bundleUuid: "e637fb4-32b2-dd-c0ba-e178826513a3",
   productUuid: undefined,
-  sellerId: "138",
+  sellerId: "5",
   metaTx: {
     apiKey: process.env.STORYBOOK_DATA_META_TX_API_KEY as string,
     apiIds: process.env.STORYBOOK_DATA_META_TX_API_IDS as string

package/dist/cjs/components/nftItem/NftItemIcon.d.ts

@@ -1,8 +0,0 @@
-import { NftItemMetadataEntity } from "@bosonprotocol/core-sdk/dist/cjs/subgraph";
-import React from "react";
-type NftItemIconProps = {
-    nftItem: NftItemMetadataEntity;
-};
-export declare const NftItemIcon: React.FC<NftItemIconProps>;
-export {};
-//# sourceMappingURL=NftItemIcon.d.ts.map

package/dist/cjs/components/nftItem/NftItemIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NftItemIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/nftItem/NftItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}