@sok-brand-sites/common-frontend-components 0.0.1-security → 1.643.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License Copyright (c) 2021
+
+Permission is hereby granted, free
+of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice
+(including the next paragraph) shall be included in all copies or substantial
+portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
+EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -1,5 +1,33 @@
-# Security holding package
+# @sok-brand-sites/common-frontend-components
 
-This package contained malicious code and was removed from the registry by the npm security team. A placeholder was published to ensure users are not affected in the future.
+SOK brand sites common react components
 
-Please refer to www.npmjs.com/advisories?search=%40sok-brand-sites%2Fcommon-frontend-components for more information.
+## Features
+
+- ES6 syntax, managed with Prettier + Eslint
+- Typescript
+
+## Install
+
+```sh
+yarn add @sok-brand-sites/common-frontend-components
+// or
+npm i @sok-brand-sites/common-frontend-components
+```
+
+### Requirements
+
+- React 16.8
+- Styled-Components
+- Typescript 4
+
+### Usage
+
+```js
+import { ExchangeFeeTypes } from "@sok-brand-sites/common-frontend-components/src/domain/account/costs/types/flightExchangeCost.type.js";
+
+const params = new URLSearchParams(location.search.slice(1));
+if(params.get('exchangeFee') === ExchangeFeeTypes.AirlineFee) {
+  consoloe.log('AirelineFee selected')
+}
+```

package/dist/_virtual/_tslib.js

@@ -0,0 +1,234 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var _assign = function __assign() {
+  _assign = Object.assign || function __assign(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return _assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+}
+
+function __spreadArray(to, from) {
+  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) {
+    to[j] = from[i];
+  }
+
+  return to;
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) {
+    Object.defineProperty(cooked, "raw", {
+      value: raw
+    });
+  } else {
+    cooked.raw = raw;
+  }
+
+  return cooked;
+}
+
+export { _assign as __assign, __awaiter, __generator, __makeTemplateObject, __read, __rest, __spreadArray };

package/dist/assets/icons/Icons.js

@@ -0,0 +1,118 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ReadMore = function ReadMore() {
+  return jsx("svg", __assign({
+    width: "16",
+    height: "47",
+    viewBox: "0 0 16 47",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.8578e-07 38.7069L8.00013 46.4649L16 38.7069L15.3059 38.028L8.491 44.6269L8.491 0.535156L7.50927 0.535156L7.50927 44.6269L0.694086 38.028L6.8578e-07 38.7069Z",
+      fill: "white",
+      stroke: "white",
+      strokeWidth: "0.3"
+    }, void 0)
+  }), void 0);
+};
+
+var ArrowDown = function ArrowDown() {
+  return jsx("svg", __assign({
+    width: "15",
+    height: "10",
+    viewBox: "0 0 15 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.82543 6.26636L2.18822 0.62915L0.650879 2.1665L7.85522 9.37084L9.39257 7.83349L9.36278 7.80371L15 2.1665L13.4626 0.629153L7.82543 6.26636Z",
+      fill: "black"
+    }, void 0)
+  }), void 0);
+};
+
+var ExternalLink = function ExternalLink() {
+  return jsx("svg", __assign({
+    "data-testid": "external-link",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("path", {
+      d: "M16 8.82C15.7348 8.82 15.4804 8.92536 15.2929 9.11289C15.1054 9.30043 15 9.55478 15 9.82V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H10.18C10.4452 5 10.6996 4.89464 10.8871 4.70711C11.0746 4.51957 11.18 4.26522 11.18 4C11.18 3.73478 11.0746 3.48043 10.8871 3.29289C10.6996 3.10536 10.4452 3 10.18 3H3C2.20435 3 1.44129 3.31607 0.87868 3.87868C0.316071 4.44129 0 5.20435 0 6V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H14C14.7956 20 15.5587 19.6839 16.1213 19.1213C16.6839 18.5587 17 17.7956 17 17V9.82C17 9.55478 16.8946 9.30043 16.7071 9.11289C16.5196 8.92536 16.2652 8.82 16 8.82ZM19.92 0.62C19.8185 0.375651 19.6243 0.181475 19.38 0.0799999C19.2598 0.028759 19.1307 0.00157999 19 0H13C12.7348 0 12.4804 0.105357 12.2929 0.292893C12.1054 0.48043 12 0.734784 12 1C12 1.26522 12.1054 1.51957 12.2929 1.70711C12.4804 1.89464 12.7348 2 13 2H16.59L6.29 12.29C6.19627 12.383 6.12188 12.4936 6.07111 12.6154C6.02034 12.7373 5.9942 12.868 5.9942 13C5.9942 13.132 6.02034 13.2627 6.07111 13.3846C6.12188 13.5064 6.19627 13.617 6.29 13.71C6.38296 13.8037 6.49356 13.8781 6.61542 13.9289C6.73728 13.9797 6.86799 14.0058 7 14.0058C7.13201 14.0058 7.26272 13.9797 7.38458 13.9289C7.50644 13.8781 7.61704 13.8037 7.71 13.71L18 3.41V7C18 7.26522 18.1054 7.51957 18.2929 7.70711C18.4804 7.89464 18.7348 8 19 8C19.2652 8 19.5196 7.89464 19.7071 7.70711C19.8946 7.51957 20 7.26522 20 7V1C19.9984 0.869323 19.9712 0.740222 19.92 0.62Z",
+      fill: "#18A949"
+    }, void 0)
+  }), void 0);
+};
+
+var GreenCircle = function GreenCircle() {
+  return jsx("svg", __assign({
+    "data-testid": "green-circle",
+    width: "8",
+    height: "8",
+    viewBox: "0 0 8 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("circle", {
+      cx: "4",
+      cy: "4",
+      r: "4",
+      fill: "#00AA46"
+    }, void 0)
+  }), void 0);
+};
+
+var RedCircle = function RedCircle() {
+  return jsx("svg", __assign({
+    "data-testid": "red-circle",
+    width: "8",
+    height: "8",
+    viewBox: "0 0 8 8",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("circle", {
+      cx: "4",
+      cy: "4",
+      r: "4",
+      fill: "#EC2C27"
+    }, void 0)
+  }), void 0);
+};
+
+var Arrow = function Arrow() {
+  return jsx("svg", __assign({
+    "data-testid": "arrow",
+    width: "22",
+    height: "14",
+    viewBox: "0 0 22 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, {
+    children: jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.1324 1.03873e-06C7.3802 -0.000345142 7.60376 0.145734 7.69863 0.369997C7.79351 0.59426 7.74098 0.852441 7.56558 1.02393L2.06773 6.41002L21.4248 6.41002C21.7483 6.43033 22 6.69327 22 7.0108C22 7.32833 21.7483 7.59127 21.4248 7.61159L2.09291 7.61159L7.56558 12.9755C7.80482 13.2098 7.80482 13.5898 7.56558 13.8242C7.32634 14.0586 6.93846 14.0586 6.69922 13.8242L0.188938 7.43641C0.12795 7.38371 0.079028 7.31896 0.0453844 7.24643C0.016382 7.17665 0.00100484 7.10217 5.16985e-05 7.02684L5.16988e-05 6.9997C-0.00215303 6.83464 0.0663595 6.67624 0.188938 6.56299L6.69922 0.175179C6.81433 0.0630217 6.97006 4.49058e-05 7.1324 1.03873e-06Z",
+      fill: "#00AA46"
+    }, void 0)
+  }), void 0);
+};
+
+var icons = {
+  ReadMore: ReadMore,
+  ArrowDown: ArrowDown,
+  ExternalLink: ExternalLink,
+  GreenCircle: GreenCircle,
+  RedCircle: RedCircle,
+  Arrow: Arrow
+};
+export { Arrow, ArrowDown, ExternalLink, GreenCircle, ReadMore, RedCircle, icons as default, icons };

package/dist/assets/logos/logos.js

@@ -0,0 +1,19 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+
+var SLogo = function SLogo(_a) {
+  var color = _a.color;
+  return jsx("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 800 800",
+    width: "60",
+    height: "60"
+  }, {
+    children: jsx("path", {
+      fill: color,
+      d: "M391.4 197.4C432 156.8 484.4 139 540 139h41.1v-39h-41.3c-66.1 0-128.1 21.8-176 69.8C315.6 218 294 279.6 294 347v101c0 3.7-.3 8.4-.9 11.6-1.4 7.5-4.5 13.7-9.5 18.7-4.5 4.5-10 7.1-14.2 8.6-3.6 1.3-8.2 2.3-13.1 3-10.9 1.6-37.4 2.2-37.4 2.2v121.2h35.9c45.8 0 87.8-13.9 119.3-45.3 31.4-31.4 45.3-71.6 45.3-114.9V347c0-32.7 10.4-63.3 34.4-87.3 24.1-24.1 54.8-34.5 86.9-34.5h5.6v46.6c-11 .7-18.7 1.8-28.6 4.9-10.5 3.3-20.6 8.9-29.3 17.5-14.7 14.6-20.8 33.3-20.8 52.7V453c0 56.7-18.1 108.8-58.9 149.5-40.6 40.6-93 58.4-148.6 58.4H219V700h41.4c66.1 0 128.1-21.8 176-69.8C484.4 582 506 520.4 506 453V352c0-3.7.3-8.4.9-11.6 1.4-7.5 4.5-13.7 9.5-18.7 4.5-4.5 10-7.1 14.2-8.6 3.6-1.3 8.2-2.3 13.1-3 10.9-1.6 37.4-2.2 37.4-2.2V186.7h-35.9c-45.8 0-87.8 13.9-119.3 45.3s-45.3 71.6-45.3 114.9V453c0 32.7-10.4 63.3-34.4 87.3-24.1 24-54.8 34.5-86.9 34.5h-5.6v-47.6c11-.7 19.3-2.1 28.6-4.9 10.6-3.2 20.6-7.9 29.3-16.6 14.7-14.6 20.8-33.3 20.8-52.7V346.9c.2-56.6 18.3-108.7 59-149.5"
+    }, void 0)
+  }), void 0);
+};
+
+export { SLogo };

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,36 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Accordion } from '@sok/design-system';
+import { MainContainer } from './Accordion.styles.js';
+import { parseHtmlContent } from '../utils.js';
+var AccordionBlock = forwardRef(function (_a, ref) {
+  var contents = _a.contents,
+      anchor = _a.anchor,
+      rest = __rest(_a, ["contents", "anchor"]);
+
+  var items = [];
+  contents === null || contents === void 0 ? void 0 : contents.forEach(function (element, index) {
+    if (element.title) {
+      items.push({
+        id: index.toString(),
+        title: element.title,
+        content: jsx("div", {
+          dangerouslySetInnerHTML: {
+            __html: parseHtmlContent(element === null || element === void 0 ? void 0 : element.content)
+          }
+        }, void 0)
+      });
+    }
+  });
+  return jsx(MainContainer, __assign({
+    id: anchor
+  }, rest, {
+    ref: ref
+  }, {
+    children: jsx(Accordion, {
+      items: items
+    }, void 0)
+  }), void 0);
+});
+export { AccordionBlock, AccordionBlock as default };

package/dist/components/Accordion/Accordion.styles.js

@@ -0,0 +1,75 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled, { css } from 'styled-components';
+import media from '../../styles/media.js';
+var MainContainer = styled.div.withConfig({
+  displayName: "Accordionstyles__MainContainer",
+  componentId: "sc-uzmtwe-0"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  .accordion-button {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    ", "\n\n    ", "\n\n    &:focus {\n      outline: none;\n      ", "\n    }\n    &:hover {\n      ", "\n    }\n  }\n\n  .accordion-content-box {\n    background-color: ", " !important;\n  }\n\n  p,\n  ul,\n  ol {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin: revert;\n\n    ", "\n\n    ", "\n  }\n"], ["\n  .accordion-button {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    ", "\n\n    ", "\n\n    &:focus {\n      outline: none;\n      ", "\n    }\n    &:hover {\n      ", "\n    }\n  }\n\n  .accordion-content-box {\n    background-color: ", " !important;\n  }\n\n  p,\n  ul,\n  ol {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n    margin: revert;\n\n    ", "\n\n    ", "\n  }\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.buttonTextColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.buttonBackgroundColor;
+}, media.tablet(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.tablet.lineHeight;
+}), media.tablet(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.desktop.lineHeight;
+}), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.focusColor && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          box-shadow: 0px 0px 2px 2px ", ";\n        "], ["\n          box-shadow: 0px 0px 2px 2px ", ";\n        "])), theme.components.accordion.focusColor);
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.hoverColor && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: ", " !important;\n        "], ["\n          background-color: ", " !important;\n        "])), theme.components.accordion.hoverColor);
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.itemBackgroundColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontFamily;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.mobile.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.mobile.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontWeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.itemTextColor;
+}, media.tablet(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.tablet.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.tablet.lineHeight;
+}), media.tablet(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n    "])), function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.desktop.fontSize;
+}, function (_a) {
+  var theme = _a.theme;
+  return theme.components.accordion.fontSizes.desktop.lineHeight;
+}));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+export { MainContainer };

package/dist/components/AnimationWrapper/AnimationWrapper.js

@@ -0,0 +1,35 @@
+import { __read, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { Wrapper } from './AnimationWrapper.styles.js';
+import VisibilitySensor from 'react-visibility-sensor';
+import { noAnimationComponents } from '../constants.js';
+import { useState } from 'react';
+
+var AnimationWrapper = function AnimationWrapper(_a) {
+  var children = _a.children,
+      blockName = _a.blockName;
+
+  var _b = __read(useState(false), 2),
+      visible = _b[0],
+      setVisible = _b[1];
+
+  var onVisibilityChange = function onVisibilityChange(isVisible) {
+    if (isVisible && !visible) {
+      setVisible(true);
+    }
+  };
+
+  return jsx(VisibilitySensor, __assign({
+    partialVisibility: true,
+    onChange: onVisibilityChange
+  }, {
+    children: jsx(Wrapper, __assign({
+      visible: visible,
+      animate: !noAnimationComponents.includes(blockName)
+    }, {
+      children: children
+    }), void 0)
+  }), void 0);
+};
+
+export { AnimationWrapper, AnimationWrapper as default };

package/dist/components/AnimationWrapper/AnimationWrapper.styles.js

@@ -0,0 +1,26 @@
+import { __makeTemplateObject } from '../../_virtual/_tslib.js';
+import styled, { keyframes, css } from 'styled-components';
+var FadeIn = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"])));
+var animations = {
+  fadeIn: {
+    animation: FadeIn,
+    duration: '0.8s',
+    timing: 'linear'
+  }
+};
+var animation = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  visibility: ", ";\n  animation: ", " ", "\n    ", ";\n"], ["\n  visibility: ", ";\n  animation: ", " ", "\n    ", ";\n"])), function (_a) {
+  var visible = _a.visible;
+  return visible ? 'visible' : 'hidden';
+}, function (_a) {
+  var visible = _a.visible;
+  return visible ? animations.fadeIn.animation : '';
+}, animations.fadeIn.duration, animations.fadeIn.timing);
+var Wrapper = styled.div.withConfig({
+  displayName: "AnimationWrapperstyles__Wrapper",
+  componentId: "sc-1gmnj4s-0"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  ", ";\n"], ["\n  width: 100%;\n  height: 100%;\n  ", ";\n"])), function (_a) {
+  var animate = _a.animate;
+  return animate && animation;
+});
+var templateObject_1, templateObject_2, templateObject_3;
+export { Wrapper, animations };