diff --git a/.github/workflows/test-and-build.yml b/.github/workflows/test-and-build.yml index cd2fc59..bbf26ac 100644 --- a/.github/workflows/test-and-build.yml +++ b/.github/workflows/test-and-build.yml @@ -28,6 +28,9 @@ jobs: - name: Linting run: npm run lint + + - name: Run tests + run: npm run test - name: Build run: npm run build \ No newline at end of file diff --git a/tests/components/__snapshots__/emptyList.spec.ts.snap b/tests/components/__snapshots__/emptyList.spec.ts.snap index af53a84..d20e89d 100644 --- a/tests/components/__snapshots__/emptyList.spec.ts.snap +++ b/tests/components/__snapshots__/emptyList.spec.ts.snap @@ -1,1922 +1,31 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-
- empty_list -
-
- No new notifications -
-
- Check back later for updates and alerts. -
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "darkMode": true, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "LIST_EMPTY_SUB_TEXT": "Check back later for updates and alerts.", - "LIST_EMPTY_TEXT": "No new notifications", - "containerStyle": { - "backgroundColor": "#38383D", - }, - "darkIcon": "/src/assets/dark/emptyIconDark.svg", - "lightIcon": "/src/assets/light/emptyIconLight.svg", - "props": { - "darkMode": true, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "LIST_EMPTY_SUB_TEXT": "Check back later for updates and alerts.", - "LIST_EMPTY_TEXT": "No new notifications", - "containerStyle": { - "backgroundColor": "#38383D", - }, - "darkIcon": "/src/assets/dark/emptyIconDark.svg", - "lightIcon": "/src/assets/light/emptyIconLight.svg", - "props": { - "darkMode": true, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "src", - ], - "el": empty_list, - "key": null, - "patchFlag": 8, - "props": { - "alt": "empty_list", - "class": "siren-sdk-empty-icon", - "src": "/src/assets/dark/emptyIconDark.svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "img", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- empty_list -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-empty-icon-container", - "style": { - "backgroundColor": "#38383D", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "No new notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- No new notifications -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-empty-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Check back later for updates and alerts.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Check back later for updates and alerts. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-empty-sub-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "src", - ], - "el": empty_list, - "key": null, - "patchFlag": 8, - "props": { - "alt": "empty_list", - "class": "siren-sdk-empty-icon", - "src": "/src/assets/dark/emptyIconDark.svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "img", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "No new notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- No new notifications -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-empty-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Check back later for updates and alerts.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Check back later for updates and alerts. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-empty-sub-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-
- empty_list -
-
- No new notifications -
-
- Check back later for updates and alerts. -
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-empty-container", - "data-testid": "empty-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/EmptyList.vue", - "__name": "EmptyList", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- empty_list -
-
- No new notifications -
-
- Check back later for updates and alerts. -
-
, - "key": null, - "patchFlag": 0, - "props": { - "darkMode": true, - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/EmptyList.vue", - "__name": "EmptyList", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- empty_list -
-
- No new notifications -
-
- Check back later for updates and alerts. -
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+
-
- empty_list -
-
- No new notifications -
-
- Check back later for updates and alerts. -
-
, -} + empty_list +
+
+ No new notifications +
+
+ Check back later for updates and alerts. +
+ `; diff --git a/tests/components/__snapshots__/errorWindow.spec.ts.snap b/tests/components/__snapshots__/errorWindow.spec.ts.snap index f3a1190..7819bcf 100644 --- a/tests/components/__snapshots__/errorWindow.spec.ts.snap +++ b/tests/components/__snapshots__/errorWindow.spec.ts.snap @@ -1,1920 +1,32 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-
- error_icon -
-
- Oops! Something went wrong -
-
- Could not load the notifications. Please refresh the page. -
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "darkMode": true, - "error": "", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "ERROR_SUB_TEXT": "Could not load the notifications. Please refresh the page.", - "ERROR_TEXT": "Oops! Something went wrong", - "containerStyle": { - "backgroundColor": "#38383D", - }, - "iconOpacity": { - "opacity": 0.2, - }, - "props": { - "darkMode": true, - "error": "", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "error": "", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "error": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "error": "", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "ERROR_SUB_TEXT": "Could not load the notifications. Please refresh the page.", - "ERROR_TEXT": "Oops! Something went wrong", - "containerStyle": { - "backgroundColor": "#38383D", - }, - "iconOpacity": { - "opacity": 0.2, - }, - "props": { - "darkMode": true, - "error": "", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": error_icon, - "key": null, - "patchFlag": 0, - "props": { - "alt": "error_icon", - "class": "siren-sdk-error-icon", - "src": "/src/assets/errorIcon.svg", - "style": { - "opacity": 0.2, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "img", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- error_icon -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-error-icon-container", - "style": { - "backgroundColor": "#38383D", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Oops! Something went wrong", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Oops! Something went wrong -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-error-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Could not load the notifications. Please refresh the page.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Could not load the notifications. Please refresh the page. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-error-sub-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Oops! Something went wrong", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Oops! Something went wrong -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-error-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Could not load the notifications. Please refresh the page.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- Could not load the notifications. Please refresh the page. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-error-sub-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-
- error_icon -
-
- Oops! Something went wrong -
-
- Could not load the notifications. Please refresh the page. -
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-error-window-container", - "data-testid": "error-window", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ErrorWindow.vue", - "__name": "ErrorWindow", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "error": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- error_icon -
-
- Oops! Something went wrong -
-
- Could not load the notifications. Please refresh the page. -
-
, - "key": null, - "patchFlag": 0, - "props": { - "darkMode": true, - "error": "", - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ErrorWindow.vue", - "__name": "ErrorWindow", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "error": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- error_icon -
-
- Oops! Something went wrong -
-
- Could not load the notifications. Please refresh the page. -
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+
-
- error_icon -
-
- Oops! Something went wrong -
-
- Could not load the notifications. Please refresh the page. -
-
, -} + error_icon +
+
+ Oops! Something went wrong +
+
+ Could not load the notifications. Please refresh the page. +
+ `; diff --git a/tests/components/__snapshots__/headerComponent.spec.ts.snap b/tests/components/__snapshots__/headerComponent.spec.ts.snap index b172274..2ff0ccb 100644 --- a/tests/components/__snapshots__/headerComponent.spec.ts.snap +++ b/tests/components/__snapshots__/headerComponent.spec.ts.snap @@ -1,3604 +1,40 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-

- Sample Header -

-
- - - -

- Clear All -

-
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "enableClearAll": true, - "handleClearAllNotification": [MockFunction spy], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Sample Header", - "windowViewOnly": false, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "enableClearAll": true, - "handleClearAllNotification": [MockFunction spy], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Sample Header", - "windowViewOnly": false, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "enableClearAll": { - "0": true, - "1": true, - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideClearAll": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "title": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "enableClearAll", - "windowViewOnly", - "hideClearAll", - ], - ], - "provides": {}, - "proxy": { - "enableClearAll": true, - "handleClearAllNotification": [MockFunction spy], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Sample Header", - "windowViewOnly": false, - }, - "refs": {}, - "render": [Function], - "renderCache": [ - [Function], - [Function], - ], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Sample Header", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Sample Header -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "pointer", - "opacity": 1, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Sample Header", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Sample Header -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "pointer", - "opacity": 1, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-

- Sample Header -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-header-container", - "data-testid": "header-container", - "style": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "height": "64px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "components": {}, - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-

- Sample Header -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 0, - "props": { - "enableClearAll": true, - "handleClearAllNotification": [MockFunction spy], - "hideClearAll": false, - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Sample Header", - "windowViewOnly": false, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "components": {}, - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-

- Sample Header -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+

+ Sample Header +

+
+ + +

- Sample Header + Clear All

-
- - - -

- Clear All -

-
-
, -} +
+ `; diff --git a/tests/components/__snapshots__/loadMore.spec.ts.snap b/tests/components/__snapshots__/loadMore.spec.ts.snap index 16b616c..956f210 100644 --- a/tests/components/__snapshots__/loadMore.spec.ts.snap +++ b/tests/components/__snapshots__/loadMore.spec.ts.snap @@ -1,1648 +1,18 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-
- - Load more - -
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "onLoadMore": [MockFunction spy], - "paginationLoading": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "onLoadMore": [MockFunction spy], - "paginationLoading": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "onLoadMore": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "paginationLoading": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "paginationLoading", - ], - ], - "provides": {}, - "proxy": { - "onLoadMore": [MockFunction spy], - "paginationLoading": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [ - [Function], - [Function], - ], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Load more", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": Load more, - "key": null, - "patchFlag": 1, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-txt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_loadMoreComponent", - "patchFlag": -2, - "props": { - "key": "_loadMoreComponent", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- - Load more - -
, - "key": null, - "patchFlag": 38, - "props": { - "class": "siren-sdk-load-more-text", - "data-testid": "on-load-more", - "onClick": [Function], - "onKeydown": [Function], - "style": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Load more", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": Load more, - "key": null, - "patchFlag": 1, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-txt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_loadMoreComponent", - "patchFlag": -2, - "props": { - "key": "_loadMoreComponent", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Load more", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": Load more, - "key": null, - "patchFlag": 1, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-txt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_loadMoreComponent", - "patchFlag": -2, - "props": { - "key": "_loadMoreComponent", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- - Load more - -
, - "key": null, - "patchFlag": 38, - "props": { - "class": "siren-sdk-load-more-text", - "data-testid": "on-load-more", - "onClick": [Function], - "onKeydown": [Function], - "style": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-
- - Load more - -
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-load-more-container", - "data-testid": "load-more-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoadMore.vue", - "__name": "LoadMore", - "components": {}, - "props": { - "onLoadMore": { - "required": true, - "type": [Function], - }, - "paginationLoading": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- - Load more - -
-
, - "key": null, - "patchFlag": 0, - "props": { - "onLoadMore": [MockFunction spy], - "paginationLoading": false, - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoadMore.vue", - "__name": "LoadMore", - "components": {}, - "props": { - "onLoadMore": { - "required": true, - "type": [Function], - }, - "paginationLoading": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- - Load more - -
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+
-
- - Load more - -
-
, -} + + Load more + +
+ `; diff --git a/tests/components/__snapshots__/loaderComponent.spec.ts.snap b/tests/components/__snapshots__/loaderComponent.spec.ts.snap index 0055333..22c139d 100644 --- a/tests/components/__snapshots__/loaderComponent.spec.ts.snap +++ b/tests/components/__snapshots__/loaderComponent.spec.ts.snap @@ -1,12115 +1,211 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 5, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "hideAvatar": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "hideAvatar", - ], - ], - "provides": {}, - "proxy": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-loader-container", - "data-testid": "loader-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "components": {}, - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "hideAvatar": false, - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "components": {}, - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": {}, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+ +
-
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
- -
, -} +
+
+ +
`; diff --git a/tests/components/__snapshots__/notificationCard.spec.ts.snap b/tests/components/__snapshots__/notificationCard.spec.ts.snap index 19bc35e..a0a734d 100644 --- a/tests/components/__snapshots__/notificationCard.spec.ts.snap +++ b/tests/components/__snapshots__/notificationCard.spec.ts.snap @@ -1,6153 +1,82 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-
-
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
-
-
- - - -
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 9, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": {}, - "ctx": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "CloseIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "TimerIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "cardContainerStyle": { - "backgroundColor": "#2E2D30", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "borderLeft": "4px #FA9874 solid", - "padding": "12px", - }, - "defaultAvatar": "/src/assets/light/defaultAvatarLight.png", - "deleteAnimation": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": "", - "_value": "", - "dep": Map { - ReactiveEffect { - "_depsLength": 45, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "generateElapsedTimeText": [Function], - "handleAvatarClick": [Function], - "handleDelete": [Function], - "handleNotificationCardClick": [Function], - "markAsReadById": [Function], - "props": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 45, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "cardProps": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "deleteById": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "notification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "onCardClick": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - ], - ], - "provides": {}, - "proxy": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - Map { - [Circular] => 1, - ReactiveEffect { - "_depsLength": 45, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 45, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "CloseIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "TimerIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "cardContainerStyle": { - "backgroundColor": "#2E2D30", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "borderLeft": "4px #FA9874 solid", - "padding": "12px", - }, - "defaultAvatar": "/src/assets/light/defaultAvatarLight.png", - "deleteAnimation": "", - "generateElapsedTimeText": [Function], - "handleAvatarClick": [Function], - "handleDelete": [Function], - "handleNotificationCardClick": [Function], - "markAsReadById": [Function], - "props": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 36, - "props": { - "data-testid": "avatar-container", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "backgroundColor": "#344054", - "backgroundImage": "url(/src/assets/light/defaultAvatarLight.png)", - "backgroundPosition": "center", - "backgroundSize": "cover", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "New Message", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- New Message -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-title", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "New post", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- New post -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-subtitle", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "You have a new message.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- You have a new message. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-text-break siren-sdk-card-msg-body", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#98A2B3", - "size": "14", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#98A2B3", - "size": "14", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "14", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#98A2B3", - "size": "14", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M6.99742 0.0807266C3.45925 0.0807266 0.58075 2.95923 0.58075 6.49739C0.58075 10.0356 3.45925 12.9141 6.99742 12.9141C10.5356 12.9141 13.4141 10.0356 13.4141 6.49739C13.4141 2.95923 10.5356 0.0807266 6.99742 0.0807266ZM6.99742 11.7474C4.10268 11.7474 1.74742 9.39213 1.74742 6.49739C1.74742 3.60266 4.10268 1.24739 6.99742 1.24739C9.89215 1.24739 12.2474 3.60266 12.2474 6.49739C12.2474 9.39213 9.89215 11.7474 6.99742 11.7474Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M10.1553 7.90104C10.0588 8.11837 9.84542 8.2474 9.62211 8.24768C9.54293 8.24768 9.46261 8.23145 9.38541 8.19698L6.76041 7.03031C6.54993 6.93689 6.41406 6.72782 6.41406 6.4974V2.9974C6.41406 2.67525 6.67525 2.41406 6.9974 2.41406C7.31954 2.41406 7.58073 2.67525 7.58073 2.9974V6.11829L9.85937 7.13114C10.1536 7.26188 10.2863 7.60653 10.1553 7.90104Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M6.99742 0.0807266C3.45925 0.0807266 0.58075 2.95923 0.58075 6.49739C0.58075 10.0356 3.45925 12.9141 6.99742 12.9141C10.5356 12.9141 13.4141 10.0356 13.4141 6.49739C13.4141 2.95923 10.5356 0.0807266 6.99742 0.0807266ZM6.99742 11.7474C4.10268 11.7474 1.74742 9.39213 1.74742 6.49739C1.74742 3.60266 4.10268 1.24739 6.99742 1.24739C9.89215 1.24739 12.2474 3.60266 12.2474 6.49739C12.2474 9.39213 9.89215 11.7474 6.99742 11.7474Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M10.1553 7.90104C10.0588 8.11837 9.84542 8.2474 9.62211 8.24768C9.54293 8.24768 9.46261 8.23145 9.38541 8.19698L6.76041 7.03031C6.54993 6.93689 6.41406 6.72782 6.41406 6.4974V2.9974C6.41406 2.67525 6.67525 2.41406 6.9974 2.41406C7.31954 2.41406 7.58073 2.67525 7.58073 2.9974V6.11829L9.85937 7.13114C10.1536 7.26188 10.2863 7.60653 10.1553 7.90104Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "14", - "viewBox": "0 0 14 13", - "width": "14", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#98A2B3", - "size": "14", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "2 months ago", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- 2 months ago -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-date-style", - "style": { - "color": "#98A2B3", - "fontSize": "12px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- - - - -
- 2 months ago -
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-date-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-content-wrapper", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "20", - "viewBox": "0 0 20 20", - "width": "20", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "20", - "stroke": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "20", - "viewBox": "0 0 20 20", - "width": "20", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "20", - "stroke": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "dynamicProps": null, - "el":
- - - -
, - "key": 1, - "patchFlag": 32, - "props": { - "class": "siren-sdk-delete-button", - "data-testid": "delete-notification-button", - "key": 1, - "onClick": [Function], - "onKeydown": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 36, - "props": { - "data-testid": "avatar-container", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "backgroundColor": "#344054", - "backgroundImage": "url(/src/assets/light/defaultAvatarLight.png)", - "backgroundPosition": "center", - "backgroundSize": "cover", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "New Message", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- New Message -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-title", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "New post", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- New post -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-subtitle", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "You have a new message.", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- You have a new message. -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-text-break siren-sdk-card-msg-body", - "style": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#98A2B3", - "size": "14", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#98A2B3", - "size": "14", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "14", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#98A2B3", - "size": "14", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M6.99742 0.0807266C3.45925 0.0807266 0.58075 2.95923 0.58075 6.49739C0.58075 10.0356 3.45925 12.9141 6.99742 12.9141C10.5356 12.9141 13.4141 10.0356 13.4141 6.49739C13.4141 2.95923 10.5356 0.0807266 6.99742 0.0807266ZM6.99742 11.7474C4.10268 11.7474 1.74742 9.39213 1.74742 6.49739C1.74742 3.60266 4.10268 1.24739 6.99742 1.24739C9.89215 1.24739 12.2474 3.60266 12.2474 6.49739C12.2474 9.39213 9.89215 11.7474 6.99742 11.7474Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M10.1553 7.90104C10.0588 8.11837 9.84542 8.2474 9.62211 8.24768C9.54293 8.24768 9.46261 8.23145 9.38541 8.19698L6.76041 7.03031C6.54993 6.93689 6.41406 6.72782 6.41406 6.4974V2.9974C6.41406 2.67525 6.67525 2.41406 6.9974 2.41406C7.31954 2.41406 7.58073 2.67525 7.58073 2.9974V6.11829L9.85937 7.13114C10.1536 7.26188 10.2863 7.60653 10.1553 7.90104Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M6.99742 0.0807266C3.45925 0.0807266 0.58075 2.95923 0.58075 6.49739C0.58075 10.0356 3.45925 12.9141 6.99742 12.9141C10.5356 12.9141 13.4141 10.0356 13.4141 6.49739C13.4141 2.95923 10.5356 0.0807266 6.99742 0.0807266ZM6.99742 11.7474C4.10268 11.7474 1.74742 9.39213 1.74742 6.49739C1.74742 3.60266 4.10268 1.24739 6.99742 1.24739C9.89215 1.24739 12.2474 3.60266 12.2474 6.49739C12.2474 9.39213 9.89215 11.7474 6.99742 11.7474Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M10.1553 7.90104C10.0588 8.11837 9.84542 8.2474 9.62211 8.24768C9.54293 8.24768 9.46261 8.23145 9.38541 8.19698L6.76041 7.03031C6.54993 6.93689 6.41406 6.72782 6.41406 6.4974V2.9974C6.41406 2.67525 6.67525 2.41406 6.9974 2.41406C7.31954 2.41406 7.58073 2.67525 7.58073 2.9974V6.11829L9.85937 7.13114C10.1536 7.26188 10.2863 7.60653 10.1553 7.90104Z", - "fill": "#98A2B3", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "14", - "viewBox": "0 0 14 13", - "width": "14", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#98A2B3", - "size": "14", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/TimerIcon.vue", - "__name": "TimerIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "14", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "2 months ago", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- 2 months ago -
, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-card-date-style", - "style": { - "color": "#98A2B3", - "fontSize": "12px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "20", - "viewBox": "0 0 20 20", - "width": "20", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "20", - "stroke": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "fill": "none", - "size": "20", - "stroke": "#D0D5DD", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 15L15 5M5 5L15 15", - "stroke": "#D0D5DD", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "2", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "20", - "viewBox": "0 0 20 20", - "width": "20", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "20", - "stroke": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/CloseIcon.vue", - "__name": "CloseIcon", - "props": { - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "20", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#98A2B3", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "dynamicProps": null, - "el":
- - - -
, - "key": 1, - "patchFlag": 32, - "props": { - "class": "siren-sdk-delete-button", - "data-testid": "delete-notification-button", - "key": 1, - "onClick": [Function], - "onKeydown": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-
-
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
-
-
- - - -
-
, - "key": null, - "patchFlag": 38, - "props": { - "class": "siren-sdk-card-container siren-sdk-card-common-container", - "data-testid": "notification-card-container", - "onClick": [Function], - "onKeydown": [Function], - "style": { - "backgroundColor": "#2E2D30", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "borderLeft": "4px #FA9874 solid", - "padding": "12px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationCard.vue", - "__name": "NotificationCard", - "components": {}, - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "deleteById": { - "required": true, - "type": [Function], - }, - "notification": { - "required": true, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
-
-
- - - -
-
, - "key": null, - "patchFlag": 0, - "props": { - "cardProps": {}, - "darkMode": false, - "deleteById": [MockFunction spy], - "notification": { - "createdAt": "2024-02-24T12:00:00Z", - "id": "1", - "isRead": false, - "message": { - "actionUrl": "", - "additionalData": "", - "avatar": { - "actionUrl": "", - "imageUrl": "", - }, - "body": "You have a new message.", - "channel": "watsapp", - "header": "New Message", - "subHeader": "New post", - }, - "requestId": "123", - }, - "onCardClick": [MockFunction spy], - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationCard.vue", - "__name": "NotificationCard", - "components": {}, - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "deleteById": { - "required": true, - "type": [Function], - }, - "notification": { - "required": true, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - }, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
-
-
- - - -
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+
+
+ class="siren-sdk-card-title" + style="color: #FFFFFF; font-size: 14px; font-weight: 600;" + > + New Message +
-
- New Message -
-
- New post -
-
- You have a new message. -
-
- - - - -
- 2 months ago -
-
+ New post +
+
+ You have a new message.
+ +
+ 2 months ago +
-
, -} +
+
+ + + +
+
`; diff --git a/tests/components/__snapshots__/notificationIcon.spec.ts.snap b/tests/components/__snapshots__/notificationIcon.spec.ts.snap index a4224b2..1d83c5e 100644 --- a/tests/components/__snapshots__/notificationIcon.spec.ts.snap +++ b/tests/components/__snapshots__/notificationIcon.spec.ts.snap @@ -1,2964 +1,28 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
- - - - - - -
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 8, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 8, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": { - "badgeType": "default", - }, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": {}, - "ctx": { - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": 0, - "_value": 0, - "dep": Map { - ReactiveEffect { - "_depsLength": 8, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 8, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "handleNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "hideBadge", - "isModalOpen", - ], - ], - "provides": {}, - "proxy": { - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 8, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": { - "badgeType": "default", - }, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": 0, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "ce": undefined, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#232326", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#232326", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#232326", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#232326", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#232326", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#232326", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#232326", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": [ - "onClick", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 24, - "props": { - "badgeType": "default", - "class": "siren-sdk-notification-icon-container", - "data-testid": "notification-icon-container", - "onClick": [MockFunction spy], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- - - - - - -
, - "key": null, - "patchFlag": 0, - "props": { - "badgeType": "default", - "darkMode": false, - "handleNotification": [MockFunction spy], - "hideBadge": false, - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "components": {}, - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- - - - - - -
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+ + - - - - - - -
, -} + + + + +
`; diff --git a/tests/components/__snapshots__/sirenInbox.spec.ts.snap b/tests/components/__snapshots__/sirenInbox.spec.ts.snap index 9d2ebcc..aa90a46 100644 --- a/tests/components/__snapshots__/sirenInbox.spec.ts.snap +++ b/tests/components/__snapshots__/sirenInbox.spec.ts.snap @@ -1,13374 +1,41 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
-
-
- - - - - - -
-
- -
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 18, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 18, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": { - "customCard": undefined, - "customFooter": undefined, - "customHeader": undefined, - "customStyles": { - "notificationIcon": { - "size": 30, - }, - }, - "hideHeader": false, - "listEmptyComponent": undefined, - "noOfNotificationsPerFetch": 10, - "notificationIcon": undefined, - "title": "Notifications", - }, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": {}, - "ctx": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customStyle": undefined, - "darkMode": true, - "headerProps": undefined, - "hideBadge": false, - "itemsPerFetch": 20, - "loadMoreLabel": "Load more", - "onCardClick": undefined, - "onError": [MockFunction spy], - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "windowViewOnly": false, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "NotificationIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "SirenPanel": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenPanel.vue", - "__name": "SirenPanel", - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "headerProps": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "itemsPerFetch": { - "required": true, - "type": [Function], - }, - "loadMoreLabel": { - "required": true, - "type": [Function], - }, - "modalWidth": { - "required": true, - "type": [ - [Function], - [Function], - ], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "calculateUpdatedModalWidth": [Function], - "closeNotification": [Function], - "containerWidth": "500px", - "debouncedUpdate": [Function], - "defaultCardProps": { - "hideAvatar": false, - "showMedia": false, - }, - "defaultHeaderProps": { - "hideClearAll": false, - "hideHeader": false, - "title": "Notifications", - }, - "handleNotification": [Function], - "handleOutsideClick": [Function], - "iconRef": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue":
-
- - - - - - -
-
, - "_value":
-
- - - - - - -
-
, - "dep": undefined, - }, - "initialModalWidth": "500px", - "isModalOpen": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": false, - "_value": false, - "dep": Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - [Circular] => 1, - }, - "effect": [Circular], - "getter": [Function], - }, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "modalPosition": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": { - "left": "0px", - }, - "_value": { - "left": "0px", - }, - "dep": undefined, - }, - "notificationRef": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue":
-
-
- - - - - - -
-
- -
, - "_value":
-
-
- - - - - - -
-
- -
, - "dep": undefined, - }, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customStyle": undefined, - "darkMode": true, - "headerProps": undefined, - "hideBadge": false, - "itemsPerFetch": 20, - "loadMoreLabel": "Load more", - "onCardClick": undefined, - "onError": [MockFunction spy], - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "windowViewOnly": false, - }, - "siren": [MockFunction spy], - "styles": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": [Circular], - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - "effect": ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": [Circular], - "deps": [ - Map { - [Circular] => 1, - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - }, - "getter": [Function], - }, - "updateWindowViewMode": [Function], - "updatedModalWidth": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": "500px", - "_value": "500px", - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - [Circular] => 1, - }, - "effect": [Circular], - "getter": [Function], - }, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customStyle": undefined, - "darkMode": true, - "headerProps": undefined, - "hideBadge": false, - "itemsPerFetch": 20, - "loadMoreLabel": "Load more", - "onCardClick": undefined, - "onError": [MockFunction spy], - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "windowViewOnly": false, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "cardProps": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "customStyle": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "darkMode": { - "0": true, - "1": true, - "default": false, - "required": false, - "type": [Function], - }, - "headerProps": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "default": false, - "required": false, - "type": [Function], - }, - "itemsPerFetch": { - "0": false, - "1": true, - "default": 20, - "required": false, - "type": [Function], - }, - "loadMoreLabel": { - "0": false, - "1": true, - "default": "Load more", - "required": false, - "type": [Function], - }, - "onCardClick": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "onError": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "theme": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "windowViewOnly": { - "0": true, - "1": true, - "default": false, - "required": false, - "type": [Function], - }, - }, - [ - "loadMoreLabel", - "hideBadge", - "darkMode", - "itemsPerFetch", - "windowViewOnly", - ], - ], - "provides": {}, - "proxy": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customStyle": undefined, - "darkMode": true, - "headerProps": undefined, - "hideBadge": false, - "itemsPerFetch": 20, - "loadMoreLabel": "Load more", - "onCardClick": undefined, - "onError": [MockFunction spy], - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "windowViewOnly": false, - }, - "refs": { - "iconRef":
-
- - - - - - -
-
, - "notificationRef":
-
-
- - - - - - -
-
- -
, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - "effect": [Circular], - "getter": [Function], - }, - "deps": [ - Map { - [Circular] => 1, - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - Map { - [Circular] => 1, - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - [Circular] => 1, - }, - "effect": [Circular], - "getter": [Function], - }, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 21, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "_value": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "dep": Map { - [Circular] => 1, - }, - "effect": [Circular], - "getter": [Function], - }, - "deps": [ - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": { - "customCard": undefined, - "customFooter": undefined, - "customHeader": undefined, - "customStyles": { - "notificationIcon": { - "size": 30, - }, - }, - "hideHeader": false, - "listEmptyComponent": undefined, - "noOfNotificationsPerFetch": 10, - "notificationIcon": undefined, - "title": "Notifications", - }, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "NotificationIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "SirenPanel": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenPanel.vue", - "__name": "SirenPanel", - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "headerProps": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "itemsPerFetch": { - "required": true, - "type": [Function], - }, - "loadMoreLabel": { - "required": true, - "type": [Function], - }, - "modalWidth": { - "required": true, - "type": [ - [Function], - [Function], - ], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "calculateUpdatedModalWidth": [Function], - "closeNotification": [Function], - "containerWidth": "500px", - "debouncedUpdate": [Function], - "defaultCardProps": { - "hideAvatar": false, - "showMedia": false, - }, - "defaultHeaderProps": { - "hideClearAll": false, - "hideHeader": false, - "title": "Notifications", - }, - "handleNotification": [Function], - "handleOutsideClick": [Function], - "iconRef":
-
- - - - - - -
-
, - "initialModalWidth": "500px", - "isModalOpen": false, - "modalPosition": { - "left": "0px", - }, - "notificationRef":
-
-
- - - - - - -
-
- -
, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customStyle": undefined, - "darkMode": true, - "headerProps": undefined, - "hideBadge": false, - "itemsPerFetch": 20, - "loadMoreLabel": "Load more", - "onCardClick": undefined, - "onError": [MockFunction spy], - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "windowViewOnly": false, - }, - "siren": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "updateWindowViewMode": [Function], - "updatedModalWidth": "500px", - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "ce": undefined, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": { - "_": 2, - "notificationIcon": [Function], - }, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": null, - "ctx": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": 0, - "_value": 0, - "dep": Map { - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "handleNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "hideBadge", - "isModalOpen", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": { - "notificationIcon": [Function], - }, - }, - "setupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": 0, - }, - "slots": { - "notificationIcon": [Function], - }, - "slotsProxy": { - "notificationIcon": [Function], - }, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": [ - "onClick", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 8, - "props": { - "class": "siren-sdk-notification-icon-container", - "data-testid": "notification-icon-container", - "onClick": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "darkMode", - "styles", - "hideBadge", - "isModalOpen", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 1032, - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 36, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": { - "_": 2, - "notificationIcon": [Function], - }, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "darkMode": 3, - "handleNotification": 3, - "hasAttribute": 0, - "hideBadge": 3, - "isModalOpen": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": null, - "ctx": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": 0, - "_value": 0, - "dep": Map { - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "handleNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "hideBadge", - "isModalOpen", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": { - "notificationIcon": [Function], - }, - }, - "setupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": 0, - }, - "slots": { - "notificationIcon": [Function], - }, - "slotsProxy": { - "notificationIcon": [Function], - }, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": [ - "onClick", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 8, - "props": { - "class": "siren-sdk-notification-icon-container", - "data-testid": "notification-icon-container", - "onClick": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "darkMode", - "styles", - "hideBadge", - "isModalOpen", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 1032, - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 36, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "dynamicProps": null, - "el":
-
- - - - - - -
-
, - "key": 0, - "patchFlag": 512, - "props": { - "data-testid": "siren-inbox-icon", - "key": 0, - "ref": "iconRef", - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "iconRef", - }, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": { - "_": 2, - "notificationIcon": [Function], - }, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "darkMode": 3, - "handleNotification": 3, - "hasAttribute": 0, - "hideBadge": 3, - "isModalOpen": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": null, - "ctx": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": 0, - "_value": 0, - "dep": Map { - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "handleNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "hideBadge", - "isModalOpen", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": { - "notificationIcon": [Function], - }, - }, - "setupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": 0, - }, - "slots": { - "notificationIcon": [Function], - }, - "slotsProxy": { - "notificationIcon": [Function], - }, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": [ - "onClick", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 8, - "props": { - "class": "siren-sdk-notification-icon-container", - "data-testid": "notification-icon-container", - "onClick": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "darkMode", - "styles", - "hideBadge", - "isModalOpen", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 1032, - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 36, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": { - "_": 2, - "notificationIcon": [Function], - }, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "darkMode": 3, - "handleNotification": 3, - "hasAttribute": 0, - "hideBadge": 3, - "isModalOpen": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": null, - "ctx": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": 0, - "_value": 0, - "dep": Map { - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "handleNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "hideBadge", - "isModalOpen", - ], - ], - "provides": {}, - "proxy": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 7, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": { - "notificationIcon": [Function], - }, - }, - "setupState": { - "BellIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "COLORS": { - "dark": { - "borderColor": "#344054", - "clearAllDisabled": "#98A2B3", - "clearAllIcon": "#D0D5DD", - "dateColor": "#98A2B3", - "deleteIcon": "#D0D5DD", - "highlightedCardColor": "#2E2D30", - "iconColor": "#38383D", - "neutralColor": "#232326", - "notificationIcon": "#FFFFFF", - "primaryColor": "#FA9874", - "subTextColor": "#98A2B3", - "textColor": "#FFFFFF", - "timerIcon": "#98A2B3", - "windowShadowColor": "#232326", - }, - "light": { - "borderColor": "#D0D5DD", - "clearAllDisabled": "#D0D5DD", - "clearAllIcon": "#667185", - "dateColor": "#667185", - "deleteIcon": "#34405499", - "highlightedCardColor": "#FFECE5", - "iconColor": "#F7F9FC", - "neutralColor": "#FFFFFF", - "notificationIcon": "#232326", - "primaryColor": "#FA9874", - "subTextColor": "#667185", - "textColor": "#344054", - "timerIcon": "#667185", - "windowShadowColor": "#D0D5DD", - }, - }, - "MAXIMUM_UNVIEWED_COUNT_SHOWN": 99, - "cleanUp": [Function], - "getUnViewedCount": [Function], - "notificationCountSubscriber": [Function], - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "siren": [MockFunction spy], - "startRealTimeDataFetch": [Function], - "unViewedCount": 0, - }, - "slots": { - "notificationIcon": [Function], - }, - "slotsProxy": { - "notificationIcon": [Function], - }, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "className": 3, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "stroke": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "className": { - "0": false, - "1": true, - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "0": false, - "1": true, - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "0": false, - "1": true, - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "className", - "size", - "stroke", - ], - ], - "provides": {}, - "proxy": { - "className": "", - "fill": "none", - "size": "30", - "stroke": "#FFFFFF", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 3, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "stroke", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9", - "stroke": "#FFFFFF", - "stroke-linecap": "round", - "stroke-linejoin": "round", - "stroke-width": "1.2973", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - "fill", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "30", - "viewBox": "0 0 24 24", - "width": "30", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "size", - "stroke", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "size": "30", - "stroke": "#FFFFFF", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/BellIcon.vue", - "__name": "BellIcon", - "props": { - "className": { - "default": "", - "required": false, - "type": [Function], - }, - "fill": { - "default": "none", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - "stroke": { - "default": "#232326", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_notificationIcon", - "patchFlag": -2, - "props": { - "key": "_notificationIcon", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": [ - "onClick", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 8, - "props": { - "class": "siren-sdk-notification-icon-container", - "data-testid": "notification-icon-container", - "onClick": [Function], - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "darkMode", - "styles", - "hideBadge", - "isModalOpen", - ], - "el":
- - - - - - -
, - "key": null, - "patchFlag": 1032, - "props": { - "darkMode": true, - "handleNotification": [Function], - "hideBadge": false, - "isModalOpen": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FFFFFF", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FFFFFF", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FFFFFF", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 36, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationIcon.vue", - "__name": "NotificationIcon", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "handleNotification": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "dynamicProps": null, - "el":
-
- - - - - - -
-
, - "key": 0, - "patchFlag": 512, - "props": { - "data-testid": "siren-inbox-icon", - "key": 0, - "ref": "iconRef", - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "iconRef", - }, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "dynamicProps": null, - "el":
-
-
- - - - - - -
-
- -
, - "key": null, - "patchFlag": 18, - "props": { - "class": "siren-sdk-inbox-container", - "customCard": undefined, - "customFooter": undefined, - "customHeader": undefined, - "customStyles": { - "notificationIcon": { - "size": 30, - }, - }, - "data-testid": "siren-inbox-container", - "hideHeader": false, - "listEmptyComponent": undefined, - "noOfNotificationsPerFetch": 10, - "notificationIcon": undefined, - "ref": "notificationRef", - "title": "Notifications", - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "notificationRef", - }, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenInbox.vue", - "__name": "SirenInbox", - "components": {}, - "props": { - "cardProps": { - "required": false, - "type": [Function], - }, - "customStyle": { - "required": false, - "type": [Function], - }, - "darkMode": { - "default": false, - "required": false, - "type": [Function], - }, - "headerProps": { - "required": false, - "type": [Function], - }, - "hideBadge": { - "default": false, - "required": false, - "type": [Function], - }, - "itemsPerFetch": { - "default": 20, - "required": false, - "type": [Function], - }, - "loadMoreLabel": { - "default": "Load more", - "required": false, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "theme": { - "required": false, - "type": [Function], - }, - "windowViewOnly": { - "default": false, - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
- - - - - - -
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "customCard": undefined, - "customFooter": undefined, - "customHeader": undefined, - "customStyles": { - "notificationIcon": { - "size": 30, - }, - }, - "darkMode": true, - "hideHeader": false, - "listEmptyComponent": undefined, - "noOfNotificationsPerFetch": 10, - "notificationIcon": undefined, - "onCardClick": undefined, - "onError": [MockFunction spy], - "ref": "VTU_COMPONENT", - "theme": { - "dark": { - "colors": { - "primaryColor": "#FFFFFF", - }, - }, - "light": {}, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenInbox.vue", - "__name": "SirenInbox", - "components": {}, - "props": { - "cardProps": { - "required": false, - "type": [Function], - }, - "customStyle": { - "required": false, - "type": [Function], - }, - "darkMode": { - "default": false, - "required": false, - "type": [Function], - }, - "headerProps": { - "required": false, - "type": [Function], - }, - "hideBadge": { - "default": false, - "required": false, - "type": [Function], - }, - "itemsPerFetch": { - "default": 20, - "required": false, - "type": [Function], - }, - "loadMoreLabel": { - "default": "Load more", - "required": false, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "theme": { - "required": false, - "type": [Function], - }, - "windowViewOnly": { - "default": false, - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
- - - - - - -
-
- -
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+
-
- - - - - - -
+ + + +
- -
, -} +
+ +
`; diff --git a/tests/components/__snapshots__/sirenPanel.spec.ts.snap b/tests/components/__snapshots__/sirenPanel.spec.ts.snap index 41d52b1..5cca700 100644 --- a/tests/components/__snapshots__/sirenPanel.spec.ts.snap +++ b/tests/components/__snapshots__/sirenPanel.spec.ts.snap @@ -1,56019 +1,270 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`matches snapshot 1`] = ` -VueWrapper { - "__app": { - "_component": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "_container":
-
- -
-

- Notifications -

-
- - - -

- Clear All -

-
-
- -
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
-
-
, - "_context": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "_instance": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "VTU_COMPONENT": {}, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "VTU_COMPONENT": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": {}, - "_value": {}, - "dep": undefined, - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 14, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": null, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": null, - "props": {}, - "propsDefaults": {}, - "propsOptions": [ - {}, - [], - ], - "provides": {}, - "proxy": { - "VTU_COMPONENT": {}, - }, - "refs": { - "VTU_COMPONENT": {}, - }, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 14, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": null, - "setupState": { - "VTU_COMPONENT": {}, - }, - "slots": {}, - "slotsProxy": null, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": [ - [Function], - ], - "c": null, - "components": {}, - "ctx": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onCardClick": undefined, - "onError": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "DEFAULT_WINDOW_TITLE": "Notifications", - "EmptyList": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/EmptyList.vue", - "__name": "EmptyList", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "ErrorWindow": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ErrorWindow.vue", - "__name": "ErrorWindow", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "error": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "HeaderComponent": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "LoadMore": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoadMore.vue", - "__name": "LoadMore", - "props": { - "onLoadMore": { - "required": true, - "type": [Function], - }, - "paginationLoading": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "LoaderComponent": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "NotificationCard": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationCard.vue", - "__name": "NotificationCard", - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "deleteById": { - "required": true, - "type": [Function], - }, - "notification": { - "required": true, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "cleanUp": [Function], - "containerClassNames": "siren-sdk-content-container", - "deleteByDate": [Function], - "deleteById": [Function], - "deleteNotificationById": [Function], - "error": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": "", - "_value": "", - "dep": Map { - ReactiveEffect { - "_depsLength": 28, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "eventListenerData": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": null, - "_value": null, - "dep": Map { - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - [Circular], - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "fetchNotifications": [Function], - "handleClearAllNotification": [Function], - "handleMarkNotificationsAsViewed": [Function], - "isEmptyArray": [Function], - "isLoading": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": true, - "_value": true, - "dep": Map { - ReactiveEffect { - "_depsLength": 28, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "markAllAsViewed": [Function], - "notificationSubscriber": [Function], - "notificationsContent": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": [], - "_value": [], - "dep": Map { - ReactiveEffect { - "_depsLength": 28, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - [Circular], - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - } => 1, - }, - }, - "onEndReached": [Function], - "onLoadMore": [Function], - "paginationLoading": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": false, - "_value": false, - "dep": undefined, - }, - "panelStyle": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "maxWidth": "100", - "width": "500", - }, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onCardClick": undefined, - "onError": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "reachedEnd": RefImpl { - "__v_isRef": true, - "__v_isShallow": false, - "_rawValue": false, - "_value": false, - "dep": undefined, - }, - "resetRealTimeFetch": [Function], - "resetValues": [Function], - "restartNotificationCountFetch": [Function], - "siren": [MockFunction spy], - "triggerOnError": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "dep": undefined, - "effect": ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 4, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 0, - "active": true, - "computed": [Circular], - "deps": [], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - }, - "getter": [Function], - }, - "updateNotificationList": [Function], - "verificationStatus": [MockFunction spy], - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 28, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": {}, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": [ - [Function], - ], - "next": null, - "parent": [Circular], - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onCardClick": undefined, - "onError": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "cardProps": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "darkMode": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "headerProps": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideBadge": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "isModalOpen": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "itemsPerFetch": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "loadMoreLabel": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "modalWidth": { - "0": false, - "1": true, - "required": true, - "type": [ - [Function], - [Function], - ], - }, - "onCardClick": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "onError": { - "0": false, - "1": true, - "required": false, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "darkMode", - "windowViewOnly", - "isModalOpen", - "hideBadge", - ], - ], - "provides": {}, - "proxy": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onCardClick": undefined, - "onError": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 4, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 0, - "active": true, - "computed": ComputedRefImpl { - "__v_isReadonly": true, - "__v_isRef": true, - "_cacheable": true, - "_setter": [Function], - "dep": undefined, - "effect": [Circular], - "getter": [Function], - }, - "deps": [], - "fn": [Function], - "scheduler": undefined, - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 1, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [ - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 0, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "deps": [], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ReactiveEffect { - "_depsLength": 28, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "DEFAULT_WINDOW_TITLE": "Notifications", - "EmptyList": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/EmptyList.vue", - "__name": "EmptyList", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "ErrorWindow": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ErrorWindow.vue", - "__name": "ErrorWindow", - "props": { - "darkMode": { - "required": true, - "type": [Function], - }, - "error": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "HeaderComponent": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "LoadMore": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoadMore.vue", - "__name": "LoadMore", - "props": { - "onLoadMore": { - "required": true, - "type": [Function], - }, - "paginationLoading": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "LoaderComponent": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "NotificationCard": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/NotificationCard.vue", - "__name": "NotificationCard", - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "deleteById": { - "required": true, - "type": [Function], - }, - "notification": { - "required": true, - "type": [Function], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "cleanUp": [Function], - "containerClassNames": "siren-sdk-content-container", - "deleteByDate": [Function], - "deleteById": [Function], - "deleteNotificationById": [Function], - "error": "", - "eventListenerData": null, - "fetchNotifications": [Function], - "handleClearAllNotification": [Function], - "handleMarkNotificationsAsViewed": [Function], - "isEmptyArray": [Function], - "isLoading": true, - "markAllAsViewed": [Function], - "notificationSubscriber": [Function], - "notificationsContent": [], - "onEndReached": [Function], - "onLoadMore": [Function], - "paginationLoading": false, - "panelStyle": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "maxWidth": "100", - "width": "500", - }, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onCardClick": undefined, - "onError": [MockFunction spy], - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "reachedEnd": false, - "resetRealTimeFetch": [Function], - "resetValues": [Function], - "restartNotificationCountFetch": [Function], - "siren": [MockFunction spy], - "triggerOnError": [Function], - "updateNotificationList": [Function], - "verificationStatus": [MockFunction spy], - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "enableClearAll": { - "0": true, - "1": true, - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideClearAll": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "title": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "enableClearAll", - "windowViewOnly", - "hideClearAll", - ], - ], - "provides": {}, - "proxy": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "refs": {}, - "render": [Function], - "renderCache": [ - [Function], - [Function], - ], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Notifications -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "not-allowed", - "opacity": 0.4, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Notifications -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "not-allowed", - "opacity": 0.4, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-

- Notifications -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-header-container", - "data-testid": "header-container", - "style": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "height": "64px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "title", - "enableClearAll", - "styles", - "windowViewOnly", - "hideClearAll", - ], - "el":
-

- Notifications -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 8, - "props": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customHeader", - "patchFlag": -2, - "props": { - "key": "_customHeader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": {}, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "hideAvatar": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "hideAvatar", - ], - ], - "provides": {}, - "proxy": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-loader-container", - "data-testid": "loader-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 4, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "styles", - "hideAvatar", - ], - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 8, - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customLoader", - "patchFlag": -2, - "props": { - "key": "_customLoader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-content-container", - "style": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "height": "700px", - "overflow": "hidden", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
, - "key": null, - "patchFlag": 4, - "props": { - "style": { - "backgroundColor": "#232326", - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "enableClearAll": 3, - "handleClearAllNotification": 3, - "hasAttribute": 0, - "hideClearAll": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "title": 3, - "toJSON": 0, - "windowViewOnly": 3, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "enableClearAll": { - "0": true, - "1": true, - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "hideClearAll": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "title": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "enableClearAll", - "windowViewOnly", - "hideClearAll", - ], - ], - "provides": {}, - "proxy": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "refs": {}, - "render": [Function], - "renderCache": [ - [Function], - [Function], - ], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 26, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": { - "CLEAR_ALL_LABEL": "Clear All", - "ClearIcon": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Notifications -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "not-allowed", - "opacity": 0.4, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Notifications", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Notifications -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-text-break", - "style": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "fill": 3, - "hasAttribute": 0, - "nodeType": 0, - "size": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "fill": "#D0D5DD", - "size": "24", - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "propsDefaults": {}, - "propsOptions": [ - { - "fill": { - "0": false, - "1": true, - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "0": false, - "1": true, - "default": "24", - "required": false, - "type": [Function], - }, - }, - [ - "fill", - "size", - ], - ], - "provides": {}, - "proxy": { - "fill": "#D0D5DD", - "size": "24", - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 2, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - ], - "el": , - "key": null, - "patchFlag": 8, - "props": { - "d": "M5 12C5 12.5523 5.44772 13 6 13H18C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11H6C5.44772 11 5 11.4477 5 12ZM3 16C3 16.5523 3.44772 17 4 17H16C16.5523 17 17 16.5523 17 16C17 15.4477 16.5523 15 16 15H4C3.44772 15 3 15.4477 3 16ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H20C20.5523 9 21 8.55228 21 8C21 7.44772 20.5523 7 20 7H8Z", - "fill": "#D0D5DD", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "path", - }, - ], - "dynamicProps": [ - "width", - "height", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "none", - "height": "24", - "viewBox": "0 0 24 24", - "width": "24", - "xmlns": "http://www.w3.org/2000/svg", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "svg", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 3, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "fill", - "size", - ], - "el": - - , - "key": null, - "patchFlag": 8, - "props": { - "fill": "#D0D5DD", - "size": "24", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/ClearAllIcon.vue", - "__name": "ClearAllIcon", - "props": { - "fill": { - "default": "#667185", - "required": false, - "type": [Function], - }, - "size": { - "default": "24", - "required": false, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "Clear All", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":

- Clear All -

, - "key": null, - "patchFlag": 5, - "props": { - "class": "siren-sdk-header-clear-all-text", - "style": { - "color": "#FFFFFF", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 9, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "p", - }, - ], - "dynamicProps": null, - "el":
- - - -

- Clear All -

-
, - "key": 0, - "patchFlag": 36, - "props": { - "class": "siren-sdk-header-right-container", - "data-testid": "clear-all", - "key": 0, - "onClick": [Function], - "onKeydown": [Function], - "style": { - "cursor": "not-allowed", - "opacity": 0.4, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
-

- Notifications -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-header-container", - "data-testid": "header-container", - "style": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "height": "64px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 2, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "title", - "enableClearAll", - "styles", - "windowViewOnly", - "hideClearAll", - ], - "el":
-

- Notifications -

-
- - - -

- Clear All -

-
-
, - "key": null, - "patchFlag": 8, - "props": { - "enableClearAll": false, - "handleClearAllNotification": [Function], - "hideClearAll": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "title": "Notifications", - "windowViewOnly": false, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/HeaderComponent.vue", - "__name": "HeaderComponent", - "props": { - "enableClearAll": { - "default": true, - "required": false, - "type": [Function], - }, - "handleClearAllNotification": { - "required": true, - "type": [Function], - }, - "hideClearAll": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "title": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customHeader", - "patchFlag": -2, - "props": { - "key": "_customHeader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "hasAttribute": 0, - "hideAvatar": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "hideAvatar": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "hideAvatar", - ], - ], - "provides": {}, - "proxy": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-loader-container", - "data-testid": "loader-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 4, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "styles", - "hideAvatar", - ], - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 8, - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customLoader", - "patchFlag": -2, - "props": { - "key": "_customLoader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "hasAttribute": 0, - "hideAvatar": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "hideAvatar": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "hideAvatar", - ], - ], - "provides": {}, - "proxy": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-loader-container", - "data-testid": "loader-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 4, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "styles", - "hideAvatar", - ], - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 8, - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customLoader", - "patchFlag": -2, - "props": { - "key": "_customLoader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-content-container", - "style": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "height": "700px", - "overflow": "hidden", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": { - "a": null, - "accessCache": { - "@@__IMMUTABLE_ITERABLE__@@": 0, - "@@__IMMUTABLE_RECORD__@@": 0, - "_isMockFunction": 0, - "hasAttribute": 0, - "hideAvatar": 3, - "nodeType": 0, - "styles": 3, - "tagName": 0, - "toJSON": 0, - Symbol(Symbol.toStringTag): 0, - }, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "asyncDep": null, - "asyncResolved": false, - "attrs": {}, - "attrsProxy": null, - "bc": null, - "bm": null, - "bu": null, - "bum": null, - "c": null, - "components": null, - "ctx": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "da": null, - "data": {}, - "devtoolsRawSetupState": {}, - "directives": null, - "ec": null, - "effect": ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - "emit": [Function], - "emitsOptions": null, - "emitted": null, - "exposeProxy": null, - "exposed": {}, - "inheritAttrs": undefined, - "isDeactivated": false, - "isMounted": true, - "isUnmounted": false, - "m": null, - "next": null, - "parent": [Circular], - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "propsDefaults": {}, - "propsOptions": [ - { - "hideAvatar": { - "0": true, - "1": true, - "required": true, - "type": [Function], - }, - "styles": { - "0": false, - "1": true, - "required": true, - "type": [Function], - }, - }, - [ - "hideAvatar", - ], - ], - "provides": {}, - "proxy": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "refs": {}, - "render": [Function], - "renderCache": [], - "root": [Circular], - "rtc": null, - "rtg": null, - "scope": EffectScope { - "_active": true, - "cleanups": [], - "detached": true, - "effects": [ - ReactiveEffect { - "_depsLength": 6, - "_dirtyLevel": 0, - "_runnings": 0, - "_shouldSchedule": false, - "_trackId": 1, - "active": true, - "allowRecurse": true, - "deps": [ - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - Map { - [Circular] => 1, - }, - ], - "fn": [Function], - "onTrack": undefined, - "onTrigger": undefined, - "scheduler": [Function], - "trigger": [Function], - }, - ], - "parent": undefined, - }, - "setupContext": { - "attrs": {}, - "emit": [Function], - "expose": [Function], - "slots": {}, - }, - "setupState": {}, - "slots": {}, - "slotsProxy": {}, - "sp": null, - "subTree": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": , - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 1, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 1, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 2, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 2, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 3, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 3, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 4, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 4, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
-
-
-
-
, - "key": 5, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-container", - "key": 5, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el":
, - "key": 0, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-avatar", - "key": 0, - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-header", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-body", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": [ - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-time", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-card-loader-time-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
-
-
-
-
-
-
-
, - "key": null, - "patchFlag": 2, - "props": { - "class": "siren-sdk-card-loader-details siren-sdk-card-show-avatar", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": null, - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-card-loader-delete-icon", - "style": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 1, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 64, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - ], - "dynamicProps": null, - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 0, - "props": { - "class": "siren-sdk-loader-container", - "data-testid": "loader-container", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 4, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": [ - "styles", - "hideAvatar", - ], - "el":
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
, - "key": null, - "patchFlag": 8, - "props": { - "hideAvatar": false, - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/LoaderComponent.vue", - "__name": "LoaderComponent", - "props": { - "hideAvatar": { - "required": true, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el": , - "key": "_customLoader", - "patchFlag": -2, - "props": { - "key": "_customLoader", - }, - "ref": null, - "scopeId": null, - "shapeFlag": 16, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-fgt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
, - "key": null, - "patchFlag": 4, - "props": { - "class": "siren-sdk-content-container", - "style": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "height": "700px", - "overflow": "hidden", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": null, - "children": "v-if", - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": [], - "dynamicProps": null, - "el": , - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 8, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": Symbol(v-cmt), - }, - ], - "component": null, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
, - "key": null, - "patchFlag": 4, - "props": { - "style": { - "backgroundColor": "#232326", - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - ], - "dynamicProps": null, - "el":
- -
-

- Notifications -

-
- - - -

- Clear All -

-
-
- -
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
-
, - "key": null, - "patchFlag": 6, - "props": { - "class": "siren-sdk-panel-modal", - "data-testid": "siren-panel-container", - "style": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - "boxShadow": "#232326 0px 8px 24px", - "maxWidth": "100", - "width": "500", - }, - }, - "ref": null, - "scopeId": null, - "shapeFlag": 17, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": "div", - }, - "suspense": null, - "suspenseId": 0, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenPanel.vue", - "__name": "SirenPanel", - "components": {}, - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "headerProps": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "itemsPerFetch": { - "required": true, - "type": [Function], - }, - "loadMoreLabel": { - "required": true, - "type": [Function], - }, - "modalWidth": { - "required": true, - "type": [ - [Function], - [Function], - ], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 1, - "um": null, - "update": [Function], - "vnode": [Circular], - "withProxy": null, - }, - "ctx": [Circular], - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
-

- Notifications -

-
- - - -

- Clear All -

-
-
- -
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
-
, - "key": null, - "patchFlag": 0, - "props": { - "cardProps": { - "hideAvatar": false, - "showMedia": true, - }, - "darkMode": false, - "headerProps": { - "hideHeader": false, - }, - "hideBadge": false, - "isModalOpen": true, - "itemsPerFetch": 10, - "loadMoreLabel": "Load more", - "modalWidth": 500, - "onError": [MockFunction spy], - "ref": "VTU_COMPONENT", - "styles": { - "activeCardMarker": { - "backgroundColor": "#2E2D30", - "border": "#FA9874", - }, - "badgeStyle": { - "backgroundColor": "#FF0000", - "borderRadius": "15px", - "height": "15px", - "minWidth": "15px", - "right": "inherit", - "top": "inherit", - }, - "badgeTextStyle": { - "color": "#FFFFFF", - "fontSize": "10px", - }, - "body": { - "height": "700px", - }, - "cardDescription": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "400", - }, - "cardIconRound": { - "backgroundColor": "#344054", - "borderRadius": "20px", - "height": "40px", - "width": "40px", - }, - "cardSubTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "500", - }, - "cardTitle": { - "color": "#FFFFFF", - "fontSize": "14px", - "fontWeight": "600", - }, - "clearIcon": { - "color": "#D0D5DD", - "size": 24, - }, - "container": { - "maxWidth": "100", - }, - "contentContainer": { - "backgroundColor": "#232326", - "borderRadius": "0 0 10px 10px", - "padding": "0px", - }, - "dateStyle": { - "color": "#98A2B3", - "fontSize": "12px", - }, - "defaultCardContainer": { - "backgroundColor": "transparent", - "borderBottom": "0.5px solid", - "borderColor": "#344054", - "padding": "12px", - }, - "deleteIcon": { - "color": "#D0D5DD", - "size": 20, - }, - "emptyText": { - "color": "#FFFFFF", - }, - "errorText": { - "color": "#FFFFFF", - }, - "headerAction": { - "color": "#FFFFFF", - }, - "headerContainer": { - "backgroundColor": "#232326", - "borderBottom": "0.5px solid #344054", - "height": "64px", - }, - "headerTitle": { - "color": "#FFFFFF", - "fontSize": "20px", - "fontWeight": "600", - "paddingLeft": "0px", - }, - "infiniteLoader": { - "border": "3px solid #FA9874", - "borderBottomColor": "transparent", - }, - "loadMoreButton": { - "backgroundColor": "#232326", - "color": "#FA9874", - "fontSize": "14px", - "fontWeight": "600", - }, - "loader": { - "backgroundImage": "linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%)", - "borderColor": "#FA9874", - }, - "notificationIcon": { - "size": 30, - }, - "timerIcon": { - "color": "#98A2B3", - "size": 14, - }, - "windowBottomBorder": { - "borderBottomLeftRadius": "10px", - "borderBottomRightRadius": "10px", - }, - "windowShadow": { - "boxShadow": "#232326 0px 8px 24px", - }, - "windowTopBorder": { - "borderTopLeftRadius": "10px", - "borderTopRightRadius": "10px", - }, - }, - "windowViewOnly": false, - }, - "ref": { - "f": false, - "i": [Circular], - "k": undefined, - "r": "VTU_COMPONENT", - }, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "__file": "/home/cizil/Projects/Vue/Notification-Service/siren-vue-inbox/src/components/SirenPanel.vue", - "__name": "SirenPanel", - "components": {}, - "props": { - "cardProps": { - "required": true, - "type": [Function], - }, - "darkMode": { - "required": true, - "type": [Function], - }, - "headerProps": { - "required": true, - "type": [Function], - }, - "hideBadge": { - "required": true, - "type": [Function], - }, - "isModalOpen": { - "required": true, - "type": [Function], - }, - "itemsPerFetch": { - "required": true, - "type": [Function], - }, - "loadMoreLabel": { - "required": true, - "type": [Function], - }, - "modalWidth": { - "required": true, - "type": [ - [Function], - [Function], - ], - }, - "onCardClick": { - "required": false, - "type": [Function], - }, - "onError": { - "required": false, - "type": [Function], - }, - "styles": { - "required": true, - "type": [Function], - }, - "windowViewOnly": { - "required": true, - "type": [Function], - }, - }, - "render": [Function], - "setup": [Function], - }, - }, - "suspense": null, - "suspenseId": 0, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - "u": null, - "uid": 0, - "um": null, - "update": [Function], - "vnode": { - "__v_isVNode": true, - "__v_skip": true, - "anchor": null, - "appContext": { - "app": [Circular], - "components": { - "transition": { - "name": "transition", - }, - "transition-group": { - "name": "transition-group", - }, - }, - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directives": {}, - "emitsCache": WeakMap {}, - "mixins": [ - { - "beforeCreate": [Function], - }, - ], - "optionsCache": WeakMap {}, - "propsCache": WeakMap {}, - "provides": { - "siren": [MockFunction spy], - "verificationStatus": [MockFunction spy], - }, - "reload": [Function], - }, - "children": null, - "component": [Circular], - "ctx": null, - "dirs": null, - "dynamicChildren": null, - "dynamicProps": null, - "el":
- -
-

- Notifications -

-
- - - -

- Clear All -

-
-
- -
-
- -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- - - - -
- -
-
, - "key": null, - "patchFlag": 0, - "props": null, - "ref": null, - "scopeId": null, - "shapeFlag": 4, - "slotScopeIds": null, - "ssContent": null, - "ssFallback": null, - "staticCount": 0, - "suspense": null, - "target": null, - "targetAnchor": null, - "transition": null, - "type": { - "name": "VTU_ROOT", - "render": [Function], - "setup": [Function], - }, - }, - "withProxy": null, - }, - "_props": null, - "_uid": 0, - "component": [Function], - "config": { - "compilerOptions": {}, - "errorHandler": undefined, - "globalProperties": {}, - "isNativeTag": [Function], - "optionMergeStrategies": {}, - "performance": false, - "warnHandler": undefined, - }, - "directive": [Function], - "mixin": [Function], - "mount": [Function], - "provide": [Function], - "runWithContext": [Function], - "unmount": [Function], - "use": [Function], - "version": "3.4.27", - }, - "__setProps": [Function], - "cleanUpCallbacks": [ - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - [Function], - ], - "componentVM": {}, - "isDisabled": [Function], - "rootVM": { - "VTU_COMPONENT": {}, - }, - "wrapperElement":
+ +
- +

+ Notifications +

+ + +

- Notifications + Clear All

-
- - - -

- Clear All -

-
- +
+ +
+
-
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
- +
- - -
+ + +
-
, -} + +
+
`; diff --git a/tests/components/emptyList.spec.ts b/tests/components/emptyList.spec.ts index 3581426..2da7cc8 100644 --- a/tests/components/emptyList.spec.ts +++ b/tests/components/emptyList.spec.ts @@ -14,7 +14,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render empty list window with basic content', () => { diff --git a/tests/components/errorWindow.spec.ts b/tests/components/errorWindow.spec.ts index e148dd0..14321a5 100644 --- a/tests/components/errorWindow.spec.ts +++ b/tests/components/errorWindow.spec.ts @@ -15,7 +15,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render error window with basic content', () => { diff --git a/tests/components/headerComponent.spec.ts b/tests/components/headerComponent.spec.ts index f7b03ba..61bebc0 100644 --- a/tests/components/headerComponent.spec.ts +++ b/tests/components/headerComponent.spec.ts @@ -21,7 +21,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render header component with basic content', () => { diff --git a/tests/components/loadMore.spec.ts b/tests/components/loadMore.spec.ts index d930956..240026c 100644 --- a/tests/components/loadMore.spec.ts +++ b/tests/components/loadMore.spec.ts @@ -17,7 +17,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render load more component with basic content', () => { diff --git a/tests/components/loaderComponent.spec.ts b/tests/components/loaderComponent.spec.ts index 379b3de..2375627 100644 --- a/tests/components/loaderComponent.spec.ts +++ b/tests/components/loaderComponent.spec.ts @@ -14,7 +14,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render loader component with basic content', () => { diff --git a/tests/components/notificationCard.spec.ts b/tests/components/notificationCard.spec.ts index 5ac9059..68003dc 100644 --- a/tests/components/notificationCard.spec.ts +++ b/tests/components/notificationCard.spec.ts @@ -51,7 +51,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render notification card with basic content', () => { diff --git a/tests/components/notificationIcon.spec.ts b/tests/components/notificationIcon.spec.ts index 1e3e4ad..e347254 100644 --- a/tests/components/notificationIcon.spec.ts +++ b/tests/components/notificationIcon.spec.ts @@ -40,7 +40,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render notification icon with basic content', () => { diff --git a/tests/components/sirenInbox.spec.ts b/tests/components/sirenInbox.spec.ts index b225a68..308b500 100644 --- a/tests/components/sirenInbox.spec.ts +++ b/tests/components/sirenInbox.spec.ts @@ -60,7 +60,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render notification inbox with basic content', () => { diff --git a/tests/components/sirenPanel.spec.ts b/tests/components/sirenPanel.spec.ts index eb47203..35b0560 100644 --- a/tests/components/sirenPanel.spec.ts +++ b/tests/components/sirenPanel.spec.ts @@ -49,7 +49,7 @@ test('matches snapshot', () => { } }); - expect(wrapper).toMatchSnapshot(); + expect(wrapper.element).toMatchSnapshot(); }); test('render notification panel with basic content', () => {