@telia-ace/knowledge-widget-bot-provider 0.0.14 → 0.0.15-experimental.1

package/dist/feedback-list.73d8aa69.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-list.73d8aa69.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    Button,\n    buttonCss,\n    Icon,\n    invertedHoverButton,\n    list,\n    List,\n    useDispatch,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    actions: { [key: string]: string }[];\n};\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\n    const dispatch = useDispatch();\n    return (\n        <StyledButtonList\n            items={actions}\n            data-direction={'vertical'}\n            renderItem={(item: any) => {\n                return (\n                    <li key={item.actionKey}>\n                        <FeedbackButton\n                            className=\"humany-feedback-button\"\n                            disabled={false}\n                            aria-pressed={true}\n                            data-selected={true}\n                            onClick={() => {\n                                dispatch('action', item.actionKey);\n                            }}\n                        >\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\n                            <span>{item.label}</span>\n                        </FeedbackButton>\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default FeedbackList;\n\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\n    ${(p) => list(p)}\n    ${messageContentPadding}\n    display: flex;\n    gap: ${(p) => p.theme.sizes?.normal};\n    flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\n    > li {\n        flex: 1;\n        margin: 0;\n    }\n`;\n\nconst FeedbackButton = styled(Button)<{\n    'data-selected': boolean;\n}>`\n    ${buttonCss}\n    font-size: ${(p) => p.theme.fonts?.normal};\n    border-color: ${(p) => p.theme.colors?.primary};\n    font-weight: 300;\n    display: block;\n    width: 100%;\n\n    ${(p) =>\n        invertedHoverButton({\n            primaryColor: `${p.theme.colors?.primary}`,\n            secondaryColor: '#FFFFFF',\n            theme: p.theme,\n        })}\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n    span {\n    }\n`;\n"],"names":["FeedbackList","actions","dispatch","useDispatch","React","StyledButtonList","item","FeedbackButton","Icon","styled","List","p","list","messageContentPadding","_a","Button","buttonCss","invertedHoverButton"],"mappings":";;;;;AAgBA,MAAMA,IAAgC,CAAC,EAAE,SAAAC,QAAc;AACnD,QAAMC,IAAWC;AAEb,SAAA,gBAAAC,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOJ;AAAA,MACP,kBAAgB;AAAA,MAChB,YAAY,CAACK,MAEJ,gBAAAF,EAAA,cAAA,MAAA,EAAG,KAAKE,EAAK,aACV,gBAAAF,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,iBAAe;AAAA,UACf,SAAS,MAAM;AACF,YAAAL,EAAA,UAAUI,EAAK,SAAS;AAAA,UACrC;AAAA,QAAA;AAAA,wCAECE,GAAK,EAAA,QAAQF,EAAK,aAAa,QAAQ,YAAY,WAAW;AAAA,QAC/D,gBAAAF,EAAA,cAAC,QAAM,MAAAE,EAAK,KAAM;AAAA,MAAA,CAE1B;AAAA,IAER;AAAA,EAAA;AAGZ,GAIMD,IAAmBI,EAAOC,CAAI;AAAA,MAC9B,CAACC,MAAMC,EAAKD,CAAC;AAAA,MACbE;AAAA;AAAA,WAEK,CAACF,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,sBACX,CAACH,MAAOA,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvEJ,IAAiBE,EAAOM,CAAM;AAAA,MAG9BC;AAAA,iBACW,CAACL,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,oBACnB,CAACH,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAACH;;AACC,SAAAM,EAAoB;AAAA,IAChB,cAAc,IAAGH,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA,IACjC,gBAAgB;AAAA,IAChB,OAAOH,EAAE;AAAA,EACb,CAAC;AAAA;AAAA;AAAA,oBAEW,CAACA,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}