const prefix = 'img';
export const IconList = {
byId: {
chat: {
width: 373.232,
height: 373.232,
viewBox: [ 0, 0, 373.232, 373.232 ],
data: '',
},
messenger: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
question: {
width: 512,
height: 512,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
liffechat: {
width: 24,
height: 24,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
line: {
width: 485,
height: 485,
viewBox: [ 0, 0, 485, 485 ],
data: '',
},
telegram: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
messengerblack: {
width: 512,
height: 512,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
wechat: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
helpchat: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
social: {
width: 24,
height: 24,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
helpchatfilled: {
width: 512,
height: 512,
viewBox: [ 0, -26, 512, 512 ],
data: '',
},
supportlifebuoy: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
chatblacksvg: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
chatcall: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
messagechat: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
informationoutline: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
askhelp: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
chatnotificationoutline: {
width: 512,
height: 512,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
wazchat: {
width: 39,
height: 39,
viewBox: [ 0, 0, 39, 39 ],
data: '',
},
supportlifebuoyoutline: {
width: 32,
height: 32,
viewBox: [ 0, 0, 32, 32 ],
data: '',
},
messengernew: {
width: 512,
height: 512,
viewBox: [ 0, 0, 548.25, 548.25 ],
data: '',
},
bubblechat: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
helpsupportfilled: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
whatsapp: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
messagedot: {
width: 512,
height: 512,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
livesupport: {
width: 512,
height: 512,
viewBox: [ 0, 0, 512, 512 ],
data: '',
},
whatsappoutline: {
width: 512,
height: 512,
viewBox: [ 0, 0, 24, 24 ],
data: '',
},
},
allIds: [
'chat',
'messenger',
'question',
'liffechat',
'line',
'telegram',
'messengerblack',
'wechat',
'helpchat',
'social',
'helpchatfilled',
'supportlifebuoy',
'chatblacksvg',
'chatcall',
'messagechat',
'informationoutline',
'askhelp',
'chatnotificationoutline',
'wazchat',
'supportlifebuoyoutline',
'messengernew',
'bubblechat',
'helpsupportfilled',
'whatsapp',
'messagedot',
'livesupport',
'whatsappoutline',
],
};
function WazIcon( props ) {
if ( props.isHidden ) {
return ;
}
const file = IconList.byId[ props.id ];
if ( ! file ) {
return null;
}
const width = props.width || file.width || null;
const height = props.height || file.height || null;
const viewBox = file.viewBox
? file.viewBox.join( ' ' )
: '0 0 ' + width + ' ' + height;
// Directly use the SVG data instead of referencing it with xlinkHref
return props.isHidden ? (
) : (
);
}
function WazIconSource( props ) {
return (
{ IconList.allIds.reduce( ( defs, fileId, fileIndex ) => {
const file = IconList.byId[ fileId ];
return defs.concat(
);
}, [] ) }
);
}
export { WazIcon, WazIconSource };