@telia-ace/knowledge-widget-components-contact-list 1.0.39-next.5 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,7 +24,7 @@ import { ContactList as Q, contactItemList as V, contactLink as W } from "@telia
24
24
  import { useRouteData as z, useComponentDescriptor as X, useContainer as F, useChildren as Y, useDispatch as H, AccordionListItem as Z, createEmptyComponent as O, Loader as G, GuideList as _, contentBox as A, loadingOpacity as M, ItemList as tt, Link as et, borderTabStyle as nt, useProperties as at, SymbolBadge as ot, StyledText as ct } from "@telia-ace/knowledge-widget-ui";
25
25
  import { formatUrl as v, appendClassNames as I, createParams as j, findCategoryById as rt } from "@telia-ace/widget-utilities";
26
26
  import o, { useCallback as it } from "react";
27
- import { Component as st } from "@telia-ace/knowledge-widget-types-grid";
27
+ import { Component as st } from "@telia-ace/widget-types-grid";
28
28
  const lt = (P) => {
29
29
  var s = P, {
30
30
  className: t,
@@ -185,4 +185,4 @@ const lt = (P) => {
185
185
  export {
186
186
  It as default
187
187
  };
188
- //# sourceMappingURL=contact-list.5875aa00.js.map
188
+ //# sourceMappingURL=contact-list.96cdddb7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contact-list.96cdddb7.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Guide } from '@telia-ace/knowledge-widget-core';\nimport {\n AccordionListItem,\n contentBox,\n createEmptyComponent,\n GuideList,\n ItemRenderer,\n Loader,\n loadingOpacity,\n useChildren,\n useComponentDescriptor,\n useContainer,\n useDispatch,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { Component } from '@telia-ace/widget-types-grid';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React, { useCallback } from 'react';\n\ntype Props = {\n className: string;\n guides: Guide[];\n header: string;\n accordion?: boolean;\n route?: string;\n loading: boolean;\n categoryTitle?: string;\n};\n\nconst DeflectionList: React.FC<Props> = ({\n className,\n guides,\n header,\n accordion,\n loading,\n route = 'guide',\n categoryTitle,\n ...other\n}) => {\n const {\n name: routeName,\n params: { contactCategory = 0, guide: currentGuideId },\n } = useRouteData();\n const { name: componentName } = useComponentDescriptor();\n const container = useContainer();\n const children = useChildren();\n const dispatch = useDispatch();\n\n const renderItem: ItemRenderer = useCallback(\n (guide, index, items, defaultRenderer) => {\n const { id, title } = guide;\n if (accordion && currentGuideId === id) {\n return (\n <AccordionListItem\n key={id}\n id={id}\n title={title}\n route={routeName}\n collapseUri={categoryTitle && formatUrl(categoryTitle)}\n >\n {children.map((child) => (\n <Component\n key={child.id}\n id={child.id}\n branch=\"default\"\n {...{ accordion }}\n />\n ))}\n </AccordionListItem>\n );\n }\n\n return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\n },\n [accordion, children, currentGuideId]\n );\n\n if (!guides.length && !loading) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-deflection-list'),\n });\n }\n\n return (\n <StyledGuideList\n {...other}\n data-loading={loading}\n className={appendClassNames(className, 'humany-deflection-list')}\n items={guides}\n header={header}\n expandable={!!accordion}\n renderItem={renderItem}\n dispatch={dispatch}\n routing={{\n guide: route,\n }}\n paramMappers={{\n guide: ({ id, title }: Guide) =>\n createParams({\n contactCategory,\n guide: id,\n accordion: accordion ? componentName : undefined,\n uriName: formatUrl(title),\n }),\n }}\n >\n <Loader loading={loading} />\n </StyledGuideList>\n );\n};\n\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\n ${contentBox}\n ${loadingOpacity}\n`;\n\nexport default DeflectionList;\n","import styled from '@emotion/styled';\nimport {\n contactItemList,\n contactLink,\n ContactList as ContactListUi,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { Category } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n Link,\n Loader,\n loadingOpacity,\n StyledText,\n SymbolBadge,\n useContainer,\n useDispatch,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport {\n appendClassNames,\n createParams,\n findCategoryById,\n formatUrl,\n} from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactListComponentProps } from './contact-list-component';\nimport DeflectionList from './deflection-list';\n\nconst StyledContactList = styled(ContactListUi)<any>`\n ${loadingOpacity}\n ${contentBox}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n ${(p) => loadingOpacity(p)}\n ${contentBox}\n ${contactItemList}\n\n && {\n i {\n font-size: 25px;\n width: 1.28571429em;\n text-align: center;\n }\n }\n`;\n\nconst StyledLink = styled(Link)<any>`\n &:focus-visible {\n ${borderTabStyle};\n }\n\n ${contactLink}\n`;\n\ntype Props = {\n className: string;\n};\n\nconst ContactList: React.FC<Props> = ({ className, ...other }) => {\n const dispatch = useDispatch();\n const container = useContainer();\n const routeData = useRouteData();\n const {\n deflectionHeader = '',\n routes = {},\n contactMethods = [],\n categories = [],\n guides = [],\n deflectionAccordion = false,\n loading = false,\n } = useProperties<ContactListComponentProps>();\n\n const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\n\n if (!categories.length && !contactMethods.length && !loading) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-contact-category-list'),\n });\n }\n\n const {\n name,\n params: { contactCategory },\n } = routeData;\n\n const selectedCategory: Category = findCategoryById(contactCategory, categories);\n\n return !contactMethods.length ? (\n <StyledItemList\n {...other}\n data-loading={loading}\n className={appendClassNames(className, 'humany-contact-category-list')}\n items={(selectedCategory && selectedCategory.items) || categories}\n renderItem={({ id, title, symbol, matches, items }: Category) =>\n !!matches || (items && !!items.length) ? (\n <li key={id} data-contact-category={id}>\n <StyledLink\n routeName={contactCategoryRoute || name}\n params={createParams({\n contactCategory: id,\n uriName: formatUrl(title),\n })}\n >\n {symbol && <SymbolBadge symbol={symbol} />}\n <StyledText>{title}</StyledText>\n </StyledLink>\n </li>\n ) : null\n }\n >\n <Loader loading={loading} />\n </StyledItemList>\n ) : (\n <>\n <DeflectionList\n className={className}\n guides={guides}\n categoryTitle={selectedCategory && selectedCategory.title}\n header={deflectionHeader}\n route={guideRoute}\n accordion={deflectionAccordion}\n loading={loading}\n />\n <StyledContactList\n data-loading={loading}\n className={className}\n contactMethods={contactMethods}\n dispatch={dispatch}\n >\n <Loader loading={loading} />\n </StyledContactList>\n </>\n );\n};\n\nexport default ContactList;\n"],"names":["DeflectionList","_a","_b","className","guides","header","accordion","loading","route","categoryTitle","other","__objRest","routeName","contactCategory","currentGuideId","useRouteData","componentName","useComponentDescriptor","container","useContainer","children","useChildren","dispatch","useDispatch","renderItem","useCallback","guide","index","items","defaultRenderer","id","title","React","AccordionListItem","formatUrl","child","Component","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","StyledGuideList","createParams","Loader","styled","GuideList","contentBox","loadingOpacity","DeflectionList$1","StyledContactList","ContactListUi","StyledItemList","ItemList","p","contactItemList","StyledLink","Link","borderTabStyle","contactLink","ContactList","routeData","deflectionHeader","routes","contactMethods","categories","deflectionAccordion","useProperties","contactCategoryRoute","guideRoute","name","selectedCategory","findCategoryById","symbol","matches","SymbolBadge","StyledText"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -10,24 +10,23 @@ var w = (t, e, s) => e in t ? L(t, e, { enumerable: !0, configurable: !0, writab
10
10
  E.call(e, s) && w(t, s, e[s]);
11
11
  return t;
12
12
  }, d = (t, e) => S(t, k(e));
13
- import { DataClient as F } from "@telia-ace/knowledge-data-client";
13
+ import { DataClient as F, DataType as M } from "@telia-ace/knowledge-data-client";
14
14
  import { updateForm as G, useForm as R, useExpand as $, fetchAccordionGuideIfMissing as j } from "@telia-ace/knowledge-widget-component-utilities";
15
15
  import { createEventSubscriber as z, extendComponent as B } from "@telia-ace/knowledge-widget-core";
16
- import { DataType as M } from "@telia-ace/knowledge-widget-types-grid";
17
16
  import { createReactComponent as K } from "@telia-ace/knowledge-widget-ui";
18
17
  const O = (t) => {
19
18
  const { events: e } = t.get("$widget"), [s, D] = z(e);
20
19
  return K(
21
20
  t,
22
21
  "contact-list",
23
- import("./contact-list.5875aa00.js"),
22
+ import("./contact-list.96cdddb7.js"),
24
23
  (r) => {
25
24
  const a = (o) => {
26
25
  r.writeProperties({ loading: !0, contactMethods: [], categories: [] }), r.actions.dispatch("fetch", { params: o });
27
26
  };
28
27
  r.actions.create("fetch", (o) => {
29
- const { submitButtonLabel: c = "Submit" } = r.properties(), h = (o.contactMethods || []).map((i) => d(u({}, i), {
30
- body: G(i, { submit: c })
28
+ const { submitButtonLabel: c = "Submit" } = r.properties(), h = (o.contactMethods || []).map((n) => d(u({}, n), {
29
+ body: G(n, { submit: c })
31
30
  }));
32
31
  return r.actions.dispatch("fetched", d(u({}, o), {
33
32
  contactMethods: h,
@@ -48,34 +47,34 @@ const O = (t) => {
48
47
  const {
49
48
  deflection: c = {},
50
49
  deflectionPageSize: h = 5,
51
- deflectionAccordion: i
50
+ deflectionAccordion: n
52
51
  } = r.properties(), { params: v = {} } = a, {
53
- contactCategory: f,
52
+ contactCategory: g,
54
53
  guide: m,
55
54
  accordion: A
56
55
  } = v;
57
- return F.getInstance(t).then((g) => g.fetch(M.ContactMethodCategories, {
58
- contactMethodCategoryId: f
59
- }).then(({ contactMethods: p, categories: l }) => {
56
+ return F.getInstance(t).then((f) => f.fetch(M.ContactMethodCategories, {
57
+ contactMethodCategoryId: g
58
+ }).then(({ contactMethods: l, categories: p }) => {
60
59
  var y;
61
- const b = Object.keys(c), C = b.length === 1 && !f ? b[0] : f;
62
- return (y = c[C]) != null && y.length ? g.fetch(M.Guides, {
60
+ const b = Object.keys(c), C = b.length === 1 && !g ? b[0] : g;
61
+ return (y = c[C]) != null && y.length ? f.fetch(M.Guides, {
63
62
  categories: c[C],
64
63
  take: h
65
- }).then((n) => i && m && A === r.node.name ? j(
66
- n,
67
- g,
64
+ }).then((i) => n && m && A === r.node.name ? j(
65
+ i,
66
+ f,
68
67
  { guide: m }
69
68
  ) : new Promise(
70
- (I) => I(n)
71
- )).then(({ guides: n }) => o({ guides: n, contactMethods: p, categories: l })) : o({ contactMethods: p, categories: l });
69
+ (I) => I(i)
70
+ )).then(({ guides: i }) => o({ guides: i, contactMethods: l, categories: p })) : o({ contactMethods: l, categories: p });
72
71
  }));
73
72
  });
74
73
  })).then(() => {
75
74
  D();
76
75
  });
77
- }, U = O;
76
+ }, Q = O;
78
77
  export {
79
- U as default
78
+ Q as default
80
79
  };
81
80
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/contact-list-component.ts"],"sourcesContent":["import { DataClient } from '@telia-ace/knowledge-data-client';\nimport { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n fetchAccordionGuideIfMissing,\n updateForm,\n useExpand,\n useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n Category,\n createEventSubscriber,\n extendComponent,\n Guide,\n} from '@telia-ace/knowledge-widget-core';\nimport { ContactsResult, DataType, MatchResult } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { Container } from '@webprovisions/platform';\n\nexport type ContactListComponentProps = {\n deflectionHeader?: string;\n deflection?: { [contactCategoryId: string]: string[] };\n deflectionPageSize?: number;\n routes?: {\n contactCategory?: string;\n guide?: string;\n };\n categories?: Category[]; // internal\n contactMethods?: ContactMethodType[]; // internal\n guides?: Guide[]; // internal\n deflectionAccordion?: boolean;\n} & FormComponentInstanceProperties;\n\nexport const ContactListComponent = (container: Container) => {\n const { events } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n return createReactComponent(\n container,\n 'contact-list',\n import('./contact-list'),\n (component) => {\n const fetch = (params: { [key: string]: any }) => {\n component.writeProperties({ loading: true, contactMethods: [], categories: [] });\n component.actions.dispatch('fetch', { params });\n };\n\n component.actions.create('fetch', (data) => {\n const { submitButtonLabel = 'Submit' } =\n component.properties<ContactListComponentProps>();\n\n const contactMethods = (data.contactMethods || []).map((cm: ContactMethodType) => ({\n ...cm,\n body: updateForm(cm, { submit: submitButtonLabel }),\n }));\n\n return component.actions.dispatch('fetched', {\n ...data,\n contactMethods,\n loading: true,\n });\n });\n\n component.actions.create('fetched', (input) => {\n return component.writeProperties({\n ...input,\n guides: input.guides || [],\n loading: false,\n });\n });\n\n container.getAsync('router').then((router) => {\n const { params } = router.getRouteData();\n fetch(params);\n });\n\n subscribe('router:changed', (event: any, { current }: any) => {\n fetch(current.routeData.params);\n });\n\n useForm(container, component);\n useExpand(component);\n }\n )\n .then(() => {\n return extendComponent(container, 'contact-list', (component) => {\n component.actions.watch('contact-list.fetch', (input, next) => {\n const {\n deflection = {},\n deflectionPageSize = 5,\n deflectionAccordion,\n } = component.properties<ContactListComponentProps>();\n const { params = {} } = input;\n const {\n contactCategory,\n guide: guideParam,\n accordion: accordionParam,\n } = params;\n return DataClient.getInstance(container).then((dataClient: DataClient) => {\n return dataClient\n .fetch(DataType.ContactMethodCategories, {\n contactMethodCategoryId: contactCategory,\n })\n .then(({ contactMethods, categories }: ContactsResult) => {\n const deflectionKeys = Object.keys(deflection);\n const currentCategory =\n deflectionKeys.length === 1 && !contactCategory\n ? deflectionKeys[0]\n : contactCategory;\n\n if (deflection[currentCategory]?.length) {\n return dataClient\n .fetch(DataType.Guides, {\n categories: deflection[currentCategory],\n take: deflectionPageSize,\n })\n .then((data: MatchResult) => {\n if (\n deflectionAccordion &&\n guideParam &&\n accordionParam === component.node.name\n ) {\n return fetchAccordionGuideIfMissing(\n data,\n dataClient,\n { guide: guideParam }\n );\n }\n return new Promise<MatchResult>((resolve) =>\n resolve(data)\n );\n })\n .then(({ guides }: MatchResult) => {\n return next({ guides, contactMethods, categories });\n });\n }\n\n return next({ contactMethods, categories });\n });\n });\n });\n });\n })\n .then(() => {\n unsubscribe();\n });\n};\n\nexport default ContactListComponent;\n"],"names":["ContactListComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","data","submitButtonLabel","contactMethods","cm","__spreadProps","__spreadValues","updateForm","input","router","event","current","useForm","useExpand","extendComponent","next","deflection","deflectionPageSize","deflectionAccordion","contactCategory","guideParam","accordionParam","DataClient","dataClient","DataType","categories","deflectionKeys","currentCategory","_a","fetchAccordionGuideIfMissing","resolve","guides","ContactListComponent$1"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/contact-list-component.ts"],"sourcesContent":["import {\n ContactsResult,\n DataClient,\n DataType,\n MatchResult,\n} from '@telia-ace/knowledge-data-client';\nimport { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n fetchAccordionGuideIfMissing,\n updateForm,\n useExpand,\n useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n Category,\n createEventSubscriber,\n extendComponent,\n Guide,\n} from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { Container } from '@webprovisions/platform';\n\nexport type ContactListComponentProps = {\n deflectionHeader?: string;\n deflection?: { [contactCategoryId: string]: string[] };\n deflectionPageSize?: number;\n routes?: {\n contactCategory?: string;\n guide?: string;\n };\n categories?: Category[]; // internal\n contactMethods?: ContactMethodType[]; // internal\n guides?: Guide[]; // internal\n deflectionAccordion?: boolean;\n} & FormComponentInstanceProperties;\n\nexport const ContactListComponent = (container: Container) => {\n const { events } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n return createReactComponent(\n container,\n 'contact-list',\n import('./contact-list'),\n (component) => {\n const fetch = (params: { [key: string]: any }) => {\n component.writeProperties({ loading: true, contactMethods: [], categories: [] });\n component.actions.dispatch('fetch', { params });\n };\n\n component.actions.create('fetch', (data) => {\n const { submitButtonLabel = 'Submit' } =\n component.properties<ContactListComponentProps>();\n\n const contactMethods = (data.contactMethods || []).map((cm: ContactMethodType) => ({\n ...cm,\n body: updateForm(cm, { submit: submitButtonLabel }),\n }));\n\n return component.actions.dispatch('fetched', {\n ...data,\n contactMethods,\n loading: true,\n });\n });\n\n component.actions.create('fetched', (input) => {\n return component.writeProperties({\n ...input,\n guides: input.guides || [],\n loading: false,\n });\n });\n\n container.getAsync('router').then((router) => {\n const { params } = router.getRouteData();\n fetch(params);\n });\n\n subscribe('router:changed', (event: any, { current }: any) => {\n fetch(current.routeData.params);\n });\n\n useForm(container, component);\n useExpand(component);\n }\n )\n .then(() => {\n return extendComponent(container, 'contact-list', (component) => {\n component.actions.watch('contact-list.fetch', (input, next) => {\n const {\n deflection = {},\n deflectionPageSize = 5,\n deflectionAccordion,\n } = component.properties<ContactListComponentProps>();\n const { params = {} } = input;\n const {\n contactCategory,\n guide: guideParam,\n accordion: accordionParam,\n } = params;\n return DataClient.getInstance(container).then((dataClient: DataClient) => {\n return dataClient\n .fetch(DataType.ContactMethodCategories, {\n contactMethodCategoryId: contactCategory,\n })\n .then(({ contactMethods, categories }: ContactsResult) => {\n const deflectionKeys = Object.keys(deflection);\n const currentCategory =\n deflectionKeys.length === 1 && !contactCategory\n ? deflectionKeys[0]\n : contactCategory;\n\n if (deflection[currentCategory]?.length) {\n return dataClient\n .fetch(DataType.Guides, {\n categories: deflection[currentCategory],\n take: deflectionPageSize,\n })\n .then((data: MatchResult) => {\n if (\n deflectionAccordion &&\n guideParam &&\n accordionParam === component.node.name\n ) {\n return fetchAccordionGuideIfMissing(\n data,\n dataClient,\n { guide: guideParam }\n );\n }\n return new Promise<MatchResult>((resolve) =>\n resolve(data)\n );\n })\n .then(({ guides }: MatchResult) => {\n return next({ guides, contactMethods, categories });\n });\n }\n\n return next({ contactMethods, categories });\n });\n });\n });\n });\n })\n .then(() => {\n unsubscribe();\n });\n};\n\nexport default ContactListComponent;\n"],"names":["ContactListComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","data","submitButtonLabel","contactMethods","cm","__spreadProps","__spreadValues","updateForm","input","router","event","current","useForm","useExpand","extendComponent","next","deflection","deflectionPageSize","deflectionAccordion","contactCategory","guideParam","accordionParam","DataClient","dataClient","DataType","categories","deflectionKeys","currentCategory","_a","fetchAccordionGuideIfMissing","resolve","guides","ContactListComponent$1"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-contact-list",
3
- "version": "1.0.39-next.5",
3
+ "version": "1.0.39",
4
4
  "description": "Contact list component for ACE Knowledge Widgets.",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "Telia Company AB",
@@ -21,14 +21,14 @@
21
21
  },
22
22
  "sideEffects": false,
23
23
  "dependencies": {
24
- "@telia-ace/knowledge-data-client": "1.0.2-next.1",
25
- "@telia-ace/knowledge-widget-adapters": "1.0.45-next.5",
26
- "@telia-ace/knowledge-widget-component-utilities": "1.0.39-next.5",
27
- "@telia-ace/knowledge-widget-core": "1.0.35-next.5",
28
- "@telia-ace/knowledge-widget-types-grid": "1.0.46-next.5",
29
- "@telia-ace/knowledge-widget-ui": "1.0.41-next.5",
30
- "@telia-ace/widget-forms": "^1.0.28-next.0",
31
- "@telia-ace/widget-utilities": "^1.0.10-next.0",
24
+ "@telia-ace/knowledge-data-client": "1.0.2",
25
+ "@telia-ace/knowledge-widget-adapters": "1.0.45",
26
+ "@telia-ace/knowledge-widget-component-utilities": "1.0.39",
27
+ "@telia-ace/knowledge-widget-core": "1.0.35",
28
+ "@telia-ace/knowledge-widget-ui": "1.0.41",
29
+ "@telia-ace/widget-forms": "^1.0.28",
30
+ "@telia-ace/widget-types-grid": "^1.0.30",
31
+ "@telia-ace/widget-utilities": "^1.0.10",
32
32
  "@webprovisions/platform": "^1.1.2"
33
33
  },
34
34
  "peerDependencies": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"contact-list.5875aa00.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Guide } from '@telia-ace/knowledge-widget-core';\nimport { Component } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n AccordionListItem,\n contentBox,\n createEmptyComponent,\n GuideList,\n ItemRenderer,\n Loader,\n loadingOpacity,\n useChildren,\n useComponentDescriptor,\n useContainer,\n useDispatch,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React, { useCallback } from 'react';\n\ntype Props = {\n className: string;\n guides: Guide[];\n header: string;\n accordion?: boolean;\n route?: string;\n loading: boolean;\n categoryTitle?: string;\n};\n\nconst DeflectionList: React.FC<Props> = ({\n className,\n guides,\n header,\n accordion,\n loading,\n route = 'guide',\n categoryTitle,\n ...other\n}) => {\n const {\n name: routeName,\n params: { contactCategory = 0, guide: currentGuideId },\n } = useRouteData();\n const { name: componentName } = useComponentDescriptor();\n const container = useContainer();\n const children = useChildren();\n const dispatch = useDispatch();\n\n const renderItem: ItemRenderer = useCallback(\n (guide, index, items, defaultRenderer) => {\n const { id, title } = guide;\n if (accordion && currentGuideId === id) {\n return (\n <AccordionListItem\n key={id}\n id={id}\n title={title}\n route={routeName}\n collapseUri={categoryTitle && formatUrl(categoryTitle)}\n >\n {children.map((child) => (\n <Component\n key={child.id}\n id={child.id}\n branch=\"default\"\n {...{ accordion }}\n />\n ))}\n </AccordionListItem>\n );\n }\n\n return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\n },\n [accordion, children, currentGuideId]\n );\n\n if (!guides.length && !loading) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-deflection-list'),\n });\n }\n\n return (\n <StyledGuideList\n {...other}\n data-loading={loading}\n className={appendClassNames(className, 'humany-deflection-list')}\n items={guides}\n header={header}\n expandable={!!accordion}\n renderItem={renderItem}\n dispatch={dispatch}\n routing={{\n guide: route,\n }}\n paramMappers={{\n guide: ({ id, title }: Guide) =>\n createParams({\n contactCategory,\n guide: id,\n accordion: accordion ? componentName : undefined,\n uriName: formatUrl(title),\n }),\n }}\n >\n <Loader loading={loading} />\n </StyledGuideList>\n );\n};\n\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\n ${contentBox}\n ${loadingOpacity}\n`;\n\nexport default DeflectionList;\n","import styled from '@emotion/styled';\nimport {\n contactItemList,\n contactLink,\n ContactList as ContactListUi,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { Category } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n Link,\n Loader,\n loadingOpacity,\n StyledText,\n SymbolBadge,\n useContainer,\n useDispatch,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport {\n appendClassNames,\n createParams,\n findCategoryById,\n formatUrl,\n} from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactListComponentProps } from './contact-list-component';\nimport DeflectionList from './deflection-list';\n\nconst StyledContactList = styled(ContactListUi)<any>`\n ${loadingOpacity}\n ${contentBox}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n ${(p) => loadingOpacity(p)}\n ${contentBox}\n ${contactItemList}\n\n && {\n i {\n font-size: 25px;\n width: 1.28571429em;\n text-align: center;\n }\n }\n`;\n\nconst StyledLink = styled(Link)<any>`\n &:focus-visible {\n ${borderTabStyle};\n }\n\n ${contactLink}\n`;\n\ntype Props = {\n className: string;\n};\n\nconst ContactList: React.FC<Props> = ({ className, ...other }) => {\n const dispatch = useDispatch();\n const container = useContainer();\n const routeData = useRouteData();\n const {\n deflectionHeader = '',\n routes = {},\n contactMethods = [],\n categories = [],\n guides = [],\n deflectionAccordion = false,\n loading = false,\n } = useProperties<ContactListComponentProps>();\n\n const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\n\n if (!categories.length && !contactMethods.length && !loading) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-contact-category-list'),\n });\n }\n\n const {\n name,\n params: { contactCategory },\n } = routeData;\n\n const selectedCategory: Category = findCategoryById(contactCategory, categories);\n\n return !contactMethods.length ? (\n <StyledItemList\n {...other}\n data-loading={loading}\n className={appendClassNames(className, 'humany-contact-category-list')}\n items={(selectedCategory && selectedCategory.items) || categories}\n renderItem={({ id, title, symbol, matches, items }: Category) =>\n !!matches || (items && !!items.length) ? (\n <li key={id} data-contact-category={id}>\n <StyledLink\n routeName={contactCategoryRoute || name}\n params={createParams({\n contactCategory: id,\n uriName: formatUrl(title),\n })}\n >\n {symbol && <SymbolBadge symbol={symbol} />}\n <StyledText>{title}</StyledText>\n </StyledLink>\n </li>\n ) : null\n }\n >\n <Loader loading={loading} />\n </StyledItemList>\n ) : (\n <>\n <DeflectionList\n className={className}\n guides={guides}\n categoryTitle={selectedCategory && selectedCategory.title}\n header={deflectionHeader}\n route={guideRoute}\n accordion={deflectionAccordion}\n loading={loading}\n />\n <StyledContactList\n data-loading={loading}\n className={className}\n contactMethods={contactMethods}\n dispatch={dispatch}\n >\n <Loader loading={loading} />\n </StyledContactList>\n </>\n );\n};\n\nexport default ContactList;\n"],"names":["DeflectionList","_a","_b","className","guides","header","accordion","loading","route","categoryTitle","other","__objRest","routeName","contactCategory","currentGuideId","useRouteData","componentName","useComponentDescriptor","container","useContainer","children","useChildren","dispatch","useDispatch","renderItem","useCallback","guide","index","items","defaultRenderer","id","title","React","AccordionListItem","formatUrl","child","Component","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","StyledGuideList","createParams","Loader","styled","GuideList","contentBox","loadingOpacity","DeflectionList$1","StyledContactList","ContactListUi","StyledItemList","ItemList","p","contactItemList","StyledLink","Link","borderTabStyle","contactLink","ContactList","routeData","deflectionHeader","routes","contactMethods","categories","deflectionAccordion","useProperties","contactCategoryRoute","guideRoute","name","selectedCategory","findCategoryById","symbol","matches","SymbolBadge","StyledText"],"mappings":"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"}