@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

package/dist/umd/Accordion/styles.js

@@ -0,0 +1,101 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "styled-components", "../styles", "../styles/z-indexes"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("styled-components"), require("../styles"), require("../styles/z-indexes"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.styledComponents, global.styles, global.zIndexes);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _styledComponents, _styles, _zIndexes) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ItemBodyContainer = exports.HeaderIconContainer = exports.ItemHeaderContainer = exports.AccordionItemContainer = exports.AccordionMenuWrapper = undefined;
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const AccordionMenuWrapper = exports.AccordionMenuWrapper = _styledComponents2.default.div`
+  min-width: 320px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+`;
+  const AccordionItemContainer = exports.AccordionItemContainer = _styledComponents2.default.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-bottom: ${props => props.displaySeparator ? `1px solid ${_styles.COLORS.neutral_100}` : ''};
+`;
+  const disabledState = _styledComponents.css`
+  background: ${_styles.COLORS.white}!important;
+  color: ${_styles.COLORS.neutral_300};
+  pointer-events: none;
+  svg {
+    color: ${_styles.COLORS.neutral_300}!important;
+  }
+`;
+  const ItemHeaderContainer = exports.ItemHeaderContainer = _styledComponents2.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px 11px 16px;
+  cursor: pointer;
+  background: ${_styles.COLORS.neutral_20};
+  cursor: ${props => props.isDisabled ? 'not-allowed' : 'pointer'};
+  svg:last-child {
+    margin-left: auto;
+  }
+  outline: none;
+  ${props => props.tabbedHere ? _styledComponents.css`
+    z-index: ${_zIndexes.Z_INDEXES.focus};
+    box-shadow: 0px 4px 12px ${_styles.COLORS.primary_500}, 0px 0px 8px ${_styles.COLORS.primary_500};` : ''}
+
+  ${props => props.isDisabled ? disabledState : ''}
+  :hover {
+    background: ${_styles.COLORS.primary_20};
+  }
+
+  :hover .headerLabel {
+    color: ${_styles.COLORS.primary_700};
+  }
+
+  :active .headerLabel {
+    color: ${_styles.COLORS.primary_800};
+  }
+
+  :hover svg {
+    color: ${_styles.COLORS.primary_700};
+  }
+
+  :active svg {
+    color: ${_styles.COLORS.primary_800};
+  }
+
+  :active {
+    background: ${_styles.COLORS.primary_100};
+  }
+`;
+  const HeaderIconContainer = exports.HeaderIconContainer = _styledComponents2.default.div`
+  margin-left: auto;
+`;
+  const ItemBodyContainer = exports.ItemBodyContainer = _styledComponents2.default.div`
+  padding: 0px 16px;
+  margin: 12px 0;
+  background: ${_styles.COLORS.white};
+`;
+});
+//# sourceMappingURL=styles.js.map

package/dist/umd/Accordion/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Accordion/styles.ts"],"names":["AccordionMenuWrapper","styled","div","AccordionItemContainer","props","COLORS","neutral_100","disabledState","css","white","neutral_300","ItemHeaderContainer","neutral_20","Z_INDEXES","focus","primary_500","primary_20","primary_700","primary_800","primary_100","HeaderIconContainer","ItemBodyContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,2BAAOC,GAAI;AAC/C;AACA;AACA;AACA;AAJO,CAAA;AAOA,QAAMC,sBAAsB,WAAtBA,sBAAsB,GAAGF,2BAAOC,GAAoC;AACjF;AACA;AACA;AACA;AACA,mBAAoBE,KAAD,IAAYA,KAAK,CAALA,gBAAAA,GAA0B,aAAYC,eAAOC,WAA7CF,EAAAA,GAA6D,EAAI;AALzF,CAAA;AAQP,QAAMG,aAAa,GAAGC,qBAAI;AAC1B,gBAAgBH,eAAOI,KAAM;AAC7B,WAAWJ,eAAOK,WAAY;AAC9B;AACA;AACA,aAAaL,eAAOK,WAAY;AAChC;AANA,CAAA;AASO,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGV,2BAAOC,GAAqE;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgBG,eAAOO,UAAW;AAClC,YAAaR,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,SAAW;AACtE;AACA;AACA;AACA;AACA,IAAIA,KAAK,IAAIA,KAAK,CAALA,UAAAA,GAAmBI,qBAAI;AACpC,eAAeK,oBAAUC,KAAM;AAC/B,+BAA+BT,eAAOU,WAAY,iBAAgBV,eAAOU,WAF5DX,GAAAA,GAE6E,EAAG;AAC7F;AACA,IAAKA,KAAD,IAAYA,KAAK,CAALA,UAAAA,GAAAA,aAAAA,GAAmC,EAAI;AACvD;AACA,kBAAkBC,eAAOW,UAAW;AACpC;AACA;AACA;AACA,aAAaX,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,aAAab,eAAOY,WAAY;AAChC;AACA;AACA;AACA,aAAaZ,eAAOa,WAAY;AAChC;AACA;AACA;AACA,kBAAkBb,eAAOc,WAAY;AACrC;AAxCO,CAAA;AA2CA,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGnB,2BAAOC,GAAI;AAC9C;AADO,CAAA;AAIA,QAAMmB,iBAAiB,WAAjBA,iBAAiB,GAAGpB,2BAAOC,GAAI;AAC5C;AACA;AACA,gBAAgBG,eAAOI,KAAM;AAHtB,CAAA","sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nexport const AccordionMenuWrapper = styled.div`\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n`;\n\nexport const AccordionItemContainer = styled.div<{ displaySeparator: boolean; }>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  border-bottom: ${(props) => (props.displaySeparator ? `1px solid ${COLORS.neutral_100}` : '')};\n`;\n\nconst disabledState = css`\n  background: ${COLORS.white}!important;\n  color: ${COLORS.neutral_300};\n  pointer-events: none;\n  svg {\n    color: ${COLORS.neutral_300}!important;\n  }\n`;\n\nexport const ItemHeaderContainer = styled.div<{ isDisabled: boolean, isActive: boolean, tabbedHere: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px 11px 16px;\n  cursor: pointer;\n  background: ${COLORS.neutral_20};\n  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};\n  svg:last-child {\n    margin-left: auto;\n  }\n  outline: none;\n  ${props => props.tabbedHere ? css`\n    z-index: ${Z_INDEXES.focus};\n    box-shadow: 0px 4px 12px ${COLORS.primary_500}, 0px 0px 8px ${COLORS.primary_500};` : ''}\n\n  ${(props) => (props.isDisabled ? disabledState : '')}\n  :hover {\n    background: ${COLORS.primary_20};\n  }\n\n  :hover .headerLabel {\n    color: ${COLORS.primary_700};\n  }\n\n  :active .headerLabel {\n    color: ${COLORS.primary_800};\n  }\n\n  :hover svg {\n    color: ${COLORS.primary_700};\n  }\n\n  :active svg {\n    color: ${COLORS.primary_800};\n  }\n\n  :active {\n    background: ${COLORS.primary_100};\n  }\n`;\n\nexport const HeaderIconContainer = styled.div`\n  margin-left: auto;\n`;\n\nexport const ItemBodyContainer = styled.div`\n  padding: 0px 16px;\n  margin: 12px 0;\n  background: ${COLORS.white};\n`;\n"],"file":"styles.js"}

package/dist/umd/AuthPage/AuthPage.js

@@ -0,0 +1,126 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "prop-types", "react", "../styles", "./ScreenSetsContainer", "./Information"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("prop-types"), require("react"), require("../styles"), require("./ScreenSetsContainer"), require("./Information"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.propTypes, global.react, global.styles, global.ScreenSetsContainer, global.Information);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _propTypes, _react, _styles, _ScreenSetsContainer, _Information) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _propTypes2 = _interopRequireDefault(_propTypes);
+
+  var React = _interopRequireWildcard(_react);
+
+  var _ScreenSetsContainer2 = _interopRequireDefault(_ScreenSetsContainer);
+
+  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
+    };
+  }
+
+  /**
+   * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.
+   * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).
+   * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.
+   */
+  const AuthPage = ({
+    showInformationSection,
+    signUp,
+    signUpPlaceholderImage,
+    signInPlaceholderImage,
+    signUpPlaceholderImageAlt,
+    signInPlaceholderImageAlt,
+    signUpInformationHeader,
+    signInInformationHeader,
+    signUpInformationText,
+    signInInformationText,
+    screenSetsContainerId
+  }) => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showInformationSection && /*#__PURE__*/React.createElement(_Information.InformationContainer, {
+      $color: signUp ? _styles.COLORS.accent1_20 : _styles.COLORS.primary_20
+    }, /*#__PURE__*/React.createElement(_Information.InformationContent, null, (signUpPlaceholderImage || signInPlaceholderImage) && /*#__PURE__*/React.createElement(_Information.InformationImage, {
+      src: signUp ? signUpPlaceholderImage : signInPlaceholderImage,
+      alt: signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt
+    }), (signUpInformationHeader || signInInformationHeader) && /*#__PURE__*/React.createElement(_Information.InformationHeader, null, signUp ? signUpInformationHeader : signInInformationHeader), (signUpInformationText || signInInformationText) && /*#__PURE__*/React.createElement(_Information.InformationText, null, signUp ? signUpInformationText : signInInformationText))), /*#__PURE__*/React.createElement(_ScreenSetsContainer2.default, {
+      id: screenSetsContainerId,
+      centerContents: !showInformationSection
+    }));
+  };
+
+  AuthPage.propTypes = {
+    showInformationSection: _propTypes2.default.bool.isRequired,
+    signUp: _propTypes2.default.bool.isRequired,
+    signUpPlaceholderImage: _propTypes2.default.string,
+    signInPlaceholderImage: _propTypes2.default.string,
+    signUpPlaceholderImageAlt: _propTypes2.default.string,
+    signInPlaceholderImageAlt: _propTypes2.default.string,
+    signUpInformationHeader: _propTypes2.default.string,
+    signInInformationHeader: _propTypes2.default.string,
+    signUpInformationText: _propTypes2.default.string,
+    signInInformationText: _propTypes2.default.string,
+    screenSetsContainerId: _propTypes2.default.string.isRequired
+  };
+  exports.default = AuthPage;
+});
+//# sourceMappingURL=AuthPage.js.map

package/dist/umd/AuthPage/AuthPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/AuthPage.tsx"],"names":["showInformationSection","signUp","signUpPlaceholderImage","signInPlaceholderImage","signUpPlaceholderImageAlt","signInPlaceholderImageAlt","signUpInformationHeader","signInInformationHeader","signUpInformationText","signInInformationText","screenSetsContainerId","AuthPage","COLORS","primary_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA,QAAMW,QAAQ,GAAG,CAAC;AAAA,IAAA,sBAAA;AAAA,IAAA,MAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,sBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,yBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,uBAAA;AAAA,IAAA,qBAAA;AAAA,IAAA,qBAAA;AAWhBD,IAAAA;AAXgB,GAAD,KAYI;AACnB,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACGV,sBAAsB,IAAA,aACrB,KAAA,CAAA,aAAA,CAAA,iCAAA,EAAA;AAAsB,MAAA,MAAM,EAAEC,MAAM,GAAGW,eAAH,UAAA,GAAuBA,eAAOC;AAAlE,KAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAA,EACG,CAACX,sBAAsB,IAAvB,sBAAA,KAAA,aACC,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAkB,MAAA,GAAG,EAAED,MAAM,GAAA,sBAAA,GAA7B,sBAAA;AAAiF,MAAA,GAAG,EAAEA,MAAM,GAAA,yBAAA,GAA+BI;AAA3H,KAAA,CAFJ,EAIG,CAACC,uBAAuB,IAAxB,uBAAA,KAAA,aAAwD,KAAA,CAAA,aAAA,CAAA,8BAAA,EAAA,IAAA,EAAoBL,MAAM,GAAA,uBAAA,GAJrF,uBAI2D,CAJ3D,EAKG,CAACO,qBAAqB,IAAtB,qBAAA,KAAA,aAAoD,KAAA,CAAA,aAAA,CAAA,4BAAA,EAAA,IAAA,EAAkBP,MAAM,GAAA,qBAAA,GARrF,qBAQ6D,CALvD,CADF,CAFJ,EAAA,aAYE,KAAA,CAAA,aAAA,CAAA,6BAAA,EAAA;AAAqB,MAAA,EAAE,EAAvB,qBAAA;AAAgD,MAAA,cAAc,EAAE,CAACD;AAAjE,KAAA,CAZF,CADF;AAbF,GAAA;;;AA7BEA,IAAAA,sB;AAGAC,IAAAA,M;AAEAC,IAAAA,sB;AAEAC,IAAAA,sB;AAEAC,IAAAA,yB;AAEAC,IAAAA,yB;AAEAC,IAAAA,uB;AAEAC,IAAAA,uB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;AAEAC,IAAAA,qB;;oBAuCF,Q","sourcesContent":["import * as React from 'react';\nimport { COLORS } from '../styles';\nimport ScreenSetsContainer from './ScreenSetsContainer';\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\n\ntype AuthPageProps = {\n  /** set this to 'false' to hide the left side illustration/information section */\n  showInformationSection: boolean;\n  /** true if 'sign-up' screen-set is showing, otherwise false.\n   * The value can be set using 'onBeforeScreenLoad' in 'gigya.accounts.showScreenSet(...)' and checking the loaded screen-set */\n  signUp: boolean;\n  /** img src string for 'sign-up' placeholder image */\n  signUpPlaceholderImage?: string;\n  /** img src string for 'sign-in' placeholder image */\n  signInPlaceholderImage?: string;\n  /** img alt text string for 'sign-up' placeholder image */\n  signUpPlaceholderImageAlt?: string;\n  /** img alt text string for 'sign-in' placeholder image */\n  signInPlaceholderImageAlt?: string;\n  /** information header text string below 'sign-up' placeholder image */\n  signUpInformationHeader?: string;\n  /** information header text string below 'sign-in' placeholder image */\n  signInInformationHeader?: string;\n  /** information text string below 'sign-up' header text */\n  signUpInformationText?: string;\n  /** information text string below 'sign-in' header text */\n  signInInformationText?: string;\n  /** ID that will be given to the SAP CDC screen-sets container (must match 'containerID' in 'gigya.accounts.showScreenSet(...)'!) */\n  screenSetsContainerId: string;\n};\n\n/**\n * The 'AuthPage' component consist of two containers: an 'Information' container on the left, and a 'ScreenSetsContainer' on the right.\n * The 'Information' container is optional and its contents depend on the context (sign-up or sign-in).\n * The 'ScreenSetsContainer' will contain the SAP CDC screen-sets.\n */\nconst AuthPage = ({\n  showInformationSection,\n  signUp,\n  signUpPlaceholderImage,\n  signInPlaceholderImage,\n  signUpPlaceholderImageAlt,\n  signInPlaceholderImageAlt,\n  signUpInformationHeader,\n  signInInformationHeader,\n  signUpInformationText,\n  signInInformationText,\n  screenSetsContainerId,\n}: AuthPageProps) => {\n  return (\n    <>\n      {showInformationSection && (\n        <InformationContainer $color={signUp ? COLORS.accent1_20 : COLORS.primary_20}>\n          <InformationContent>\n            {(signUpPlaceholderImage || signInPlaceholderImage) && (\n              <InformationImage src={signUp ? signUpPlaceholderImage : signInPlaceholderImage} alt={signUp ? signUpPlaceholderImageAlt : signInPlaceholderImageAlt} />\n            )}\n            {(signUpInformationHeader || signInInformationHeader) && <InformationHeader>{signUp ? signUpInformationHeader : signInInformationHeader}</InformationHeader>}\n            {(signUpInformationText || signInInformationText) && <InformationText>{signUp ? signUpInformationText : signInInformationText}</InformationText>}\n          </InformationContent>\n        </InformationContainer>\n      )}\n      <ScreenSetsContainer id={screenSetsContainerId} centerContents={!showInformationSection} />\n    </>\n  );\n};\n\nexport default AuthPage;\n"],"file":"AuthPage.js"}

package/dist/umd/AuthPage/Information.js

@@ -0,0 +1,67 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "styled-components", "./_AuthPageSection", "../styles", "../styles/typography"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"), require("../styles/typography"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles, global.typography);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _styledComponents, _AuthPageSection, _styles, _typography) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.InformationImage = exports.InformationText = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = undefined;
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const InformationContainer = exports.InformationContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
+  display: none;
+  background: ${props => props.$color};
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    display: flex;
+    padding-top: 56px;
+  }
+`;
+  const InformationContent = exports.InformationContent = _styledComponents2.default.div`
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  align-items: center;
+  text-align: center;
+  max-width: 100%;
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    align-self: flex-end;
+    margin-right: 48px;
+  }
+`;
+  const InformationHeader = exports.InformationHeader = _styledComponents2.default.h2`
+  ${(0, _typography.HeadlineXLStyling)(_styles.COLORS.black)}
+  font-weight: 300;
+  margin-bottom: 0;
+`;
+  const InformationText = exports.InformationText = _styledComponents2.default.p`
+  ${(0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600)}
+  margin: 8px 0;
+`;
+  const InformationImage = exports.InformationImage = _styledComponents2.default.img`
+  height: 275px;
+  max-width: 100%;
+`;
+});
+//# sourceMappingURL=Information.js.map

package/dist/umd/AuthPage/Information.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/Information.tsx"],"names":["InformationContainer","styled","props","$color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","InformationText","p","ParagraphLStyling","ParagraphTextStyle","InformationImage","img"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,QAAMA,oBAAoB,WAApBA,oBAAoB,GAAGC,gCAAM,yBAANA,CAA4C;AAChF;AACA,gBAAiBC,KAAD,IAAWA,KAAK,CAACC,MAAO;AACxC;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AAPO,CAAA;AAUA,QAAMC,kBAAkB,WAAlBA,kBAAkB,GAAGL,2BAAOM,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIH,oBAAYI,KAAM;AACtB;AACA;AACA;AAXO,CAAA;AAcA,QAAMC,iBAAiB,WAAjBA,iBAAiB,GAAGR,2BAAOS,EAAG;AAC3C,IAAIC,mCAAkBC,eAAD,KAAjBD,CAAgC;AACpC;AACA;AAHO,CAAA;AAMA,QAAME,eAAe,WAAfA,eAAe,GAAGZ,2BAAOa,CAAE;AACxC,IAAIC,mCAAkBC,2BAAD,OAAjBD,EAA8CH,eAA7B,WAAjBG,CAAkE;AACtE;AAFO,CAAA;AAKA,QAAME,gBAAgB,WAAhBA,gBAAgB,GAAGhB,2BAAOiB,GAAI;AAC3C;AACA;AAFO,CAAA","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\n\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\n  display: none;\n  background: ${(props) => props.$color};\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: flex;\n    padding-top: 56px;\n  }\n`;\n\nexport const InformationContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ${BREAKPOINTS.LARGE} {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n`;\n\nexport const InformationHeader = styled.h2`\n  ${HeadlineXLStyling(COLORS.black)}\n  font-weight: 300;\n  margin-bottom: 0;\n`;\n\nexport const InformationText = styled.p`\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\n  margin: 8px 0;\n`;\n\nexport const InformationImage = styled.img`\n  height: 275px;\n  max-width: 100%;\n`;\n"],"file":"Information.js"}

package/dist/umd/AuthPage/ScreenSetsContainer.js

@@ -0,0 +1,59 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "styled-components", "./_AuthPageSection", "../styles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("styled-components"), require("./_AuthPageSection"), require("../styles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.styledComponents, global._AuthPageSection, global.styles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _styledComponents, _AuthPageSection, _styles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  var _AuthPageSection2 = _interopRequireDefault(_AuthPageSection);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const ScreenSetsContainer = (0, _styledComponents2.default)(_AuthPageSection2.default)`
+  padding: 8px;
+  width: calc(100% - 16px);
+  align-items: ${props => props.centerContents ? 'center' : 'unset'};
+
+  .gigya-screen-caption {
+    display: none;
+  }
+
+  .gigya-screen {
+    max-width: 100%;
+    margin: auto;
+  }
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    .gigya-screen {
+      margin: 0;
+      padding: 36px 25px !important;
+    }
+  }
+
+  ${_styles.BREAKPOINTS.XLARGE} {
+    .gigya-screen {
+      max-width: 500px;
+    }
+  }
+`;
+  exports.default = ScreenSetsContainer;
+});
+//# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/umd/AuthPage/ScreenSetsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/ScreenSetsContainer.tsx"],"names":["ScreenSetsContainer","styled","props","BREAKPOINTS","MEDIUM","XLARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,QAAMA,mBAAmB,GAAGC,gCAAM,yBAANA,CAAqD;AACjF;AACA;AACA,iBAAiBC,KAAK,IAAKA,KAAK,CAALA,cAAAA,GAAAA,QAAAA,GAAkC,OAAS;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,oBAAYE,MAAO;AACvB;AACA;AACA;AACA;AAzBA,CAAA;oBA4BA,mB","sourcesContent":["import styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS } from '../styles';\n\nconst ScreenSetsContainer = styled(AuthPageSection)<{ centerContents: boolean }>`\n  padding: 8px;\n  width: calc(100% - 16px);\n  align-items: ${props => (props.centerContents ? 'center' : 'unset')};\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ${BREAKPOINTS.XLARGE} {\n    .gigya-screen {\n      max-width: 500px;\n    }\n  }\n`;\n\nexport default ScreenSetsContainer;\n"],"file":"ScreenSetsContainer.js"}

package/dist/umd/AuthPage/_AuthPageSection.js

@@ -0,0 +1,40 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "styled-components", "../styles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("styled-components"), require("../styles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.styledComponents, global.styles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _styledComponents, _styles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  const AuthPageSection = _styledComponents2.default.section`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    padding: 24px;
+    width: calc(50% - 48px);
+  }
+`;
+  exports.default = AuthPageSection;
+});
+//# sourceMappingURL=_AuthPageSection.js.map

package/dist/umd/AuthPage/_AuthPageSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/_AuthPageSection.tsx"],"names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,QAAMA,eAAe,GAAGC,2BAAOC,OAAQ;AACvC;AACA;AACA;AACA;AACA,IAAIC,oBAAYC,MAAO;AACvB;AACA;AACA;AARA,CAAA;oBAWA,e","sourcesContent":["import styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\n\nconst AuthPageSection = styled.section`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n`;\n\nexport default AuthPageSection;\n"],"file":"_AuthPageSection.js"}

package/dist/umd/AuthPage/index.js

@@ -0,0 +1,40 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./ScreenSetsContainer", "./Information", "./AuthPage", "./screenSetsErrorMessages"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./ScreenSetsContainer"), require("./Information"), require("./AuthPage"), require("./screenSetsErrorMessages"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.ScreenSetsContainer, global.Information, global.AuthPage, global.screenSetsErrorMessages);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _ScreenSetsContainer, _Information, _AuthPage, _screenSetsErrorMessages) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.screenSetsErrorMessages_EN = exports.AuthPage = exports.InformationImage = exports.InformationText = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = exports.ScreenSetsContainer = undefined;
+
+  var _ScreenSetsContainer2 = _interopRequireDefault(_ScreenSetsContainer);
+
+  var _AuthPage2 = _interopRequireDefault(_AuthPage);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  exports.ScreenSetsContainer = _ScreenSetsContainer2.default;
+  exports.InformationContainer = _Information.InformationContainer;
+  exports.InformationContent = _Information.InformationContent;
+  exports.InformationHeader = _Information.InformationHeader;
+  exports.InformationText = _Information.InformationText;
+  exports.InformationImage = _Information.InformationImage;
+  exports.AuthPage = _AuthPage2.default;
+  exports.screenSetsErrorMessages_EN = _screenSetsErrorMessages.screenSetsErrorMessages_EN;
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/AuthPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAKA,mB,GAAA,6B;UAAA,oB,GAAA,iC;UAAA,kB,GAAA,+B;UAAA,iB,GAAA,8B;UAAA,e,GAAA,4B;UAAA,gB,GAAA,6B;UAAA,Q,GAAA,kB;UAAA,0B,GAAA,mD","sourcesContent":["import ScreenSetsContainer from './ScreenSetsContainer';\nimport { InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage } from './Information';\nimport AuthPage from './AuthPage';\nimport { screenSetsErrorMessages_EN } from './screenSetsErrorMessages';\n\nexport { ScreenSetsContainer, InformationContainer, InformationContent, InformationHeader, InformationText, InformationImage, AuthPage, screenSetsErrorMessages_EN };\n"],"file":"index.js"}

package/dist/umd/AuthPage/screenSetsErrorMessages.js

@@ -0,0 +1,25 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  const screenSetsErrorMessages_EN = exports.screenSetsErrorMessages_EN = {
+    email_already_exists: 'An account with that email already exists - try <a href class="sign-in-link" style="font-size: inherit;" data-switch-screen="gigya-login-screen">signing in</a>',
+    email_address_is_invalid: 'Invalid email address',
+    please_enter_fieldname: 'Enter your %fieldname'
+  };
+});
+//# sourceMappingURL=screenSetsErrorMessages.js.map

package/dist/umd/AuthPage/screenSetsErrorMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AuthPage/screenSetsErrorMessages.ts"],"names":["screenSetsErrorMessages_EN","email_already_exists","email_address_is_invalid","please_enter_fieldname"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,QAAMA,0BAA0B,WAA1BA,0BAA0B,GAAG;AACxCC,IAAAA,oBAAoB,EADoB,iKAAA;AAGxCC,IAAAA,wBAAwB,EAHgB,uBAAA;AAIxCC,IAAAA,sBAAsB,EAAE;AAJgB,GAAnC","sourcesContent":["export const screenSetsErrorMessages_EN = {\n  email_already_exists:\n    'An account with that email already exists - try <a href class=\"sign-in-link\" style=\"font-size: inherit;\" data-switch-screen=\"gigya-login-screen\">signing in</a>',\n  email_address_is_invalid: 'Invalid email address',\n  please_enter_fieldname: 'Enter your %fieldname',\n};\n"],"file":"screenSetsErrorMessages.js"}