@dnb/eufemia 10.6.0 → 10.7.0

package/cjs/extensions/forms/Layout/FlexContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexContainer.js","names":["_react","_interopRequireDefault","require","_classnames","_components","EufemiaElements","_interopRequireWildcard","_utils","_MainHeading","_SubHeading","_hr","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isHeadingElement","element","type","MainHeading","SubHeading","getSpaceTop","_element$props","_element$props2","React","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","values","some","eufemiaElement","exports","isSpacePropsComponent","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","cn","classnames","childrenArray","Children","toArray","forwardSpaceProps","map","child","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","Space","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/Layout/FlexContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../components'\nimport { Div } from '../../../elements'\nimport * as EufemiaElements from '../../../elements'\nimport { SpaceType } from '../../../components/space/types'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\n\nexport function isHeadingElement(element): boolean {\n  return element.type === MainHeading || element.type === SubHeading\n}\n\nconst getSpaceTop = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.top ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.top\n      : undefined)\n  )\n}\n\nconst getSpaceBottom = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.bottom ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.bottom\n      : undefined)\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      typeof element.type === 'object' &&\n      '_supportsEufemiaSpacingProps' in\n        (element.type as React.JSXElementConstructor<unknown>)) ||\n    isEufemiaElement(element)\n  )\n}\n\nconst renderWithSpacing = (element: React.ReactNode, props) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Div {...props}>{element}</Div>\n  )\n}\n\nexport type Props = ComponentProps & {\n  direction?: 'row' | 'column'\n  wrap?: boolean\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  children: React.ReactNode\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    children,\n    direction = 'column',\n    wrap = false,\n    justify = 'flex-start',\n    align = 'stretch',\n    divider = 'space',\n    spacing = 'small',\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-flex-container',\n    direction && `dnb-forms-flex-container--direction-${direction}`,\n    justify && `dnb-forms-flex-container--justify-${justify}`,\n    align && `dnb-forms-flex-container--align-${align}`,\n    wrap && `dnb-forms-flex-container--wrap`,\n    divider && `dnb-forms-flex-container--divider-${divider}`,\n    spacing && `dnb-forms-flex-container--spacing-${spacing}`,\n    className\n  )\n  const childrenArray = React.Children.toArray(children)\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {direction === 'column'\n        ? childrenArray.map((child, i) => {\n            // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n            // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n            // and bottom when th\n            const isFirst = i === 0\n            const previousChild = childrenArray?.[i - 1]\n            const currentIsHeading = isHeadingElement(child)\n            const previousWasHeading =\n              i > 0 && isHeadingElement(previousChild)\n\n            // Always set spacing between elements in the column layout on the top props, and 0 on bottom, to avoid\n            // having to divide spacing between both with smaller values.\n            const bottom = 0\n\n            if (\n              divider === 'line' &&\n              // No line above first element\n              !isFirst &&\n              // No line above/below headings\n              !previousWasHeading &&\n              !currentIsHeading\n            ) {\n              const spaceAboveLine =\n                getSpaceBottom(previousChild) ?? spacing\n              const top = getSpaceTop(child) ?? spacing\n\n              return (\n                <React.Fragment key={`element-${i}`}>\n                  <Space top={spaceAboveLine} />\n                  <hr className=\"dnb-forms-flex-container__hr\" />\n                  {renderWithSpacing(child, {\n                    space: { top, bottom },\n                    top,\n                    bottom,\n                  })}\n                </React.Fragment>\n              )\n            }\n\n            const top =\n              // No space above first element.\n              isFirst\n                ? 0\n                : // Since top space of current and bottom space of previous component is the same\n                  getSpaceTop(child) ??\n                  getSpaceBottom(previousChild) ??\n                  spacing\n\n            return renderWithSpacing(child, {\n              key: `element-${i}`,\n              space: { top, bottom },\n              top,\n              bottom,\n            })\n          })\n        : // TODO: Consider doing the same with spacing between horizontal items (direction = row) as vertical\n          children}\n    </Div>\n  )\n}\n\nFlexContainer._supportsEufemiaSpacingProps = true\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"FlexContainer.js","names":["_react","_interopRequireDefault","require","_classnames","_components","EufemiaElements","_interopRequireWildcard","_utils","_MainHeading","_SubHeading","_hr","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isHeadingElement","element","type","MainHeading","SubHeading","getSpaceTop","_element$props","_element$props2","React","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","values","some","eufemiaElement","exports","isSpacePropsComponent","_element$type","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","cn","classnames","childrenArray","Children","toArray","forwardSpaceProps","map","child","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","Space","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/Layout/FlexContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../components'\nimport { Div } from '../../../elements'\nimport * as EufemiaElements from '../../../elements'\nimport { SpaceType } from '../../../components/space/types'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\n\nexport function isHeadingElement(element): boolean {\n  return element.type === MainHeading || element.type === SubHeading\n}\n\nconst getSpaceTop = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.top ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.top\n      : undefined)\n  )\n}\n\nconst getSpaceBottom = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.bottom ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.bottom\n      : undefined)\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsEufemiaSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nconst renderWithSpacing = (element: React.ReactNode, props) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Div {...props}>{element}</Div>\n  )\n}\n\nexport type Props = ComponentProps & {\n  direction?: 'row' | 'column'\n  wrap?: boolean\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  children: React.ReactNode\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    children,\n    direction = 'column',\n    wrap = false,\n    justify = 'flex-start',\n    align = 'stretch',\n    divider = 'space',\n    spacing = 'small',\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-flex-container',\n    direction && `dnb-forms-flex-container--direction-${direction}`,\n    justify && `dnb-forms-flex-container--justify-${justify}`,\n    align && `dnb-forms-flex-container--align-${align}`,\n    wrap && `dnb-forms-flex-container--wrap`,\n    divider && `dnb-forms-flex-container--divider-${divider}`,\n    spacing && `dnb-forms-flex-container--spacing-${spacing}`,\n    className\n  )\n  const childrenArray = React.Children.toArray(children)\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {direction === 'column'\n        ? childrenArray.map((child, i) => {\n            // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n            // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n            // and bottom when th\n            const isFirst = i === 0\n            const previousChild = childrenArray?.[i - 1]\n            const currentIsHeading = isHeadingElement(child)\n            const previousWasHeading =\n              i > 0 && isHeadingElement(previousChild)\n\n            // Always set spacing between elements in the column layout on the top props, and 0 on bottom, to avoid\n            // having to divide spacing between both with smaller values.\n            const bottom = 0\n\n            if (\n              divider === 'line' &&\n              // No line above first element\n              !isFirst &&\n              // No line above/below headings\n              !previousWasHeading &&\n              !currentIsHeading\n            ) {\n              const spaceAboveLine =\n                getSpaceBottom(previousChild) ?? spacing\n              const top = getSpaceTop(child) ?? spacing\n\n              return (\n                <React.Fragment key={`element-${i}`}>\n                  <Space top={spaceAboveLine} />\n                  <hr className=\"dnb-forms-flex-container__hr\" />\n                  {renderWithSpacing(child, {\n                    space: { top, bottom },\n                    top,\n                    bottom,\n                  })}\n                </React.Fragment>\n              )\n            }\n\n            const top =\n              // No space above first element.\n              isFirst\n                ? 0\n                : // Since top space of current and bottom space of previous component is the same\n                  getSpaceTop(child) ??\n                  getSpaceBottom(previousChild) ??\n                  spacing\n\n            return renderWithSpacing(child, {\n              key: `element-${i}`,\n              space: { top, bottom },\n              top,\n              bottom,\n            })\n          })\n        : // TODO: Consider doing the same with spacing between horizontal items (direction = row) as vertical\n          children}\n    </Div>\n  )\n}\n\nFlexContainer._supportsEufemiaSpacingProps = true\nexport default FlexContainer\n"],"mappings":"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"}

package/cjs/extensions/forms/Layout/SubHeading.js

@@ -17,7 +17,8 @@ function SubHeading(props) {
   } = props;
   return _react.default.createElement(_components.Heading, _extends({
     className: (0, _classnames.default)('dnb-forms-sub-heading', className),
-    level: "3"
+    level: "3",
+    size: "medium"
   }, (0, _utils.forwardSpaceProps)(props)), children);
 }
 SubHeading._supportsEufemiaSpacingProps = true;

package/cjs/extensions/forms/Layout/SubHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SubHeading","props","className","children","createElement","Heading","classnames","level","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction SubHeading(props: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level=\"3\"\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsEufemiaSpacingProps = true\nexport default SubHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,WAAA,CAAAwB,OAAO,EAAAnB,QAAA;IACNgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,uBAAuB,EAAEJ,SAAS,CAAE;IAC1DK,KAAK,EAAC;EAAG,GACL,IAAAC,wBAAiB,EAACP,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,UAAU,CAACS,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/BV,UAAU;AAAAW,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}
+{"version":3,"file":"SubHeading.js","names":["_react","_interopRequireDefault","require","_classnames","_components","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SubHeading","props","className","children","createElement","Heading","classnames","level","size","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Heading } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction SubHeading(props: Props) {\n  const { className, children } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level=\"3\"\n      size=\"medium\"\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsEufemiaSpacingProps = true\nexport default SubHeading\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,WAAA,CAAAwB,OAAO,EAAAnB,QAAA;IACNgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,uBAAuB,EAAEJ,SAAS,CAAE;IAC1DK,KAAK,EAAC,GAAG;IACTC,IAAI,EAAC;EAAQ,GACT,IAAAC,wBAAiB,EAACR,KAAK,CAAC,GAE3BE,QACM,CAAC;AAEd;AAEAH,UAAU,CAACU,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC/BX,UAAU;AAAAY,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}

package/cjs/extensions/forms/style/dnb-forms.css

@@ -1,15 +1,3 @@
-.dnb-forms-field-number__input--width-medium {
-  width: 176px;
-}
-.dnb-forms-field-number__input--width-large {
-  width: 336px;
-}
-.dnb-forms-field-number .dnb-input__inner,
-.dnb-forms-field-number .dnb-input__row,
-.dnb-forms-field-number .dnb-input__shell {
-  width: 100%;
-}
-
 .dnb-forms-field-phone-number {
   display: flex;
   flex-flow: row;
@@ -17,6 +5,9 @@
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
+.dnb-forms-field-phone-number--width-stretch {
+  width: 100%;
+}
 .dnb-forms-field-phone-number--width-large {
   width: 336px;
 }
@@ -61,18 +52,6 @@
   width: 176px;
 }
 
-.dnb-forms-field-string__input--width-large {
-  width: 336px;
-}
-.dnb-forms-field-string__input--width-medium {
-  width: 176px;
-}
-.dnb-forms-field-string .dnb-input__inner,
-.dnb-forms-field-string .dnb-input__row,
-.dnb-forms-field-string .dnb-input__shell {
-  width: 100%;
-}
-
 .dnb-forms-button-row {
   display: flex;
   flex-flow: row;
@@ -218,6 +197,21 @@
   color: var(--color-black-55);
   font-size: var(--font-size-small);
 }
+.dnb-forms-field-block--width-large {
+  width: 336px;
+}
+.dnb-forms-field-block--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-block__contents--width-stretch {
+  width: 100%;
+}
+.dnb-forms-field-block__contents--width-large {
+  width: 336px;
+}
+.dnb-forms-field-block__contents--width-medium {
+  width: 176px;
+}
 
 .dnb-forms-value-block {
   display: block;

package/cjs/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-.dnb-forms-field-number__input--width-medium{width:176px}.dnb-forms-field-number__input--width-large{width:336px}.dnb-forms-field-number .dnb-input__inner,.dnb-forms-field-number .dnb-input__row,.dnb-forms-field-number .dnb-input__shell{width:100%}.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}.dnb-forms-field-string__input--width-large{width:336px}.dnb-forms-field-string__input--width-medium{width:176px}.dnb-forms-field-string .dnb-input__inner,.dnb-forms-field-string .dnb-input__row,.dnb-forms-field-string .dnb-input__shell{width:100%}.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-card{background-color:var(--color-white);border:4px solid #f2f2f5;border-radius:.5rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}.dnb-forms-test-element{border:1px dashed grey;border-radius:6px;color:#909090;padding:4px 8px}.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}
+.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-stretch{width:100%}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-card{background-color:var(--color-white);border:4px solid #f2f2f5;border-radius:.5rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}.dnb-forms-test-element{border:1px dashed grey;border-radius:6px;color:#909090;padding:4px 8px}.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block--width-large{width:336px}.dnb-forms-field-block--width-medium{width:176px}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-large{width:336px}.dnb-forms-field-block__contents--width-medium{width:176px}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}

package/cjs/extensions/payment-card/PaymentCard.d.ts

@@ -3,7 +3,11 @@ import * as React from 'react';
 import type { SpacingProps } from '../shared/types';
 import type { SkeletonShow } from '../components/skeleton/Skeleton';
 import type { Locale } from '../../shared/Context';
-export type PaymentCardCardStatus = 'active' | 'blocked' | 'expired';
+export type PaymentCardCardStatus =
+  | 'active'
+  | 'blocked'
+  | 'expired'
+  | 'not_active';
 export type PaymentCardVariant = 'normal' | 'compact';
 export type PaymentCardDigits = string | number;
 export enum CardType {
@@ -70,7 +74,7 @@ export interface PaymentCardProps
    */
   card_number: string;
   /**
-   * Use one of these: `active`, `blocked`, `expired`. Defaults to `active`.
+   * Use one of these: `active`, `not_active`, `blocked`, `expired`. Defaults to `active`.
    */
   card_status?: PaymentCardCardStatus;
   /**

package/cjs/extensions/payment-card/PaymentCard.js

@@ -65,7 +65,8 @@ const cardDataPropTypes = process.env.NODE_ENV !== "production" ? _propTypes.def
 const translationDefaultPropsProps = {
   text_card_number: null,
   text_expired: null,
-  text_blocked: null
+  text_blocked: null,
+  text_not_active: null
 };
 class PaymentCard extends _react.default.PureComponent {
   render() {
@@ -133,7 +134,7 @@ _defineProperty(PaymentCard, "defaultProps", _objectSpread({
 process.env.NODE_ENV !== "production" ? PaymentCard.propTypes = _objectSpread(_objectSpread({
   product_code: _propTypes.default.string.isRequired,
   card_number: _propTypes.default.string.isRequired,
-  card_status: _propTypes.default.oneOf(['active', 'blocked', 'expired']),
+  card_status: _propTypes.default.oneOf(['active', 'blocked', 'expired', 'not_active']),
   variant: _propTypes.default.oneOf(['normal', 'compact']),
   digits: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   raw_data: cardDataPropTypes,
@@ -177,6 +178,16 @@ function StatusOverlay(_ref2) {
     skeleton
   } = _ref2;
   switch (cardStatus) {
+    case 'not_active':
+      return _react.default.createElement("div", {
+        className: (0, _classnames.default)('dnb-payment-card__blocking__overlay', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton))
+      }, _react.default.createElement("div", {
+        className: "dnb-payment-card__blocking__center"
+      }, _react.default.createElement(_icons.StatusIcon, {
+        status: cardStatus
+      }), _react.default.createElement(_P.default, {
+        top: "xx-small"
+      }, translations.text_not_active)));
     case 'blocked':
       return _react.default.createElement("div", {
         className: (0, _classnames.default)('dnb-payment-card__blocking__overlay', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton))

package/cjs/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_P","_Types","_CardDesigns","_interopRequireWildcard","_cardProducts","_icons","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","cardDataPropTypes","process","env","NODE_ENV","PropTypes","shape","productCode","string","isRequired","productName","displayName","cardDesign","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","NormalCard","isTrue","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","propTypes","oneOf","oneOfType","number","bool","spacingPropTypes","node","func","formatCardNumberRegex","slice","replace","card","cardProducts","find","item","defaultCard","defaultDesign","CardType","None","ProductType","BankAxeptType","StatusOverlay","_ref2","StatusIcon","status","top","CardText","_ref3","modifier","_ref4","_data$cardDesign","cardStyle","backgroundImage","style","BankLogo","logoType","bankLogo","ProductLogo","BankAxeptLogo","TypeLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf(['active', 'blocked', 'expired']),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    class: null,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits) =>\n  digits\n    ? cardNumber\n        .slice(cardNumber.length - digits, cardNumber.length)\n        .replace(formatCardNumberRegex, ' ')\n    : cardNumber.replace(formatCardNumberRegex, ' ')\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nfunction StatusOverlay({ cardStatus, translations, skeleton }) {\n  switch (cardStatus) {\n    case 'blocked':\n      return (\n        <div\n          className={classnames(\n            'dnb-payment-card__blocking__overlay',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          <div className=\"dnb-payment-card__blocking__center\">\n            <StatusIcon status={cardStatus} />\n            <P top=\"xx-small\">{translations.text_blocked}</P>\n          </div>\n        </div>\n      )\n\n    case 'expired':\n      return (\n        <div\n          className={classnames(\n            'dnb-payment-card__blocking__overlay',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          <div className=\"dnb-payment-card__blocking__center\">\n            <StatusIcon status={cardStatus} />\n            <P top=\"xx-small\">{translations.text_expired}</P>\n          </div>\n        </div>\n      )\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentCard.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_Context","_Provider","_componentHelper","_SpacingHelper","_SkeletonHelper","_P","_Types","_CardDesigns","_interopRequireWildcard","_cardProducts","_icons","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","cardDataPropTypes","process","env","NODE_ENV","PropTypes","shape","productCode","string","isRequired","productName","displayName","cardDesign","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","PaymentCard","React","PureComponent","render","_this$context","props","extendPropsWithContextInClassComponent","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","cardData","getCardData","params","classnames","createSkeletonClass","createSpacingClasses","skeletonDOMAttributes","validateDOMAttributes","createElement","Consumer","_ref","translation","translations","NormalCard","isTrue","data","cardStatus","cardNumber","formatCardNumber","parseFloat","exports","Context","propTypes","oneOf","oneOfType","number","bool","spacingPropTypes","node","func","formatCardNumberRegex","slice","replace","card","cardProducts","find","item","defaultCard","defaultDesign","CardType","None","ProductType","BankAxeptType","StatusOverlay","_ref2","StatusIcon","status","top","CardText","_ref3","modifier","_ref4","_data$cardDesign","cardStyle","backgroundImage","style","BankLogo","logoType","bankLogo","ProductLogo","BankAxeptLogo","TypeLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf(['active', 'blocked', 'expired', 'not_active']),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    class: null,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits) =>\n  digits\n    ? cardNumber\n        .slice(cardNumber.length - digits, cardNumber.length)\n        .replace(formatCardNumberRegex, ' ')\n    : cardNumber.replace(formatCardNumberRegex, ' ')\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nfunction StatusOverlay({ cardStatus, translations, skeleton }) {\n  switch (cardStatus) {\n    case 'not_active':\n      return (\n        <div\n          className={classnames(\n            'dnb-payment-card__blocking__overlay',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          <div className=\"dnb-payment-card__blocking__center\">\n            <StatusIcon status={cardStatus} />\n            <P top=\"xx-small\">{translations.text_not_active}</P>\n          </div>\n        </div>\n      )\n    case 'blocked':\n      return (\n        <div\n          className={classnames(\n            'dnb-payment-card__blocking__overlay',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          <div className=\"dnb-payment-card__blocking__center\">\n            <StatusIcon status={cardStatus} />\n            <P top=\"xx-small\">{translations.text_blocked}</P>\n          </div>\n        </div>\n      )\n\n    case 'expired':\n      return (\n        <div\n          className={classnames(\n            'dnb-payment-card__blocking__overlay',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          <div className=\"dnb-payment-card__blocking__center\">\n            <StatusIcon status={cardStatus} />\n            <P top=\"xx-small\">{translations.text_expired}</P>\n          </div>\n        </div>\n      )\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/payment-card/icons/CardIn.d.ts

@@ -0,0 +1,2 @@
+declare const CardIn: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default CardIn;

package/cjs/extensions/payment-card/icons/CardIn.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _title, _path;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const CardIn = props => _react.default.createElement("svg", _extends({
+  width: "24",
+  height: "24",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _title || (_title = _react.default.createElement("title", null, "Kort In")), _path || (_path = _react.default.createElement("path", {
+  d: "M12 16h7.5M.75 8V6.5a2 2 0 0 1 2-2h18.5a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2.75a2 2 0 0 1-2-2V17M1 12.5h7.5M6 15l2.5-2.5m0 0L6 10",
+  stroke: "#FBF6EC",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 1.5
+})));
+var _default = CardIn;
+exports.default = _default;
+//# sourceMappingURL=CardIn.js.map

package/cjs/extensions/payment-card/icons/CardIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardIn.js","names":["_react","_interopRequireDefault","require","_title","_path","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CardIn","props","createElement","width","height","fill","viewBox","xmlns","d","stroke","strokeLinecap","strokeLinejoin","strokeWidth","_default","exports"],"sources":["../../../../../src/extensions/payment-card/icons/CardIn.tsx"],"sourcesContent":["import React from 'react'\nconst CardIn = (props) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <title>Kort In</title>\n    <path\n      d=\"M12 16h7.5M.75 8V6.5a2 2 0 0 1 2-2h18.5a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2.75a2 2 0 0 1-2-2V17M1 12.5h7.5M6 15l2.5-2.5m0 0L6 10\"\n      stroke=\"#FBF6EC\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n    />\n  </svg>\n)\nexport default CardIn\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,IAAAC,MAAA,EAAAC,KAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AACzB,MAAMQ,MAAM,GAAIC,KAAK,IACnBvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EACEiB,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC;AAA4B,GAC9BN,KAAK,GAAApB,MAAA,KAAAA,MAAA,GAETH,MAAA,CAAAO,OAAA,CAAAiB,aAAA,gBAAO,SAAc,CAAC,GAAApB,KAAA,KAAAA,KAAA,GACtBJ,MAAA,CAAAO,OAAA,CAAAiB,aAAA;EACEM,CAAC,EAAC,+HAA+H;EACjIC,MAAM,EAAC,SAAS;EAChBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC,OAAO;EACtBC,WAAW,EAAE;AAAI,CAClB,CAAC,CACC,CACN;AAAA,IAAAC,QAAA,GACcb,MAAM;AAAAc,OAAA,CAAA7B,OAAA,GAAA4B,QAAA"}

package/cjs/extensions/payment-card/icons/index.js

@@ -9,6 +9,7 @@ var _BankAxept6 = _interopRequireDefault(require("./BankAxept"));
 var _DNB = _interopRequireDefault(require("./DNB"));
 var _Clock = _interopRequireDefault(require("./Clock"));
 var _Padlock = _interopRequireDefault(require("./Padlock"));
+var _CardIn = _interopRequireDefault(require("./CardIn"));
 var _MastercardDefault2 = _interopRequireDefault(require("./MastercardDefault"));
 var _MastercardDark2 = _interopRequireDefault(require("./MastercardDark"));
 var _Pluss2 = _interopRequireDefault(require("./Pluss"));
@@ -20,7 +21,7 @@ var _SagaGold2 = _interopRequireDefault(require("./SagaGold"));
 var _SagaPlatinum2 = _interopRequireDefault(require("./SagaPlatinum"));
 var _VisaDefault = _interopRequireDefault(require("./VisaDefault"));
 var _VisaPlatinum2 = _interopRequireDefault(require("./VisaPlatinum"));
-var _Expired, _Blocked;
+var _Expired, _NotActive, _Blocked;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const BankLogo = _ref => {
   let {
@@ -116,6 +117,8 @@ const StatusIcon = _ref4 => {
   switch (status) {
     case 'expired':
       return _Expired || (_Expired = _react.default.createElement(_Clock.default, null));
+    case 'not_active':
+      return _NotActive || (_NotActive = _react.default.createElement(_CardIn.default, null));
     case 'blocked':
       return _Blocked || (_Blocked = _react.default.createElement(_Padlock.default, null));
     case 'active':

package/cjs/extensions/payment-card/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_BankAxept6","_DNB","_Clock","_Padlock","_MastercardDefault2","_MastercardDark2","_Pluss2","_Intro2","_Business2","_Bedrift2","_PB2","_SagaGold2","_SagaPlatinum2","_VisaDefault","_VisaPlatinum2","_Expired","_Blocked","obj","__esModule","default","BankLogo","_ref","logoType","height","cata","Colored","color","createElement","fill","className","exports","ProductLogo","_ref2","_SagaGold","_SagaPlatinum","_Pluss","_Intro","_Business","_Bedrift","_PB","productType","cardDesign","id","Saga","saga","Gold","Platinum","None","Pluss","Intro","Business","Bedrift","PrivateBanking","privateBanking","Default","BankAxeptLogo","_ref3","_BankAxept","_BankAxept2","_BankAxept3","_BankAxept4","_BankAxept5","bankAxept","BankAxept","White","Black20","Gray","Black","StatusIcon","_ref4","status","TypeLogo","_ref5","_VisaPlatinum","_MastercardDefault","_MastercardDark","cardType","Visa","visa","Mastercard","mastercard","Dark"],"sources":["../../../../../src/extensions/payment-card/icons/index.js"],"sourcesContent":["import React from 'react'\n\nimport BankAxept from './BankAxept'\nimport DNB from './DNB'\nimport Expired from './Clock'\nimport Blocked from './Padlock'\nimport MastercardDefault from './MastercardDefault'\nimport MastercardDark from './MastercardDark'\nimport Pluss from './Pluss'\nimport Intro from './Intro'\nimport Business from './Business'\nimport Bedrift from './Bedrift'\nimport PB from './PB'\nimport SagaGold from './SagaGold'\nimport SagaPlatinum from './SagaPlatinum'\nimport VisaDefault from './VisaDefault'\nimport VisaPlatinum from './VisaPlatinum'\n\nconst BankLogo = ({ logoType, height }) =>\n  logoType.cata({\n    Colored: (color) => (\n      <DNB\n        height={height}\n        fill={color}\n        className=\"dnb-payment-card__card__bank-logo\"\n      />\n    ),\n  })\n\nconst ProductLogo = ({ productType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__product-type'\n  return productType.cata({\n    Saga: () =>\n      cardDesign.saga.cata({\n        Gold: () => <SagaGold className={id} />,\n        Platinum: () => <SagaPlatinum className={id} />,\n        None: () => null,\n      }),\n    Pluss: () => <Pluss className={id} />,\n    Intro: () => <Intro className={id} />,\n    Business: () => <Business className={id} />,\n    Bedrift: () => <Bedrift className={id} />,\n    PrivateBanking: () =>\n      cardDesign.privateBanking.cata({\n        Default: () => <PB className={id} />,\n        None: () => null,\n      }),\n    None: () => null,\n  })\n}\n\nconst BankAxeptLogo = ({ bankAxept, cardDesign }) => {\n  const id = 'dnb-payment-card__card__bank-axept'\n  return bankAxept.cata({\n    BankAxept: () =>\n      cardDesign.bankAxept.cata({\n        White: () => <BankAxept className={id} fill=\"#ffffff\" />,\n        Black20: () => <BankAxept className={id} fill=\"#cccccc\" />,\n        Gray: () => <BankAxept className={id} fill=\"#b2b4b3\" />,\n        Black: () => <BankAxept className={id} fill=\"#333333\" />,\n        Gold: () => <BankAxept className={id} fill=\"#BFA970\" />,\n      }),\n    None: () => null,\n  })\n}\n\nconst StatusIcon = ({ status }) => {\n  switch (status) {\n    case 'expired':\n      return <Expired />\n\n    case 'blocked':\n      return <Blocked />\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nconst TypeLogo = ({ cardType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__credit-type'\n  return cardType.cata({\n    Visa: () =>\n      cardDesign.visa.cata({\n        Colored: (color) => <VisaDefault className={id} fill={color} />,\n        Platinum: () => <VisaPlatinum className={id} />,\n      }),\n    Mastercard: () =>\n      cardDesign.mastercard.cata({\n        Default: () => <MastercardDefault className={id} />,\n        Dark: () => <MastercardDark className={id} />,\n      }),\n    None: () => null,\n  })\n}\n\nexport { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_BankAxept6","_DNB","_Clock","_Padlock","_CardIn","_MastercardDefault2","_MastercardDark2","_Pluss2","_Intro2","_Business2","_Bedrift2","_PB2","_SagaGold2","_SagaPlatinum2","_VisaDefault","_VisaPlatinum2","_Expired","_NotActive","_Blocked","obj","__esModule","default","BankLogo","_ref","logoType","height","cata","Colored","color","createElement","fill","className","exports","ProductLogo","_ref2","_SagaGold","_SagaPlatinum","_Pluss","_Intro","_Business","_Bedrift","_PB","productType","cardDesign","id","Saga","saga","Gold","Platinum","None","Pluss","Intro","Business","Bedrift","PrivateBanking","privateBanking","Default","BankAxeptLogo","_ref3","_BankAxept","_BankAxept2","_BankAxept3","_BankAxept4","_BankAxept5","bankAxept","BankAxept","White","Black20","Gray","Black","StatusIcon","_ref4","status","TypeLogo","_ref5","_VisaPlatinum","_MastercardDefault","_MastercardDark","cardType","Visa","visa","Mastercard","mastercard","Dark"],"sources":["../../../../../src/extensions/payment-card/icons/index.js"],"sourcesContent":["import React from 'react'\n\nimport BankAxept from './BankAxept'\nimport DNB from './DNB'\nimport Expired from './Clock'\nimport Blocked from './Padlock'\nimport NotActive from './CardIn'\nimport MastercardDefault from './MastercardDefault'\nimport MastercardDark from './MastercardDark'\nimport Pluss from './Pluss'\nimport Intro from './Intro'\nimport Business from './Business'\nimport Bedrift from './Bedrift'\nimport PB from './PB'\nimport SagaGold from './SagaGold'\nimport SagaPlatinum from './SagaPlatinum'\nimport VisaDefault from './VisaDefault'\nimport VisaPlatinum from './VisaPlatinum'\n\nconst BankLogo = ({ logoType, height }) =>\n  logoType.cata({\n    Colored: (color) => (\n      <DNB\n        height={height}\n        fill={color}\n        className=\"dnb-payment-card__card__bank-logo\"\n      />\n    ),\n  })\n\nconst ProductLogo = ({ productType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__product-type'\n  return productType.cata({\n    Saga: () =>\n      cardDesign.saga.cata({\n        Gold: () => <SagaGold className={id} />,\n        Platinum: () => <SagaPlatinum className={id} />,\n        None: () => null,\n      }),\n    Pluss: () => <Pluss className={id} />,\n    Intro: () => <Intro className={id} />,\n    Business: () => <Business className={id} />,\n    Bedrift: () => <Bedrift className={id} />,\n    PrivateBanking: () =>\n      cardDesign.privateBanking.cata({\n        Default: () => <PB className={id} />,\n        None: () => null,\n      }),\n    None: () => null,\n  })\n}\n\nconst BankAxeptLogo = ({ bankAxept, cardDesign }) => {\n  const id = 'dnb-payment-card__card__bank-axept'\n  return bankAxept.cata({\n    BankAxept: () =>\n      cardDesign.bankAxept.cata({\n        White: () => <BankAxept className={id} fill=\"#ffffff\" />,\n        Black20: () => <BankAxept className={id} fill=\"#cccccc\" />,\n        Gray: () => <BankAxept className={id} fill=\"#b2b4b3\" />,\n        Black: () => <BankAxept className={id} fill=\"#333333\" />,\n        Gold: () => <BankAxept className={id} fill=\"#BFA970\" />,\n      }),\n    None: () => null,\n  })\n}\n\nconst StatusIcon = ({ status }) => {\n  switch (status) {\n    case 'expired':\n      return <Expired />\n\n    case 'not_active':\n      return <NotActive />\n    \n    case 'blocked':\n      return <Blocked />\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nconst TypeLogo = ({ cardType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__credit-type'\n  return cardType.cata({\n    Visa: () =>\n      cardDesign.visa.cata({\n        Colored: (color) => <VisaDefault className={id} fill={color} />,\n        Platinum: () => <VisaPlatinum className={id} />,\n      }),\n    Mastercard: () =>\n      cardDesign.mastercard.cata({\n        Default: () => <MastercardDefault className={id} />,\n        Dark: () => <MastercardDark className={id} />,\n      }),\n    None: () => null,\n  })\n}\n\nexport { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo }\n"],"mappings":"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"}

package/cjs/extensions/payment-card/style/dnb-payment-card.css

@@ -177,8 +177,7 @@
   background: linear-gradient(184.55deg, rgba(204, 204, 204, 0.5) 4.63%, rgba(232, 232, 232, 0.5) 84.83%);
 }
 .dnb-payment-card__blocking__center {
-  width: 77px;
-  height: 77px;
+  padding: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -232,6 +231,8 @@
   flex-direction: row;
   height: 100%;
   width: 100%;
+  grid-gap: var(--spacing-x-small);
+  gap: var(--spacing-x-small);
   background: rgba(0, 0, 0, 0.739);
   border-radius: inherit;
 }

package/cjs/extensions/payment-card/style/dnb-payment-card.min.css

@@ -1 +1 @@
-.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:53.98mm;padding:4mm;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;height:77px;justify-content:center;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:8px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}
+.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:53.98mm;padding:4mm;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:8px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{grid-gap:var(--spacing-x-small);align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}

package/cjs/extensions/payment-card/style/dnb-payment-card.scss

@@ -220,8 +220,7 @@
     }
 
     &__center {
-      width: 77px;
-      height: 77px;
+      padding: 1rem;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -291,6 +290,7 @@
 
       height: 100%;
       width: 100%;
+      gap: var(--spacing-x-small);
 
       background: rgb(0 0 0 / 73.9%);
       border-radius: inherit;

package/cjs/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
 export function init(): void;
-export const version: "10.6.0";
+export const version: "10.7.0";

package/cjs/shared/Eufemia.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.init = init;
 exports.version = void 0;
-const version = '10.6.0';
+const version = '10.7.0';
 exports.version = version;
 function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.6.0';
+        return '10.7.0';
       }
     }
     window.Eufemia = new Eufemia();

package/cjs/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.js"],"sourcesContent":["export const version = '10.6.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.6.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAG,QAAQ;AAAAC,OAAA,CAAAD,OAAA,GAAAA,OAAA;AAExB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,QAAQ;MACjB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","exports","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.js"],"sourcesContent":["export const version = '10.7.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.7.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAG,QAAQ;AAAAC,OAAA,CAAAD,OAAA,GAAAA,OAAA;AAExB,SAASE,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIJ,OAAOA,CAAA,EAAG;QACZ,OAAO,QAAQ;MACjB;IACF;IAEAG,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/cjs/shared/locales/en-GB.d.ts

@@ -115,6 +115,7 @@ declare const _default: {
             text_card_number: string;
             text_expired: string;
             text_blocked: string;
+            text_not_active: string;
         };
         Logo: {
             alt: string;

package/cjs/shared/locales/en-GB.js

@@ -120,7 +120,8 @@ var _default = {
     PaymentCard: {
       text_card_number: 'Card number',
       text_expired: 'Expired',
-      text_blocked: 'Blocked'
+      text_blocked: 'Blocked',
+      text_not_active: 'Not activated'
     },
     Logo: {
       alt: 'DNB Logo'