@mohamed-karawia/library 0.1.18 → 0.1.22

package/src/stories/store/communities.js

@@ -0,0 +1,703 @@
+export const community = {
+    name: 'test',
+    private: false,
+    communityMembers: [],
+    communityRoles: [],
+    joining_guards: ['everyone', 'enrollment-based'],
+    visibility_guards: ['invite-only', 'public', 'discoverable'],
+    invites: [],
+    styles: {
+        backgroundColor: 'white',
+    },
+    navbarStyles: {
+        iconSize: "md",
+        iconBackgroundColor: "#00ADC4"
+    },
+    spacesListWidget: {
+        widgetId: '',
+        widgetType: 'spaces-list',
+        widgetTypeId: '',
+        widgetSpacesList: {
+            listTitle: 'My Spaces',
+            spaces: [
+                {
+                    title: 'Chat',
+                    data: [
+                        { title: 'Chat', id: 'chat' },
+                    ],
+                },
+                {
+                    title: 'Events',
+                    data: [
+                        { title: 'Event', id: 'event' },
+                        { title: 'Events List', id: 'events_list' }
+                    ]
+                },
+                {
+                    title: 'Library',
+                    data: [
+                        { title: 'Folders', id: 'folders' },
+                        { title: 'Notes', id: 'notes' },
+                    ]
+                },
+                {
+                    title: 'Music',
+                    data: [
+                        { title: 'Music Album', id: 'music_album' },
+                        { title: 'Music Albums', id: 'music_albums' },
+                    ]
+                },
+                {
+                    title: 'Photos',
+                    data: [
+                        { title: 'Photo Album', id: 'photo_album' },
+                        { title: 'Photo Albums', id: 'photo_albums' },
+                    ]
+                },
+                {
+                    title: 'Videos',
+                    data: [
+                        { title: 'Video Albums', id: 'video_albums' },
+                        { title: 'Video Album', id: 'video_album' },
+                        { title: 'Video Space', id: 'video_space' },
+                    ]
+                }
+            ],
+            styles: {
+                headerStyles: {
+
+                },
+                sectionHeaderStyles: {
+                    padding: 2,
+                    headerBackground: "#00ADC4",
+                    titleColor: "white"
+                },
+                customCardStyles: {
+                    cardPadding: 6,
+                    cardTitleFontSize: 15,
+                    cardBackgroundColor: "white",
+                    cardTitleColor: "#00ADC4",
+                    cardBorderSize: 1,
+                    cardBorderColor: "#00ADC4",
+                    onHoverBackgroundColor: "#d3d3d3",
+                    controlsStyles: {
+                        showOnHover: true,
+                        iconColor: "#00ADC4"
+                    }
+                },
+                borderRadius: 10,
+                primaryColor: "#00ADC4",
+                iconsColor: "#00ADC4",
+                backgroundColor: "white",
+                discColor: "gray",
+                dateColor: "gray",
+                iconColor: "#00ADC4",
+                cardTitleFontSize: 15
+
+            }
+        }
+    },
+    spaces: [
+        {
+            // space level settings
+            spaceId: '',
+            spaceType: 'chat',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                users: [
+                    {
+                        id: 'walter',
+                        display: 'Walter White',
+                    },
+                    {
+                        id: 'jesse',
+                        display: 'Jesse Pinkman',
+                    },
+                    {
+                        id: 'gus',
+                        display: 'Gustavo "Gus" Fring',
+                    },
+                    {
+                        id: 'saul',
+                        display: 'Saul Goodman',
+                    },
+                    {
+                        id: 'hank',
+                        display: 'Hank Schrader',
+                    },
+                    {
+                        id: 'skyler',
+                        display: 'Skyler White',
+                    },
+                    {
+                        id: 'mike',
+                        display: 'Mike Ehrmantraut',
+                    },
+                    {
+                        id: 'lydia',
+                        display: 'Lydìã Rôdarté-Qüayle',
+                    },
+                ],
+                data: [
+                    { username: 'Adam', img: "https://cdn3.iconfinder.com/data/icons/avatars-9/145/Avatar_Cat-512.png", date: '5/11/2021', text: 'Welcome to Zoo community !' },
+                    { username: 'Roze', img: "https://w7.pngwing.com/pngs/867/134/png-transparent-giant-panda-dog-cat-avatar-fox-animal-tag-mammal-animals-carnivoran-thumbnail.png", date: '5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ', media: (<img src="https://cdn4.vectorstock.com/i/1000x1000/73/93/cute-lion-cartoon-on-white-background-vector-26837393.jpg" />) },
+                    { username: 'Saif', img: "https://img.favpng.com/5/2/3/computer-icons-scalable-vector-graphics-avatar-emoticon-png-favpng-209NAXaV1ZBQdYGrU7nNbMxpX.jpg", date: '5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ' },
+                    { username: 'Noor', img: "https://cdn3.iconfinder.com/data/icons/avatars-9/145/Avatar_Panda-512.png", date: '5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ' },
+                ]
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                backgroundColor: 'transparent',
+                customCardStyles: {
+                    cardPadding: 6,
+                    cardTitleFontSize: 15,
+                    cardBackgroundColor: "white",
+                    cardTitleColor: "#00ADC4",
+                    cardBorderColor: "#00ADC4",
+                    onHoverBackgroundColor: "#d3d3d3",
+                    iconColor: "#00ADC4",
+                    onHoverColor: 'gray',
+                    controlsStyles: {
+                        iconColor: "#00ADC4"
+                    }
+                }
+            },
+        },
+        {
+            spaceId: '',
+            spaceType: 'events_list',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                events: [
+                    { title: 'Event one', date: '15-11-2020 : 5-8-2021' },
+                    { title: 'Event two', date: '14-12-2020 : 14-4-2023' },
+                    { title: 'Event three', date: '5-6-2021 : 5-8-2021' },
+                    { title: 'Event four', date: '14-4-2023' },
+                    { title: 'Event five', date: '5-6-2021 : 14-4-2023' },
+                ]
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                customCardStyles: {
+                    cardPadding: 6,
+                    cardTitleFontSize: 15,
+                    cardBackgroundColor: "white",
+                    cardTitleColor: "#00ADC4",
+                    cardBorderColor: "#00ADC4",
+                    onHoverBackgroundColor: "#d3d3d3",
+                    iconColor: "#00ADC4",
+                    controlsStyles: {
+                        iconColor: "#00ADC4"
+                    }
+                }
+            },
+        },
+        {
+            spaceId: '',
+            spaceType: 'event',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                cover: 'https://image.freepik.com/free-vector/zoo-animals-wild-nature-background_1308-44197.jpg',
+                title: "Zoo trip",
+                date: "15/11/1976 : 16/11/1976",
+                disc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia impedit fugiat reprehenderit adipisci eos atque ullam error quia amet nihil, exercitationem beatae distinctio eligendi neque, consequuntur odit commodi id porro.",
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                backgroundColor: 'white',
+                titleColor: '#00ADC4',
+                titleSize: 20,
+                dateColor: '#00ADC4',
+                dateSize: 10,
+                discColor: 'black',
+                discSize: 15,
+            },
+        },
+        {
+            spaceId: '',
+            spaceType: 'folders',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                folders: [
+                    { title: 'Folder one', description: 'Discription for folder one' },
+                    { title: 'Folder two', description: 'Discription for folder two' },
+                    { title: 'Folder three', description: 'Discription for folder three' },
+                    { title: 'Folder four', description: 'Discription for folder four' },
+                    { title: 'Folder five', description: 'Discription for folder five' },
+                    { title: 'Folder six', description: 'Discription for folder six' },
+                ],
+                folderTitle: 'My Folders'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                customCardStyles: {
+                    iconColor: '#00ADC4',
+                    cardTitleColor: '#00ADC4',
+                    cardDescriptionColor: 'gray'
+                },
+            },
+        },
+        {
+            spaceId: '',
+            spaceType: 'notes',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                notes: [
+                    { title: 'Study notes', date: '15/11/2020' },
+                    { title: 'Music notes', date: '14/12/2020' },
+                    { title: 'Workout notes', date: '5/8/2021' },
+                    { title: 'Gaming notes', date: '14/4/2023' },
+                    { title: 'Working notes', date: '5/6/2021' },
+                ],
+                title: 'My Notes'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                backgroundColor: 'white',
+                titleColor: '#00ADC4',
+                titleSize: 20,
+                dateColor: 'black',
+                dateSize: 10,
+                discColor: 'black',
+                discSize: 15,
+            },
+        },
+        {
+            spaceId: '',
+            spaceType: 'music_album',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                album: [
+                    { index: 0, cover: 'https://f4.bcbits.com/img/a2465881007_10.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Plans We Made', description: 'Son Lux', time: '5:20' },
+                    { index: 2, cover: 'https://miro.medium.com/max/807/1*o4O4SdRfLDAbX2Z41mtUbQ.png', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Still Loving You', description: 'Scorpions', time: '4:20' },
+                    { index: 1, cover: 'https://angartwork.akamaized.net/?id=197381&size=640', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Night', description: 'Frank Ocean', time: '5:20' },
+                    { index: 3, cover: 'https://www.mobiusrecordshop.com/uploads/1/3/1/4/131426346/s264159977788795342_p633_i1_w520.jpeg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Somebody Else', description: '1975', time: '5:20' },
+                    { index: 4, cover: 'https://sleazeroxx.com/wp-content/uploads/Metallica-album-cover-1-e1479325121582.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Enter Sandman', description: 'Metallica', time: '5:20' },
+                    { index: 5, cover: 'https://cdn.mos.cms.futurecdn.net/9fbSfj65deYmueBHHqNvD7.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'November Rain', description: "Guns N' Roses", time: '5:20' },
+                ],
+                title: 'My Album'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                backgroundColor: 'white',
+                titleColor: '#00ADC4',
+                titleSize: 20,
+                dateColor: 'black',
+                dateSize: 10,
+                discColor: 'black',
+                discSize: 15,
+            },
+            widgets: [
+                {
+                    // widget level settings
+                    widgetId: '',
+                    widgetType: ['music player'],
+                    widgetTypeId: '',
+                    widgetMusicPlayerId: '',
+                    widgetVideoPlayerId: '',
+                    widgetProps: {
+                        // widget music player level settings
+                        playlist: [
+                            { index: 0, cover: 'https://f4.bcbits.com/img/a2465881007_10.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Plans We Made', description: 'Son Lux', time: '5:20' },
+                            { index: 2, cover: 'https://miro.medium.com/max/807/1*o4O4SdRfLDAbX2Z41mtUbQ.png', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Still Loving You', description: 'Scorpions', time: '4:20' },
+                            { index: 1, cover: 'https://angartwork.akamaized.net/?id=197381&size=640', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Night', description: 'Frank Ocean', time: '5:20' },
+                            { index: 3, cover: 'https://www.mobiusrecordshop.com/uploads/1/3/1/4/131426346/s264159977788795342_p633_i1_w520.jpeg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Somebody Else', description: '1975', time: '5:20' },
+                            { index: 4, cover: 'https://sleazeroxx.com/wp-content/uploads/Metallica-album-cover-1-e1479325121582.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'Enter Sandman', description: 'Metallica', time: '5:20' },
+                            { index: 5, cover: 'https://cdn.mos.cms.futurecdn.net/9fbSfj65deYmueBHHqNvD7.jpg', musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3', title: 'November Rain', description: "Guns N' Roses", time: '5:20' },
+                        ],
+                        currentSong: 0
+                    },
+                    styles: {
+                        headerStyles: {
+                            padding: 10,
+                            headerBackground: "#00ADC4",
+                            titleColor: "#ffff",
+                            controlsStyles: {
+                                iconSize: 25
+                            }
+                        },
+                        borderRadius: 10,
+                        primaryColor: "#00ADC4",
+                        iconsColor: "#00ADC4",
+                        backgroundColor: "white",
+                        discColor: "gray",
+                        dateColor: "gray",
+                        iconColor: "#00ADC4",
+                        cardTitleFontSize: 15
+                    }
+
+                },
+
+            ]
+        },
+        {
+            spaceId: '',
+            spaceType: 'music_albums',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                albums: [
+                    { index: 0, img: 'https://f4.bcbits.com/img/a2465881007_10.jpg', title: 'Tomorrows |', description: 'Son Lux' },
+                    { index: 1, img: 'https://miro.medium.com/max/807/1*o4O4SdRfLDAbX2Z41mtUbQ.png', title: 'Blond', description: 'Frank Ocean' },
+                    { index: 2, img: 'https://angartwork.akamaized.net/?id=197381&size=640', title: 'Love At First Sting', description: 'Scorpions' },
+                    { index: 3, img: 'https://www.mobiusrecordshop.com/uploads/1/3/1/4/131426346/s264159977788795342_p633_i1_w520.jpeg', title: 'The 1975', description: '1975' },
+                    { index: 4, img: 'https://sleazeroxx.com/wp-content/uploads/Metallica-album-cover-1-e1479325121582.jpg', title: 'Hardwired...To Self-Destruct', description: 'Metallica' },
+                    { index: 5, img: 'https://cdn.mos.cms.futurecdn.net/9fbSfj65deYmueBHHqNvD7.jpg', title: 'Use Your IIIlusion |', description: "Guns N' Roses" },
+                ],
+                title: 'My Albums'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                rowsHeight: 400,
+                customCardStyles: {
+                    cardTitleColor: "#00ADC4",
+                    cardDiscriptionColor: 'gray'
+                }
+            },
+
+        },
+        {
+            spaceId: '',
+            spaceType: 'photo_album',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                album: [
+                    { index: 0, img: 'https://images.unsplash.com/photo-1527118732049-c88155f2107c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80', title: 'Image 1', description: 'This is description test', date: '2021-11-30' },
+                    { index: 1, img: 'https://images.unsplash.com/photo-1503919005314-30d93d07d823?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Image 2', description: 'This is description test', date: '2021-11-30' },
+                    { index: 2, img: 'https://images.unsplash.com/photo-1612738331950-40abbddce9aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80', title: 'Image 3', description: 'This is description test', date: '2021-11-30' },
+                    { index: 3, img: 'https://images.unsplash.com/photo-1574031493536-05e45f214ab6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Image 4', description: 'This is description test', date: '2021-11-30' },
+                    { index: 4, img: 'https://images.unsplash.com/photo-1610655012457-9cbd66fe510b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTZ8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Image 5', description: 'This is description test', date: '2021-11-30' },
+                    { index: 5, img: 'https://images.unsplash.com/photo-1458832463097-ab73e7b4fc4f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTV8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Image 6', description: 'This is description test', date: '2021-11-30' },
+                ],
+                title: 'My Album'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                columnsNumber: 2,
+                rowsHeight: 400,
+                customCardStyles: {
+                    cardTitleColor: "#00ADC4",
+                    cardDiscriptionColor: 'gray'
+                }
+            },
+
+        },
+        {
+            spaceId: '',
+            spaceType: 'photo_albums',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                albums: [
+                    { img: 'https://images.unsplash.com/photo-1527118732049-c88155f2107c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80', title: 'Album  1', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1612738331950-40abbddce9aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80', title: 'Album 2', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1503919005314-30d93d07d823?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 3', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1574031493536-05e45f214ab6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 4', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1458832463097-ab73e7b4fc4f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTV8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 5', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1610655012457-9cbd66fe510b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTZ8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 6', count: '24' },
+
+                ],
+                title: 'My Albums'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                columnsNumber: 2,
+                rowsHeight: 400,
+                customCardStyles: {
+                    cardTitleColor: "#00ADC4",
+                    cardDiscriptionColor: 'gray',
+                    countColor: 'gray'
+                }
+            },
+
+        },
+        {
+            spaceId: '',
+            spaceType: 'photo_albums',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                albums: [
+                    { img: 'https://images.unsplash.com/photo-1527118732049-c88155f2107c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80', title: 'Album 1', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1612738331950-40abbddce9aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80', title: 'Album 2', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1503919005314-30d93d07d823?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 3', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1574031493536-05e45f214ab6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8em9vfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 4', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1458832463097-ab73e7b4fc4f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTV8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 5', count: '24' },
+                    { img: 'https://images.unsplash.com/photo-1610655012457-9cbd66fe510b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTZ8fHpvb3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60', title: 'Album 6', count: '24' },
+                ],
+                title: 'My Albums'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                columnsNumber: 2,
+                rowsHeight: 400,
+                customCardStyles: {
+                    cardTitleColor: "#00ADC4",
+                    cardDiscriptionColor: 'gray',
+                    countColor: 'gray'
+                }
+            },
+
+        },
+        {
+            spaceId: '',
+            spaceType: 'video_albums',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                videoAlbums: [
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 1', count: '24' },
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 2', count: '24' },
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 3', count: '24' },
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 4', count: '24' },
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 5', count: '24' },
+                    { img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', title: 'Album 6', count: '24' },
+
+                ],
+                title: 'My Albums'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                rowsHeight: 400,
+                customCardStyles: {
+                    cardTitleColor: "#00ADC4",
+                    cardDiscriptionColor: 'gray',
+                    countColor: 'gray'
+                }
+            },
+
+        },
+        {
+            spaceId: '',
+            spaceType: 'video_album',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                album: [
+                    { index: 0, img: 'https://i.ytimg.com/an_webp/RKU6x1n9Hak/mqdefault_6s.webp?du=3000&sqp=COuu_I4G&rs=AOn4CLDdV5RkE-jzkcJ8KSwk9K4cKlV2bA', src: 'https://www.youtube.com/watch?v=RKU6x1n9Hak', title: 'FORGET CATS! Funny KIDS vs ZOO ANIMALS are WAY FUNNIER! - TRY NOT TO LAUGH', time: '5:20' },
+                    { index: 2, img: 'https://i.ytimg.com/an_webp/snUGqgAmz-c/mqdefault_6s.webp?du=3000&sqp=CNKi_I4G&rs=AOn4CLDtuRYq6oM6uvSRaMaLgtxG_EctdQ', src: 'https://www.youtube.com/watch?v=snUGqgAmz-c', title: 'Learn to Count to 20 with Number Zoo | Toddler Fun Learning Collection', time: '4:20' },
+                    { index: 1, img: 'https://i.ytimg.com/an_webp/MuB7HHeuNbc/mqdefault_6s.webp?du=3000&sqp=CPiZ_I4G&rs=AOn4CLBYh_0QPB_V-UG-XJlN7W1DlAydAQ', src: 'https://www.youtube.com/watch?v=Smgjxn8hKfk', title: 'Vlad and Nikita Family trip to the Zoo', time: '5:20' },
+                    { index: 3, img: 'https://i.ytimg.com/an_webp/AcL0MeVZIxM/mqdefault_6s.webp?du=3000&sqp=CL6z_I4G&rs=AOn4CLAZ0PoH6LaOUeD8SknGhSMtSI1yug', src: 'https://www.youtube.com/watch?v=MuB7HHeuNbc', title: 'Try Not To Laugh At This Ultimate Funny Dog Video Compilation | Funny Pet Videos', time: '5:20' },
+                    { index: 4, img: 'https://i.ytimg.com/an_webp/sbTcwlAGTgg/mqdefault_6s.webp?du=3000&sqp=CIib_I4G&rs=AOn4CLC4AzNRtNp3DjTne3yIEvfHP7bWXQ', src: 'https://www.youtube.com/watch?v=AcL0MeVZIxM', title: 'Playing at The Zoo With Blippi! - Blippi Feeds Animals | Animals For Kids | Educational Videos', time: '5:20' },
+                    { index: 5, img: 'https://i.ytimg.com/an_webp/57goIrbj_l0/mqdefault_6s.webp?du=3000&sqp=CMe6_I4G&rs=AOn4CLDrlNjHeJnbCSoXmZwW7CG5wLtxdA', src: 'https://www.youtube.com/watch?v=sbTcwlAGTgg', title: 'Learn Zoo Animals for Kids with Blippi | A Day at the Zoo', time: '5:20' },
+                ],
+                title: 'My Album'
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                backgroundColor: 'white',
+                titleColor: '#00ADC4',
+                titleSize: 20,
+                dateColor: 'black',
+                dateSize: 10,
+                discColor: 'black',
+                discSize: 15,
+            },
+            widgets: [
+                {
+                    // widget level settings
+                    widgetId: '',
+                    widgetType: ['video player'],
+                    widgetTypeId: '',
+                    widgetMusicPlayerId: '',
+                    widgetVideoPlayerId: '',
+                    widgetProps: {
+                        // widget music player level settings
+
+                    },
+                    styles: {
+                        headerStyles: {
+                            padding: 10,
+                            headerBackground: "#00ADC4",
+                            titleColor: "#ffff",
+                            controlsStyles: {
+                                iconSize: 25
+                            }
+                        },
+                        borderRadius: 10,
+                        primaryColor: "#00ADC4",
+                        iconsColor: "#00ADC4",
+                        backgroundColor: "white",
+                        discColor: "gray",
+                        dateColor: "gray",
+                        iconColor: "#00ADC4",
+                        cardTitleFontSize: 15
+                    }
+
+                },
+            ]
+        },
+        {
+            spaceId: '',
+            spaceType: 'video_space',
+            spaceTypeId: '',
+            spaceInvites: [],
+            spaceMembers: [],
+            joining_guards: ['invite-only', 'enrollment-based', 'role-based', 'community-only', 'discoverable'],
+            visibility_guards: ['everyone', 'locked', 'role-based', 'user-based'],
+            spaceProps: {
+                comments: [
+                    { img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png', title: 'User Name', description: 'This is A test for comments on videos.' },
+                    { img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png', title: 'User Name', description: 'This is A test for comments on videos.' },
+                    { img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png', title: 'User Name', description: 'This is A test for comments on videos.' },
+                    { img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png', title: 'User Name', description: 'This is A test for comments on videos.' },
+                    { img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png', title: 'User Name', description: 'This is A test for comments on videos.' },
+                ],
+                videoSrc: 'https://www.youtube.com/watch?v:snUGqgAmz-c',
+                title: 'Video',
+                discription: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium placeat nostrum tempora suscipit laborum quibusdam.",
+                date: "10/11/2022",
+            },
+            styles: {
+                headerStyles: {
+                    padding: 10,
+                    headerBackground: "#00ADC4",
+                    titleColor: "#ffff",
+                    controlsStyles: {
+                        iconSize: 25
+                    }
+                },
+                iconsColor: '#00ADC4',
+                backgroundColor: 'white',
+                detailsPadding: 3,
+                titleFontSize: 20,
+                titleColor: '#00ADC4',
+                dateFontSize: 10,
+                dateColor: 'gray',
+                discFontSize: 15,
+                discColor: 'black',
+                commentBackgroundColor: '#00ADC4',
+                commentTitleColor: 'white',
+                commentTitleFontSize: 15
+            },
+
+        },
+    ]
+}