@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/elements/typography/style/typography-mixins.scss

@@ -1,5 +1,26 @@
 @use '../../../style/elements/ui-spacing.scss';
 
+// includes all classes, tags, etc. needed for "global" typography rules (like css variables)
+@mixin typographySelectors() {
+  @include headingClasses() {
+    $selectors: &;
+    @at-root {
+      @include headingTags() {
+        $selectors: #{$selectors}, &;
+        @at-root {
+          @include otherSelectos() {
+            $selectors: #{$selectors}, &;
+
+            @at-root #{$selectors} {
+              @content;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
 @mixin headingTags() {
   h1,
   h2,
@@ -33,6 +54,39 @@
   }
 }
 
+@mixin otherSelectos() {
+  p,
+  b,
+  small,
+  strong,
+  .dnb-p,
+  .dnb-small,
+  .dnb-table,
+  sub,
+  sup {
+    @content;
+  }
+}
+
+@mixin headingStyle(
+  $size,
+  $line,
+  $smallSize: null,
+  $smallLine: null,
+  $weight: null
+) {
+  font-size: $size;
+  line-height: $line;
+  font-weight: $weight;
+
+  & > small {
+    font-size: $smallSize;
+    line-height: $smallLine;
+  }
+
+  @content;
+}
+
 @mixin headingDefaults() {
   padding: 0;
 
@@ -40,8 +94,7 @@
     margin: 0;
   }
 
-  font-family: var(--font-family-default);
-  font-weight: var(--font-weight-medium);
+  font-family: var(--typography-h-default-font-family);
 
   // make icons inside heading responsive to the heading size
   .dnb-icon--default {
@@ -65,87 +118,105 @@
 }
 
 @mixin headingSize_xx-large() {
-  font-size: var(--font-size-xx-large);
-  line-height: var(--line-height-x-large);
-
-  & > small {
-    display: block;
-    font-size: var(--font-size-x-large);
-    line-height: var(--line-height-large);
-  }
-
-  @if mixin-exists('headingSize_xx-largeCustomisation') {
-    @include headingSize_xx-largeCustomisation();
+  @include headingStyle(
+    var(--typography-h-xx-large-font-size),
+    var(--typography-h-xx-large-line-height),
+    var(--typography-h-xx-large-small-font-size),
+    var(--typography-h-xx-large-small-line-height),
+    var(--typography-h-xx-large-weight)
+  ) {
+    & > small {
+      display: block;
+    }
+    @content;
   }
 }
 
 @mixin headingSize_x-large() {
-  font-size: var(--font-size-x-large);
-  line-height: var(--line-height-large);
-
-  & > small {
-    display: block;
-    font-size: var(--font-size-x-large);
-    line-height: var(--line-height-large);
-  }
-
-  @if mixin-exists('headingSize_x-largeCustomisation') {
-    @include headingSize_x-largeCustomisation();
+  @include headingStyle(
+    var(--typography-h-x-large-font-size),
+    var(--typography-h-x-large-line-height),
+    var(--typography-h-x-large-small-font-size),
+    var(--typography-h-x-large-small-line-height),
+    var(--typography-h-x-large-weight)
+  ) {
+    & > small {
+      display: block;
+    }
+    @content;
   }
 }
 
 @mixin headingSize_large() {
-  font-size: var(--font-size-large);
-  line-height: var(--line-height-medium);
-
-  & > small {
-    font-size: var(--font-size-medium);
-    line-height: calc(var(--line-height-medium) - 0.125rem);
+  @include headingStyle(
+    var(--typography-h-large-font-size),
+    var(--typography-h-large-line-height),
+    var(--typography-h-large-small-font-size),
+    var(--typography-h-large-small-line-height),
+    var(--typography-h-large-weight)
+  ) {
+    @content;
   }
+}
 
-  @if mixin-exists('headingSize_largeCustomisation') {
-    @include headingSize_largeCustomisation();
+@mixin typography_lead() {
+  @include headingStyle(
+    var(--typography-lead-font-size),
+    var(--typography-lead-line-height),
+    var(--typography-lead-small-font-size),
+    var(--typography-lead-small-line-height),
+    var(--typography-lead-weight)
+  ) {
+    @content;
   }
 }
 
-// Like Lead / --lead
 @mixin headingSize_medium() {
-  font-size: var(--font-size-medium);
-  line-height: var(--line-height-lead);
-
-  & > small {
-    font-size: var(--font-size-basis);
-    line-height: var(--line-height-basis);
-  }
-
-  @if mixin-exists('headingSize_mediumCustomisation') {
-    @include headingSize_mediumCustomisation();
+  @include headingStyle(
+    var(--typography-h-medium-font-size),
+    var(--typography-h-medium-line-height),
+    var(--typography-h-medium-small-font-size),
+    var(--typography-h-medium-small-line-height),
+    var(--typography-h-medium-weight)
+  ) {
+    @content;
   }
 }
 
 @mixin headingSize_basis() {
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-
-  & > small {
-    font-size: var(--font-size-small);
-    line-height: var(--line-height-small);
+  @include headingStyle(
+    var(--typography-h-basis-font-size),
+    var(--typography-h-basis-line-height),
+    var(--typography-h-basis-small-font-size),
+    var(--typography-h-basis-small-line-height),
+    var(--typography-h-basis-weight)
+  ) {
+    @content;
   }
 }
 
 @mixin headingSize_small() {
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-small);
-
-  & > small {
-    font-size: var(--font-size-x-small);
-    line-height: var(--line-height-small);
+  @include headingStyle(
+    var(--typography-h-small-font-size),
+    var(--typography-h-small-line-height),
+    var(--typography-h-small-small-font-size),
+    var(--typography-h-small-small-line-height),
+    var(--typography-h-small-weight)
+  ) {
+    @content;
   }
 }
 
 @mixin headingSize_x-small() {
-  font-size: var(--font-size-x-small);
-  line-height: var(--line-height-x-small);
+  @include headingStyle(
+    var(--typography-h-x-small-font-size),
+    var(--typography-h-x-small-line-height),
+    null,
+    null,
+    var(--typography-h-x-small-weight)
+  ) {
+    @content;
+  }
 }
 
 @mixin paragraphStyle() {
@@ -162,8 +233,7 @@
   padding: 0;
 
   &--lead {
-    @include headingSize_medium();
-    font-weight: var(--font-weight-medium);
+    @include typography_lead();
   }
 
   &--medium {
@@ -181,7 +251,7 @@
 
   &__size--xx-large {
     font-size: var(--font-size-xx-large);
-    line-height: var(--line-height-x-large);
+    line-height: var(--line-height-xx-large);
   }
 
   &__size--x-large {

package/cjs/extensions/index.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "PaymentCard", {
     return _PaymentCard.default;
   }
 });
-
 var _PaymentCard = _interopRequireDefault(require("./payment-card/PaymentCard"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PaymentCard","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../src/extensions/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport PaymentCard from './payment-card/PaymentCard'\n\n// define / export all the available components\nexport { PaymentCard }\n"],"mappings":";;;;;;;;;;;AAYA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/lib.js

@@ -10,15 +10,12 @@ Object.defineProperty(exports, "PaymentCard", {
   }
 });
 exports.getExtensions = void 0;
-
 var _PaymentCard = _interopRequireDefault(require("./payment-card/PaymentCard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const getExtensions = () => {
   return {
     PaymentCard: _PaymentCard.default
   };
 };
-
-exports.getExtensions = getExtensions;
+exports.getExtensions = getExtensions;
+//# sourceMappingURL=lib.js.map

package/cjs/extensions/lib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.js","names":["_PaymentCard","_interopRequireDefault","require","obj","__esModule","default","getExtensions","PaymentCard","exports"],"sources":["../../../src/extensions/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport PaymentCard from './payment-card/PaymentCard'\n\n// define / export all the available components\nexport { PaymentCard }\n\nexport const getExtensions = () => {\n  return { PaymentCard }\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAK7C,MAAMG,aAAa,GAAGA,CAAA,KAAM;EACjC,OAAO;IAAEC,WAAW,EAAXA;EAAY,CAAC;AACxB,CAAC;AAAAC,OAAA,CAAAF,aAAA,GAAAA,aAAA"}

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

@@ -65,38 +65,31 @@ export interface PaymentCardProps
    * <em>(required)</em> if product code matches one of the codes in the list the card will get that design, if no match is found Default design will be used.
    */
   product_code: string;
-
   /**
    * Masked card number.
    */
   card_number: string;
-
   /**
    * Use one of these: `active`, `blocked`, `expired`. Defaults to `active`.
    */
   card_status?: PaymentCardCardStatus;
-
   /**
    * Defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.
    */
   variant?: PaymentCardVariant;
-
   /**
    * Will use 8 digits if none are specified.
    */
   digits?: PaymentCardDigits;
-
   /**
    * Useful if you want to create custom cards. See Card data properties.
    */
   raw_data?: PaymentCardRawData;
   id?: string;
-
   /**
    * Use `nb-NO` or `en-GB`. Defaults to the Eufemia provider.
    */
   locale?: Locale;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */

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

@@ -28,53 +28,31 @@ Object.defineProperty(exports, "ProductType", {
   }
 });
 exports.getCardData = exports.formatCardNumber = exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _Provider = _interopRequireDefault(require("../../shared/Provider"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _SpacingHelper = require("../../components/space/SpacingHelper");
-
 var _SkeletonHelper = require("../../components/skeleton/SkeletonHelper");
-
 var _P = _interopRequireDefault(require("../../elements/P"));
-
 var _Types = require("./utils/Types");
-
 var _CardDesigns = _interopRequireWildcard(require("./utils/CardDesigns"));
-
 var _cardProducts = _interopRequireDefault(require("./utils/cardProducts"));
-
 var _icons = require("./icons");
-
 const _excluded = ["product_code", "card_number", "card_status", "variant", "digits", "id", "raw_data", "locale", "skeleton", "className", "class", "children"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const cardDataPropTypes = process.env.NODE_ENV !== "production" ? _propTypes.default.shape({
   productCode: _propTypes.default.string.isRequired,
   productName: _propTypes.default.string.isRequired,
@@ -89,39 +67,33 @@ const translationDefaultPropsProps = {
   text_expired: null,
   text_blocked: null
 };
-
 class PaymentCard extends _react.default.PureComponent {
   render() {
     var _this$context;
-
     const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, PaymentCard.defaultProps, {
       locale: this.context.locale
     }, {
       skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
     });
-
     const {
-      product_code,
-      card_number,
-      card_status,
-      variant,
-      digits,
-      id,
-      raw_data,
-      locale,
-      skeleton,
-      className,
-      class: _className,
-      children
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        product_code,
+        card_number,
+        card_status,
+        variant,
+        digits,
+        id,
+        raw_data,
+        locale,
+        skeleton,
+        className,
+        class: _className,
+        children
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     const cardData = raw_data || getCardData(product_code);
-
     const params = _objectSpread({
       className: (0, _classnames.default)(`dnb-payment-card dnb-payment-card--${variant}`, (0, _SkeletonHelper.createSkeletonClass)(null, skeleton, this.context), (0, _SpacingHelper.createSpacingClasses)(props), className, _className)
     }, attributes);
-
     (0, _SkeletonHelper.skeletonDOMAttributes)(params, skeleton, this.context);
     (0, _componentHelper.validateDOMAttributes)(this.props, params);
     return _react.default.createElement(_Provider.default, {
@@ -143,13 +115,9 @@ class PaymentCard extends _react.default.PureComponent {
       }));
     }));
   }
-
 }
-
 exports.default = PaymentCard;
-
 _defineProperty(PaymentCard, "contextType", _Context.default);
-
 _defineProperty(PaymentCard, "defaultProps", _objectSpread({
   digits: 8,
   locale: null,
@@ -162,7 +130,6 @@ _defineProperty(PaymentCard, "defaultProps", _objectSpread({
   className: null,
   children: null
 }, translationDefaultPropsProps));
-
 process.env.NODE_ENV !== "production" ? PaymentCard.propTypes = _objectSpread(_objectSpread({
   product_code: _propTypes.default.string.isRequired,
   card_number: _propTypes.default.string.isRequired,
@@ -179,19 +146,13 @@ process.env.NODE_ENV !== "production" ? PaymentCard.propTypes = _objectSpread(_o
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func])
 }) : void 0;
 const formatCardNumberRegex = /(?=(?:....)*$)/g;
-
 const formatCardNumber = (cardNumber, digits) => digits ? cardNumber.slice(cardNumber.length - digits, cardNumber.length).replace(formatCardNumberRegex, ' ') : cardNumber.replace(formatCardNumberRegex, ' ');
-
 exports.formatCardNumber = formatCardNumber;
-
 const getCardData = productCode => {
   const card = _cardProducts.default.find(item => item.productCode === productCode);
-
   return card || defaultCard(productCode);
 };
-
 exports.getCardData = getCardData;
-
 const defaultCard = productCode => ({
   productCode,
   productName: '',
@@ -201,7 +162,6 @@ const defaultCard = productCode => ({
   productType: _Types.ProductType.None,
   bankAxept: _Types.BankAxeptType.None
 });
-
 process.env.NODE_ENV !== "production" ? StatusOverlay.propTypes = {
   cardStatus: _propTypes.default.string.isRequired,
   translations: _propTypes.default.object.isRequired,
@@ -210,51 +170,43 @@ process.env.NODE_ENV !== "production" ? StatusOverlay.propTypes = {
 StatusOverlay.defaultProps = {
   skeleton: false
 };
-
 function StatusOverlay(_ref2) {
-  var _StatusIcon, _StatusIcon2;
-
   let {
     cardStatus,
     translations,
     skeleton
   } = _ref2;
-
   switch (cardStatus) {
     case 'blocked':
       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"
-      }, _StatusIcon || (_StatusIcon = _react.default.createElement(_icons.StatusIcon, {
+      }, _react.default.createElement(_icons.StatusIcon, {
         status: cardStatus
-      })), _react.default.createElement(_P.default, {
+      }), _react.default.createElement(_P.default, {
         top: "xx-small"
       }, translations.text_blocked)));
-
     case 'expired':
       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"
-      }, _StatusIcon2 || (_StatusIcon2 = _react.default.createElement(_icons.StatusIcon, {
+      }, _react.default.createElement(_icons.StatusIcon, {
         status: cardStatus
-      })), _react.default.createElement(_P.default, {
+      }), _react.default.createElement(_P.default, {
         top: "xx-small"
       }, translations.text_expired)));
-
     case 'active':
     default:
       return null;
   }
 }
-
 process.env.NODE_ENV !== "production" ? CardText.propTypes = {
   cardNumber: _propTypes.default.string.isRequired,
   translations: _propTypes.default.object.isRequired,
   skeleton: _propTypes.default.bool.isRequired
 } : void 0;
-
 function CardText(_ref3) {
   let {
     cardNumber,
@@ -270,7 +222,6 @@ function CardText(_ref3) {
     className: "dnb-payment-card__card__numbers"
   }, cardNumber));
 }
-
 process.env.NODE_ENV !== "production" ? NormalCard.propTypes = {
   id: _propTypes.default.string,
   skeleton: _propTypes.default.bool,
@@ -283,10 +234,8 @@ NormalCard.defaultProps = {
   id: null,
   skeleton: null
 };
-
 function NormalCard(_ref4) {
   var _data$cardDesign;
-
   let {
     data,
     cardStatus,
@@ -329,4 +278,5 @@ function NormalCard(_ref4) {
     cardStatus: cardStatus,
     translations: translations
   }));
-}
+}
+//# sourceMappingURL=PaymentCard.js.map

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

@@ -0,0 +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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"}