npm - @pega/cosmos-react-social - Versions diffs - 9.0.0-build.9.8 → 9.0.0 - Mend

@pega/cosmos-react-social 9.0.0-build.9.8 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/lib/components/HashtagButton/HashtagButton.js CHANGED Viewed

@@ -11,15 +11,32 @@ const serializer = new XMLSerializer();
 const HashtagButton = forwardRef(function HashtagButton({ children, tag: tagProp = '', ...restProps }, ref) {
     const { onTagClick } = useContext(FeedContext);
     let tag = '';
+    let bold = false;
+    let italic = false;
+    let lineThrough = false;
+    let code = false;
     if (!isValidElement(children)) {
         if (!children.tag)
             return _jsx("span", { children: children.rawText });
-        tag = children.tag;
+        tag = String(children.tag);
+        bold = !!children.bold;
+        italic = !!children.italic;
+        lineThrough = !!children['line-through'];
+        code = !!children.code;
     }
     else {
         tag = tagProp;
     }
-    return (_jsx(StyledTag, { ...restProps, ref: ref, onClick: () => onTagClick?.(tag), spellCheck: false, children: isValidElement(children) ? children : tag }));
+    let formattedTag = tag;
+    if (code)
+        formattedTag = _jsx("code", { children: formattedTag });
+    if (lineThrough)
+        formattedTag = _jsx("del", { children: formattedTag });
+    if (italic)
+        formattedTag = _jsx("em", { children: formattedTag });
+    if (bold)
+        formattedTag = _jsx("strong", { children: formattedTag });
+    return (_jsx(StyledTag, { ...restProps, ref: ref, onClick: () => onTagClick?.(tag), spellCheck: false, children: isValidElement(children) ? children : formattedTag }));
 });
 export const HashtagButtonConfig = {
     type: 'tag',

package/lib/components/HashtagButton/HashtagButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HashtagButton.js","sourceRoot":"","sources":["../../../src/components/HashtagButton/HashtagButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASnD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAE5B,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;AAEvC,MAAM,aAAa,GAAyD,UAAU,CACpF,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,SAAS,EAAuC,EAClF,GAA2B;IAE3B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/C,IAAI,GAAG,GAAG,EAAE,CAAC;~~IAEb~~,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG;YAAE,OAAO,yBAAO,QAAQ,CAAC,OAAO,GAAQ,CAAC;QAC1D,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;~~IACrB~~,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,OAAO,CAAC;IAChB,CAAC;IAED,OAAO,CACL,KAAC,SAAS,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,YACpF,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,~~GAAG~~,~~GAChC~~,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0CAA0C;IACxD,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QACnC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC3D,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEjC,OAAO,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC3B,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAE7C,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,GAAG;YAAE,OAAO,SAAS,CAAC;QACrD,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IACjC,CAAC;CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, ReactElement, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport { Tag, isValidElement } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface HashtagButtonProps {\n /** Text for the button, or an object containing all necessary props. /\n children: Record<string, string> \| ReactElement;\n /* The tag value. */\n tag?: string;\n}\n\nconst StyledTag = styled(Tag)`\n cursor: pointer;\n`;\n\nconst serializer = new XMLSerializer();\n\nconst HashtagButton: FunctionComponent<HashtagButtonProps & ForwardProps> = forwardRef(\n function HashtagButton(\n { children, tag: tagProp = '', ...restProps }: PropsWithoutRef<HashtagButtonProps>,\n ref: Ref<HTMLButtonElement>\n ) {\n const { onTagClick } = useContext(FeedContext);\n\n let tag = '';\n\n if (!isValidElement(children)) {\n if (!children.tag) return <span>{children.rawText}</span>;\n tag = children.tag;\n } else {\n tag = tagProp;\n }\n\n return (\n <StyledTag {...restProps} ref={ref} onClick={() => onTagClick?.(tag)} spellCheck={false}>\n {isValidElement(children) ? children : ~~tag~~}\n </StyledTag>\n );\n }\n);\n\nexport const HashtagButtonConfig = {\n type: 'tag',\n xmlElement: 'pega-tag',\n regexPattern: /(?:^\|)<pega-tag (?:[^\\n/]\|\\/(?!>))+\\/>/gm,\n component: HashtagButton,\n inject: ({ tag }: { tag: string }) => {\n if (!tag) return;\n\n const element = document.createElementNS(null, 'pega-tag');\n element.setAttribute('tag', tag);\n\n return serializer.serializeToString(element);\n },\n extract: (element: string) => {\n const attributes = getXMLAttributes(element);\n\n if (!attributes \|\| !attributes.tag) return undefined;\n return { tag: attributes.tag };\n }\n};\n\nexport default HashtagButton;\n"]}
1	+ {"version":3,"file":"HashtagButton.js","sourceRoot":"","sources":["../../../src/components/HashtagButton/HashtagButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, ReactElement, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport { Tag, isValidElement } from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface HashtagButtonProps {\n /** Text for the button, or an object containing all necessary props. /\n children: Record<string, string \| boolean> \| ReactElement;\n /* The tag value. */\n tag?: string;\n}\n\nconst StyledTag = styled(Tag)`\n cursor: pointer;\n`;\n\nconst serializer = new XMLSerializer();\n\nconst HashtagButton: FunctionComponent<HashtagButtonProps & ForwardProps> = forwardRef(\n function HashtagButton(\n { children, tag: tagProp = '', ...restProps }: PropsWithoutRef<HashtagButtonProps>,\n ref: Ref<HTMLButtonElement>\n ) {\n const { onTagClick } = useContext(FeedContext);\n\n let tag = '';\n let bold = false;\n let italic = false;\n let lineThrough = false;\n let code = false;\n\n if (!isValidElement(children)) {\n if (!children.tag) return <span>{children.rawText}</span>;\n tag = String(children.tag);\n bold = !!children.bold;\n italic = !!children.italic;\n lineThrough = !!children['line-through'];\n code = !!children.code;\n } else {\n tag = tagProp;\n }\n\n let formattedTag: string \| JSX.Element = tag;\n if (code) formattedTag = <code>{formattedTag}</code>;\n if (lineThrough) formattedTag = <del>{formattedTag}</del>;\n if (italic) formattedTag = <em>{formattedTag}</em>;\n if (bold) formattedTag = <strong>{formattedTag}</strong>;\n\n return (\n <StyledTag {...restProps} ref={ref} onClick={() => onTagClick?.(tag)} spellCheck={false}>\n {isValidElement(children) ? children : formattedTag}\n </StyledTag>\n );\n }\n);\n\nexport const HashtagButtonConfig = {\n type: 'tag',\n xmlElement: 'pega-tag',\n regexPattern: /(?:^\|)<pega-tag (?:[^\\n/]\|\\/(?!>))+\\/>/gm,\n component: HashtagButton,\n inject: ({ tag }: { tag: string }) => {\n if (!tag) return;\n\n const element = document.createElementNS(null, 'pega-tag');\n element.setAttribute('tag', tag);\n\n return serializer.serializeToString(element);\n },\n extract: (element: string) => {\n const attributes = getXMLAttributes(element);\n\n if (!attributes \|\| !attributes.tag) return undefined;\n return { tag: attributes.tag };\n }\n};\n\nexport default HashtagButton;\n"]}

package/lib/components/MentionButton/MentionButton.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { FunctionComponent, ReactElement } from 'react';
 import type { ForwardProps } from '@pega/cosmos-react-core';
 interface MentionButtonProps {
     /** Text for the button, or an object containing all necessary props. */
-    children: Record<string, string> | ReactElement;
+    children: Record<string, string | boolean> | ReactElement;
     /** The id of the mention. */
     id?: string;
     /** The text of the mention button. */

package/lib/components/MentionButton/MentionButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionButton.d.ts","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,YAAY,EAAmB,MAAM,OAAO,CAAC;AAU/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,UAAU,kBAAkB;IAC1B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;~~IAChD~~,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,~~CAoFvE~~,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;uCAKK;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE;uBAWzE,MAAM;;;;;;CAW1B,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"MentionButton.d.ts","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,YAAY,EAAmB,MAAM,OAAO,CAAC;AAU/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,UAAU,kBAAkB;IAC1B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,YAAY,CAAC;IAC1D,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAkGvE,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;uCAKK;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE;uBAWzE,MAAM;;;;;;CAW1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/MentionButton/MentionButton.js CHANGED Viewed

@@ -28,13 +28,21 @@ const MentionButton = forwardRef(function MentionButton({ children, id: idProp =
     let text = '';
     let type = '';
     let href = '';
+    let bold = false;
+    let italic = false;
+    let lineThrough = false;
+    let code = false;
     if (!isValidElement(children)) {
         if (!children.id || !children.text || !children.type)
             return _jsx("span", { children: children.rawText });
-        id = children.id;
-        text = children.text;
-        type = children.type;
-        href = children.href || '';
+        id = String(children.id);
+        text = String(children.text);
+        type = String(children.type);
+        href = String(children.href || '');
+        bold = !!children.bold;
+        italic = !!children.italic;
+        lineThrough = !!children['line-through'];
+        code = !!children.code;
     }
     else {
         id = idProp;
@@ -42,6 +50,15 @@ const MentionButton = forwardRef(function MentionButton({ children, id: idProp =
         type = typeProp;
         href = hrefProp;
     }
+    let formattedText = text;
+    if (code)
+        formattedText = _jsx("code", { children: formattedText });
+    if (lineThrough)
+        formattedText = _jsx("del", { children: formattedText });
+    if (italic)
+        formattedText = _jsx("em", { children: formattedText });
+    if (bold)
+        formattedText = _jsx("strong", { children: formattedText });
     const handleClick = (e) => {
         setTarget(e.currentTarget);
         const comp = onMentionClick?.({
@@ -60,7 +77,7 @@ const MentionButton = forwardRef(function MentionButton({ children, id: idProp =
                         text,
                         type
                     })
-                    : undefined, spellCheck: false, children: isValidElement(children) ? children : text })) : (_jsx(StyledButton, { ...restProps, ref: mentionRef, variant: 'link', onClick: handleClick, spellCheck: false, children: isValidElement(children) ? children : text })), target && mentionContent] }));
+                    : undefined, spellCheck: false, children: isValidElement(children) ? children : formattedText })) : (_jsx(StyledButton, { ...restProps, ref: mentionRef, variant: 'link', onClick: handleClick, spellCheck: false, children: isValidElement(children) ? children : formattedText })), target && mentionContent] }));
 });
 export const MentionButtonConfig = {
     type: 'mention',

package/lib/components/MentionButton/MentionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionButton.js","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,MAAM,EACN,IAAI,EACJ,kBAAkB,EAClB,UAAU,EACV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAenD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;CAMlC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;CAM9B,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;AAEvC,MAAM,aAAa,GAAyD,UAAU,CACpF,SAAS,aAAa,CACpB,EACE,QAAQ,EACR,EAAE,EAAE,MAAM,GAAG,EAAE,EACf,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,GAAG,SAAS,EACwB,EACtC,~~GAA2B~~;~~IAE3B~~,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAChF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,~~CAAoB~~,IAAI,CAAC,CAAC;~~IAChE~~,MAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAE3C,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,IAAI,GAAG,EAAE,CAAC;~~IAEd~~,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI;YAAE,OAAO,yBAAO,QAAQ,CAAC,OAAO,GAAQ,CAAC;QAC7F,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC;~~QACjB~~,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;~~QACrB~~,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;~~QACrB~~,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;~~IAC7B~~,CAAC;SAAM,CAAC;QACN,EAAE,GAAG,MAAM,CAAC;QACZ,IAAI,GAAG,QAAQ,CAAC;QAChB,IAAI,GAAG,QAAQ,CAAC;QAChB,IAAI,GAAG,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,EAAE;QACvD,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC3B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;YAC5B,EAAE;YACF,IAAI;YACJ,IAAI;YACJ,MAAM,EAAE,CAAC,CAAC,aAAa;YACvB,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;SACpC,CAAC,CAAC;QACH,IAAI,IAAI;YAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,UAAU,OACL,SAAS,EACb,GAAG,EAAE,~~UAAU~~,~~EACf~~,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,CAAC,CAAC,gBAAgB,EAC/B,SAAS,EACP,gBAAgB;oBACd,CAAC,CAAC,GAAG,EAAE,CACH,gBAAgB,CAAC;wBACf,EAAE;wBACF,IAAI;wBACJ,IAAI;qBACL,CAAC;oBACN,CAAC,CAAC,SAAS,EAEf,UAAU,EAAE,KAAK,YAEhB,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,~~IAAI~~,~~GAChC~~,CACd,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,OACP,SAAS,EACb,GAAG,EAAE,UAAU,EACf,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,KAAK,YAEhB,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,~~IAAI~~,~~GAC9B~~,CAChB,EACA,MAAM,IAAI,cAAc,IACxB,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,cAAc;IAC1B,YAAY,EAAE,6CAA6C;IAC3D,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAA6D,EAAE,EAAE;QAC9F,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QAC/D,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC/B,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACnC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACnC,IAAI,IAAI;YAAE,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE7C,OAAO,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC3B,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAE7C,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI;YAAE,OAAO,SAAS,CAAC;QAC5F,OAAO;YACL,EAAE,EAAE,UAAU,CAAC,EAAE;YACjB,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,IAAI,EAAE,UAAU,CAAC,IAAI;SACtB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { forwardRef, useContext, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, ReactElement, Ref, MouseEvent } from 'react';\nimport styled from 'styled-components';\n\nimport {\n Button,\n Link,\n useConsolidatedRef,\n useElement,\n isValidElement\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface MentionButtonProps {\n /** Text for the button, or an object containing all necessary props. /\n children: Record<string, string> \| ReactElement;\n /* The id of the mention. /\n id?: string;\n /* The text of the mention button. /\n text?: string;\n /* Designates the type of the mention for proper handling on click. /\n type?: string;\n /* If an href is provided, render a link. Otherwise, render a button. */\n href?: string;\n}\n\nconst StyledButton = styled(Button)`\n &:enabled:focus,\n &:not([disabled]):focus {\n box-shadow: none;\n text-decoration: underline;\n }\n`;\n\nconst StyledLink = styled(Link)`\n &:enabled:focus,\n &:not([disabled]):focus {\n box-shadow: none;\n text-decoration: underline;\n }\n`;\n\nconst serializer = new XMLSerializer();\n\nconst MentionButton: FunctionComponent<MentionButtonProps & ForwardProps> = forwardRef(\n function MentionButton(\n {\n children,\n id: idProp = '',\n text: textProp = '',\n type: typeProp = '',\n href: hrefProp = '',\n ...restProps\n }: PropsWithoutRef<MentionButtonProps>,\n ref: Ref<HTMLButtonElement>\n ) {\n const { onMentionClick, onMentionPreview } = useContext(FeedContext);\n const [mentionContent, setMentionContent] = useState<JSX.Element \| undefined>();\n const [target, setTarget] = useElement<HTMLButtonElement>(null);\n const mentionRef = useConsolidatedRef(ref);\n\n let id = '';\n let text = '';\n let type = '';\n let href = '';\n\n if (!isValidElement(children)) {\n if (!children.id \|\| !children.text \|\| !children.type) return <span>{children.rawText}</span>;\n id = children.id;\n text = children.text;\n type = children.type;\n href = children.href \|\| '';\n } else {\n id = idProp;\n text = textProp;\n type = typeProp;\n href = hrefProp;\n }\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n setTarget(e.currentTarget);\n const comp = onMentionClick?.({\n id,\n text,\n type,\n target: e.currentTarget,\n closeGlimpse: () => setTarget(null)\n });\n if (comp) setMentionContent(comp);\n };\n\n return (\n <>\n {href ? (\n <StyledLink\n {...restProps}\n ref={mentionRef}\n href={href}\n previewable={!!onMentionPreview}\n onPreview={\n onMentionPreview\n ? () =>\n onMentionPreview({\n id,\n text,\n type\n })\n : undefined\n }\n spellCheck={false}\n >\n {isValidElement(children) ? children : ~~text~~}\n </StyledLink>\n ) : (\n <StyledButton\n {...restProps}\n ref={mentionRef}\n variant='link'\n onClick={handleClick}\n spellCheck={false}\n >\n {isValidElement(children) ? children : ~~text~~}\n </StyledButton>\n )}\n {target && mentionContent}\n </>\n );\n }\n);\n\nexport const MentionButtonConfig = {\n type: 'mention',\n xmlElement: 'pega-mention',\n regexPattern: /(?:^\|)<pega-mention (?:[^\\n/]\|\\/(?!>))+\\/>/g,\n component: MentionButton,\n inject: ({ id, type, text, href }: { id: string; type: string; text: string; href?: string }) => {\n if (!id \|\| !type \|\| !text) return;\n\n const element = document.createElementNS(null, 'pega-mention');\n element.setAttribute('id', id);\n element.setAttribute('text', text);\n element.setAttribute('type', type);\n if (href) element.setAttribute('href', href);\n\n return serializer.serializeToString(element);\n },\n extract: (element: string) => {\n const attributes = getXMLAttributes(element);\n\n if (!attributes \|\| !attributes.id \|\| !attributes.text \|\| !attributes.type) return undefined;\n return {\n id: attributes.id,\n text: attributes.text,\n type: attributes.type,\n href: attributes.href\n };\n }\n};\n\nexport default MentionButton;\n"]}
1	+ {"version":3,"file":"MentionButton.js","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useContext, useState } from 'react';\nimport type { FunctionComponent, PropsWithoutRef, ReactElement, Ref, MouseEvent } from 'react';\nimport styled from 'styled-components';\n\nimport {\n Button,\n Link,\n useConsolidatedRef,\n useElement,\n isValidElement\n} from '@pega/cosmos-react-core';\nimport type { ForwardProps } from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface MentionButtonProps {\n /** Text for the button, or an object containing all necessary props. /\n children: Record<string, string \| boolean> \| ReactElement;\n /* The id of the mention. /\n id?: string;\n /* The text of the mention button. /\n text?: string;\n /* Designates the type of the mention for proper handling on click. /\n type?: string;\n /* If an href is provided, render a link. Otherwise, render a button. */\n href?: string;\n}\n\nconst StyledButton = styled(Button)`\n &:enabled:focus,\n &:not([disabled]):focus {\n box-shadow: none;\n text-decoration: underline;\n }\n`;\n\nconst StyledLink = styled(Link)`\n &:enabled:focus,\n &:not([disabled]):focus {\n box-shadow: none;\n text-decoration: underline;\n }\n`;\n\nconst serializer = new XMLSerializer();\n\nconst MentionButton: FunctionComponent<MentionButtonProps & ForwardProps> = forwardRef(\n function MentionButton(\n {\n children,\n id: idProp = '',\n text: textProp = '',\n type: typeProp = '',\n href: hrefProp = '',\n ...restProps\n }: PropsWithoutRef<MentionButtonProps>,\n ref: Ref<HTMLButtonElement \| HTMLAnchorElement>\n ) {\n const { onMentionClick, onMentionPreview } = useContext(FeedContext);\n const [mentionContent, setMentionContent] = useState<JSX.Element \| undefined>();\n const [target, setTarget] = useElement<HTMLButtonElement \| HTMLAnchorElement>(null);\n const mentionRef = useConsolidatedRef(ref);\n\n let id = '';\n let text = '';\n let type = '';\n let href = '';\n let bold = false;\n let italic = false;\n let lineThrough = false;\n let code = false;\n\n if (!isValidElement(children)) {\n if (!children.id \|\| !children.text \|\| !children.type) return <span>{children.rawText}</span>;\n id = String(children.id);\n text = String(children.text);\n type = String(children.type);\n href = String(children.href \|\| '');\n bold = !!children.bold;\n italic = !!children.italic;\n lineThrough = !!children['line-through'];\n code = !!children.code;\n } else {\n id = idProp;\n text = textProp;\n type = typeProp;\n href = hrefProp;\n }\n\n let formattedText: string \| JSX.Element = text;\n if (code) formattedText = <code>{formattedText}</code>;\n if (lineThrough) formattedText = <del>{formattedText}</del>;\n if (italic) formattedText = <em>{formattedText}</em>;\n if (bold) formattedText = <strong>{formattedText}</strong>;\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n setTarget(e.currentTarget);\n const comp = onMentionClick?.({\n id,\n text,\n type,\n target: e.currentTarget,\n closeGlimpse: () => setTarget(null)\n });\n if (comp) setMentionContent(comp);\n };\n\n return (\n <>\n {href ? (\n <StyledLink\n {...restProps}\n ref={mentionRef as Ref<HTMLAnchorElement>}\n href={href}\n previewable={!!onMentionPreview}\n onPreview={\n onMentionPreview\n ? () =>\n onMentionPreview({\n id,\n text,\n type\n })\n : undefined\n }\n spellCheck={false}\n >\n {isValidElement(children) ? children : formattedText}\n </StyledLink>\n ) : (\n <StyledButton\n {...restProps}\n ref={mentionRef}\n variant='link'\n onClick={handleClick}\n spellCheck={false}\n >\n {isValidElement(children) ? children : formattedText}\n </StyledButton>\n )}\n {target && mentionContent}\n </>\n );\n }\n);\n\nexport const MentionButtonConfig = {\n type: 'mention',\n xmlElement: 'pega-mention',\n regexPattern: /(?:^\|)<pega-mention (?:[^\\n/]\|\\/(?!>))+\\/>/g,\n component: MentionButton,\n inject: ({ id, type, text, href }: { id: string; type: string; text: string; href?: string }) => {\n if (!id \|\| !type \|\| !text) return;\n\n const element = document.createElementNS(null, 'pega-mention');\n element.setAttribute('id', id);\n element.setAttribute('text', text);\n element.setAttribute('type', type);\n if (href) element.setAttribute('href', href);\n\n return serializer.serializeToString(element);\n },\n extract: (element: string) => {\n const attributes = getXMLAttributes(element);\n\n if (!attributes \|\| !attributes.id \|\| !attributes.text \|\| !attributes.type) return undefined;\n return {\n id: attributes.id,\n text: attributes.text,\n type: attributes.type,\n href: attributes.href\n };\n }\n};\n\nexport default MentionButton;\n"]}

package/lib/components/OpenGraphPreview/OpenGraphPreview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OpenGraphPreview.d.ts","sourceRoot":"","sources":["../../../src/components/OpenGraphPreview/OpenGraphPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAe1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,KAAK,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAEvC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;KAClC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,IAAI,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChF,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAID,QAAA,MAAM,gBAAgB,~~qHAuFpB~~,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"OpenGraphPreview.d.ts","sourceRoot":"","sources":["../../../src/components/OpenGraphPreview/OpenGraphPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAe1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,KAAK,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAEvC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;KAClC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,IAAI,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChF,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAID,QAAA,MAAM,gBAAgB,qHAyFpB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/components/OpenGraphPreview/OpenGraphPreview.js CHANGED Viewed

@@ -12,6 +12,8 @@ const OpenGraphPreview = forwardRef(function OpenGraphCard({ data: openGraphData
     const [imageBroken, setImageBroken] = useState(false);
     const [loading, setLoading] = useState(true);
     const openGraphUrl = (() => {
+        if (openGraphData.error)
+            return;
         if (openGraphData.url && URL.canParse(openGraphData.url, openGraphData.href)) {
             return new URL(openGraphData.url, openGraphData.href);
         }
@@ -27,7 +29,8 @@ const OpenGraphPreview = forwardRef(function OpenGraphCard({ data: openGraphData
     }, [openGraphData?.image, openGraphData?.encoded_image, loading, imageBroken]);
     // If remote site only has a <title> and no Open Graph info, we assume they want to opt-out of preview.
     const onlyTitle = Object.values(openGraphData).length === 2 && !!openGraphData.document_title;
-    return (!onlyTitle &&
+    return (openGraphUrl &&
+        !onlyTitle &&
         !openGraphData.error && (_jsx(StyledOpenGraphAnchor, { "data-testid": testIds.root, href: openGraphData.href, target: '_blank', "$loading": openGraphData.encoded_image ?? openGraphData.image ? loading : false, compact: isMediumOrAbove && !!containerRef, ref: ref, children: _jsx(Card, { children: _jsxs(StyledOpenGraphCardContent, { "data-testid": testIds.content, container: true, children: [imageContent && (_jsx(StyledOpenGraphImageContainer, { imageHref: openGraphData.encoded_image ?? openGraphData.image, container: { alignItems: 'stretch' }, children: imageContent })), _jsxs(Flex, { container: {
                             direction: 'column',
                             justify: 'between',

package/lib/components/OpenGraphPreview/OpenGraphPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OpenGraphPreview.js","sourceRoot":"","sources":["../../../src/components/OpenGraphPreview/OpenGraphPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { PropsWithoutRef, Ref, RefObject } from 'react';\nimport { forwardRef, useMemo, useState } from 'react';\n\nimport type { TestIdProp } from '@pega/cosmos-react-core';\nimport { Card, Flex, registerIcon, useBreakpoint, useTestIds } from '@pega/cosmos-react-core';\nimport * as pictureIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/picture.icon';\n\nimport {\n StyledOpenGraphAnchor,\n StyledOpenGraphCardContent,\n StyledOpenGraphDescription,\n StyledOpenGraphImage,\n StyledOpenGraphImageContainer,\n StyledOpenGraphText,\n StyledOpenGraphTitle\n} from './OpenGraphPreview.styles';\nimport { getOpenGraphPreviewTestIds } from './OpenGraphPreview.test-ids';\n\nexport interface OpenGraphPreviewProps extends TestIdProp {\n data: OpenGraphData;\n containerRef?: RefObject<HTMLDivElement>;\n}\n\ntype Prefix = 'b64' \| 'og' \| 'twitter';\n\ntype StripPrefix<T extends object> = {\n [K in keyof T as K extends `${Prefix}:${infer U extends string}` ? U : K]: T[K];\n};\n\nexport interface OpenGraphData\n extends StripPrefix<{\n 'og:title'?: string;\n 'og:description'?: string;\n 'og:image'?: string;\n 'og:image_alt'?: string;\n 'og:site_name'?: string;\n 'og:url'?: string;\n 'b64:encoded_image'?: string;\n }> {\n document_title?: string;\n meta_description?: string;\n href: string;\n error?: boolean;\n}\n\nregisterIcon(pictureIcon);\n\nconst OpenGraphPreview = forwardRef(function OpenGraphCard(\n { data: openGraphData, containerRef, testId }: PropsWithoutRef<OpenGraphPreviewProps>,\n ref: Ref<HTMLAnchorElement>\n) {\n const testIds = useTestIds(testId, getOpenGraphPreviewTestIds);\n const isMediumOrAbove = useBreakpoint('md', { breakpointRef: containerRef });\n\n const imageExists = openGraphData.encoded_image \|\| openGraphData.image;\n const [imageBroken, setImageBroken] = useState(false);\n const [loading, setLoading] = useState(true);\n\n const openGraphUrl = (() => {\n if (openGraphData.url && URL.canParse(openGraphData.url, openGraphData.href)) {\n return new URL(openGraphData.url, openGraphData.href);\n }\n return new URL(openGraphData.href);\n })();\n\n const imageContent = useMemo(() => {\n return imageBroken \|\| !imageExists ? undefined : (\n <StyledOpenGraphImage\n data-testid={testIds.image}\n src={openGraphData.encoded_image ?? openGraphData.image}\n alt={openGraphData.image_alt \|\| ''}\n onError={() => {\n setImageBroken(true);\n }}\n onLoad={() => {\n setLoading(false);\n setImageBroken(false);\n }}\n />\n );\n }, [openGraphData?.image, openGraphData?.encoded_image, loading, imageBroken]);\n\n // If remote site only has a <title> and no Open Graph info, we assume they want to opt-out of preview.\n const onlyTitle = Object.values(openGraphData).length === 2 && !!openGraphData.document_title;\n\n return (\n !onlyTitle &&\n !openGraphData.error && (\n <StyledOpenGraphAnchor\n data-testid={testIds.root}\n href={openGraphData.href}\n target='_blank'\n $loading={openGraphData.encoded_image ?? openGraphData.image ? loading : false}\n compact={isMediumOrAbove && !!containerRef}\n ref={ref}\n >\n <Card>\n <StyledOpenGraphCardContent data-testid={testIds.content} container>\n {imageContent && (\n <StyledOpenGraphImageContainer\n imageHref={openGraphData.encoded_image ?? openGraphData.image}\n container={{ alignItems: 'stretch' }}\n >\n {imageContent}\n </StyledOpenGraphImageContainer>\n )}\n <Flex\n container={{\n direction: 'column',\n justify: 'between',\n pad: 1,\n gap: 0.75\n }}\n item={{ grow: 1 }}\n >\n <Flex container={{ direction: 'column', gap: 0.25 }}>\n <StyledOpenGraphTitle>\n {openGraphData.title ?? openGraphData.document_title}\n </StyledOpenGraphTitle>\n <StyledOpenGraphDescription>\n {openGraphData.description ?? openGraphData.meta_description}\n </StyledOpenGraphDescription>\n </Flex>\n <Flex container>\n <StyledOpenGraphText variant='secondary'>\n {openGraphData.site_name \|\| openGraphUrl.hostname}\n </StyledOpenGraphText>\n </Flex>\n </Flex>\n </StyledOpenGraphCardContent>\n </Card>\n </StyledOpenGraphAnchor>\n )\n );\n});\n\nexport default OpenGraphPreview;\n"]}
1	+ {"version":3,"file":"OpenGraphPreview.js","sourceRoot":"","sources":["../../../src/components/OpenGraphPreview/OpenGraphPreview.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { PropsWithoutRef, Ref, RefObject } from 'react';\nimport { forwardRef, useMemo, useState } from 'react';\n\nimport type { TestIdProp } from '@pega/cosmos-react-core';\nimport { Card, Flex, registerIcon, useBreakpoint, useTestIds } from '@pega/cosmos-react-core';\nimport * as pictureIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/picture.icon';\n\nimport {\n StyledOpenGraphAnchor,\n StyledOpenGraphCardContent,\n StyledOpenGraphDescription,\n StyledOpenGraphImage,\n StyledOpenGraphImageContainer,\n StyledOpenGraphText,\n StyledOpenGraphTitle\n} from './OpenGraphPreview.styles';\nimport { getOpenGraphPreviewTestIds } from './OpenGraphPreview.test-ids';\n\nexport interface OpenGraphPreviewProps extends TestIdProp {\n data: OpenGraphData;\n containerRef?: RefObject<HTMLDivElement>;\n}\n\ntype Prefix = 'b64' \| 'og' \| 'twitter';\n\ntype StripPrefix<T extends object> = {\n [K in keyof T as K extends `${Prefix}:${infer U extends string}` ? U : K]: T[K];\n};\n\nexport interface OpenGraphData\n extends StripPrefix<{\n 'og:title'?: string;\n 'og:description'?: string;\n 'og:image'?: string;\n 'og:image_alt'?: string;\n 'og:site_name'?: string;\n 'og:url'?: string;\n 'b64:encoded_image'?: string;\n }> {\n document_title?: string;\n meta_description?: string;\n href: string;\n error?: boolean;\n}\n\nregisterIcon(pictureIcon);\n\nconst OpenGraphPreview = forwardRef(function OpenGraphCard(\n { data: openGraphData, containerRef, testId }: PropsWithoutRef<OpenGraphPreviewProps>,\n ref: Ref<HTMLAnchorElement>\n) {\n const testIds = useTestIds(testId, getOpenGraphPreviewTestIds);\n const isMediumOrAbove = useBreakpoint('md', { breakpointRef: containerRef });\n\n const imageExists = openGraphData.encoded_image \|\| openGraphData.image;\n const [imageBroken, setImageBroken] = useState(false);\n const [loading, setLoading] = useState(true);\n\n const openGraphUrl = (() => {\n if (openGraphData.error) return;\n if (openGraphData.url && URL.canParse(openGraphData.url, openGraphData.href)) {\n return new URL(openGraphData.url, openGraphData.href);\n }\n return new URL(openGraphData.href);\n })();\n\n const imageContent = useMemo(() => {\n return imageBroken \|\| !imageExists ? undefined : (\n <StyledOpenGraphImage\n data-testid={testIds.image}\n src={openGraphData.encoded_image ?? openGraphData.image}\n alt={openGraphData.image_alt \|\| ''}\n onError={() => {\n setImageBroken(true);\n }}\n onLoad={() => {\n setLoading(false);\n setImageBroken(false);\n }}\n />\n );\n }, [openGraphData?.image, openGraphData?.encoded_image, loading, imageBroken]);\n\n // If remote site only has a <title> and no Open Graph info, we assume they want to opt-out of preview.\n const onlyTitle = Object.values(openGraphData).length === 2 && !!openGraphData.document_title;\n\n return (\n openGraphUrl &&\n !onlyTitle &&\n !openGraphData.error && (\n <StyledOpenGraphAnchor\n data-testid={testIds.root}\n href={openGraphData.href}\n target='_blank'\n $loading={openGraphData.encoded_image ?? openGraphData.image ? loading : false}\n compact={isMediumOrAbove && !!containerRef}\n ref={ref}\n >\n <Card>\n <StyledOpenGraphCardContent data-testid={testIds.content} container>\n {imageContent && (\n <StyledOpenGraphImageContainer\n imageHref={openGraphData.encoded_image ?? openGraphData.image}\n container={{ alignItems: 'stretch' }}\n >\n {imageContent}\n </StyledOpenGraphImageContainer>\n )}\n <Flex\n container={{\n direction: 'column',\n justify: 'between',\n pad: 1,\n gap: 0.75\n }}\n item={{ grow: 1 }}\n >\n <Flex container={{ direction: 'column', gap: 0.25 }}>\n <StyledOpenGraphTitle>\n {openGraphData.title ?? openGraphData.document_title}\n </StyledOpenGraphTitle>\n <StyledOpenGraphDescription>\n {openGraphData.description ?? openGraphData.meta_description}\n </StyledOpenGraphDescription>\n </Flex>\n <Flex container>\n <StyledOpenGraphText variant='secondary'>\n {openGraphData.site_name \|\| openGraphUrl.hostname}\n </StyledOpenGraphText>\n </Flex>\n </Flex>\n </StyledOpenGraphCardContent>\n </Card>\n </StyledOpenGraphAnchor>\n )\n );\n});\n\nexport default OpenGraphPreview;\n"]}