gatsby-matrix-theme 3.2.23 → 3.2.24

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [3.2.24](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.23...v3.2.24) (2022-02-07)
+
+
+### Bug Fixes
+
+* add unit testing ([5555f87](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5555f87f6571b22c237a72b48c37839ec4962192))
+* added image cdn in gatsby config ([793c117](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/793c117876297a926b76f2aa263ecb7288baae0f))
+* fixed demo url ([3f6c562](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3f6c5621f0b6edc2d2b9b14393b874c8376f3cc5))
+* fixed warnings ([1801220](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1801220463d8bc52f3a1babe2fd952b45ebff591))
+* inercase coverage ([8753dd0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8753dd079ad2a75d443a26abf8508449744cc93d))
+* make style for faq ([3c0732c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3c0732c1306229b80cc2115f58e2eccc9690c470))
+
+
+* Merge branch 'tm-2695-image_cdn' into 'master' ([6f91e36](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/6f91e3601b97f29d2d9bf26cec22a477b4080348))
+* Merge branch 'tm-2696-unit-testing' into 'master' ([b7c4ef8](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b7c4ef882aa7a5db409c0e72069b9d303e51600f))
+* Merge branch 'tm-2696-faq-module-splits' into 'master' ([648da8b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/648da8bb2208aa91bdaa6e8a32b7ee6a29072a2c))
+
 ## [3.2.23](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.22...v3.2.23) (2022-02-02)
 
 

package/jest.config.js

@@ -31,7 +31,7 @@ module.exports = {
   collectCoverage: true,
   coverageThreshold: {
     global: {
-      statements: 70,
+      statements: 88,
     },
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.23",
+  "version": "3.2.24",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/atoms/author-card/author-card.test.js

@@ -23,6 +23,13 @@ describe('AuthorCard Component', () => {
       expect(container.querySelector('a').innerHTML).toEqual(email_address);
     });
   });
+
+  test('render empty value', () => {
+    const obj = {};
+    const { container } = render(<AuthorCard author={obj} />);
+
+    expect(container.querySelector('img')).toBeFalsy();
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -15,35 +15,43 @@ import styles from './table.module.scss';
 
 const listHeadings = [
   {
+    id: 1,
     defaultValue: 'Casino name',
     key: 'casino_name',
   },
   {
+    id: 2,
     defaultValue: 'Rating',
     key: 'rating',
   },
   {
+    id: 3,
     defaultValue: 'Bonus',
     key: 'bonus',
     // customComponent: ({operator}) => ( <td>{operator.title}</td> ), This is an example
   },
   {
+    id: 4,
     defaultValue: 'Top Features',
     key: 'top_features',
   },
   {
+    id: 5,
     defaultValue: 'Payment Methods',
     key: 'payment_methods',
   },
   {
+    id: 6,
     defaultValue: 'Banking',
     key: 'banking',
   },
   {
+    id: 7,
     defaultValue: 'Currencies',
     key: 'currencies',
   },
   {
+    id: 8,
     defaultValue: 'Licenses',
     key: 'licenses',
   },
@@ -60,7 +68,7 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
     const rowData = tabelInfo.find((m) => m.key === heading);
     if (rowData && rowData.customComponent) {
       const CustomComponent = rowData.customComponent;
-      return <CustomComponent operator={item} />;
+      return <CustomComponent key={key} operator={item} />;
     }
 
     switch (heading) {
@@ -104,7 +112,8 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
             {item?.relation?.selling_points &&
               item?.relation?.selling_points.map((sellingPoint) => (
                 <span key={sellingPoint}>
-                  <AiOutlineCheckCircle size={27} /> {sellingPoint}
+                  <AiOutlineCheckCircle size={27} />
+                  {sellingPoint}
                 </span>
               ))}
           </td>
@@ -119,7 +128,7 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
                   const itemsLength = list.length === 6 ? 6 : 5;
                   if (i < (showAllPayment.includes(index) ? list.length : itemsLength)) {
                     return (
-                      <span key={deposit.name}>
+                      <span key={`${key}-${deposit.name}`}>
                         <LazyImg
                           src={imagePrettyUrl(deposit?.logo_filename)}
                           width={72}
@@ -166,7 +175,7 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
             {item?.relation?.bonus?.currencies &&
               item?.relation?.bonus?.currencies.slice(0, 6).map((currencies) => (
                 // eslint-disable-next-line react/no-array-index-key
-                <span key={currencies.iso_code}>{currencies.iso_code} </span>
+                <span key={`${key}-${currencies.iso_code}`}>{currencies.iso_code}</span>
               ))}
           </td>
         );
@@ -178,6 +187,7 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
                 .slice(0, 3)
                 .map((license) => (
                   <LazyImg
+                    key={license.name}
                     src={imagePrettyUrl(license?.logo_filename)}
                     height={32}
                     alt={license.name}
@@ -186,7 +196,7 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
           </td>
         );
       default:
-        return '';
+        return null;
     }
   };
 
@@ -196,11 +206,11 @@ export default function ComparisonTable({ items, tabelInfo = listHeadings, ctaKe
       const cells = [];
 
       items.forEach((item, index) => {
-        cells.push(cell(heading.key, item, `${heading}-${index}`, index));
+        cells.push(cell(heading.key, item, `${heading.key}-${index}`, index));
       });
 
       row.push(
-        <tr>
+        <tr key={heading.key}>
           <th>{translate(translations, heading.key, heading.defaultValue)}</th>
           {cells}
         </tr>

package/src/components/atoms/cards/comparison-table/table/table.test.js

@@ -1,21 +1,73 @@
+/* eslint-disable no-unused-expressions */
 /* eslint-disable array-callback-return */
 import React from 'react';
-import { render, cleanup } from '@testing-library/react';
+import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-import { getSampleOperatorCards } from 'gatsby-core-theme/tests/factories/modules/card.factory';
+import { sampleOperatorCards } from '../../../../../../tests/factories/modules/matrix/card.factory';
 
 import ComparisonTable from '.';
 
-const module = getSampleOperatorCards();
+const module = sampleOperatorCards;
 
 describe('Comparison table test component', () => {
   test('render', () => {
-    const { getByText } = render(<ComparisonTable items={module.items} />);
-
+    const { getByText, container } = render(<ComparisonTable items={module.items} />);
     module.items.map((item) => {
+      expect(container.querySelectorAll('table')).toHaveLength(1);
       expect(getByText(item.relation.name));
+
+      const paymentMethods = container.querySelector('.paymentMethods');
+      const loadMoreBtn = paymentMethods.querySelector('a');
+      // eslint-disable-next-line no-unused-expressions
+      loadMoreBtn && expect(paymentMethods.querySelectorAll('span').length).toEqual(5);
+      loadMoreBtn && fireEvent.click(loadMoreBtn);
+      loadMoreBtn && expect(paymentMethods.querySelectorAll('span').length).toBeGreaterThan(5);
     });
   });
+
+  test('render with custom component', () => {
+    const filterItems = [{ ...module.items[0] }];
+
+    const { getByText } = render(
+      <ComparisonTable
+        items={filterItems}
+        tabelInfo={[
+          {
+            defaultValue: 'Rating',
+            key: 'rating',
+          },
+          {
+            defaultValue: 'Bonus',
+            key: 'bonus',
+            customComponent: () => <td>coupon code</td>,
+          },
+        ]}
+      />
+    );
+
+    expect(getByText('coupon code')).toBeTruthy();
+  });
+
+  test('render false value', () => {
+    const filterItems = [{ ...module.items[1] }];
+    const { container } = render(
+      <ComparisonTable
+        items={filterItems}
+        tabelInfo={[
+          {
+            defaultValue: 'default',
+            key: 'default',
+          },
+          {
+            defaultValue: 'Payment Methods',
+            key: 'payment_methods',
+          },
+        ]}
+      />
+    );
+    const paymentMethods = container.querySelector('.paymentMethods');
+    expect(paymentMethods.querySelectorAll('span').length).toEqual(6);
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/atoms/social-icons/social-icons.test.js

@@ -25,6 +25,14 @@ describe('SocialIcons Component', () => {
     expect(socialLinksWrapper.querySelectorAll('a')[2].innerText).toEqual(siteSchema[2]);
     expect(socialLinksWrapper.querySelectorAll('a')[4].innerText).toEqual(siteSchema[4]);
   });
+
+  test('render null value', () => {
+    const obj = {
+      default: 'default',
+    };
+    const { container } = render(<SocialIcons socialIcons={obj} />);
+    expect(container.querySelector('svg')).toBe(null);
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/molecules/carousel/screenshot-slide/screenshot-slide.test.js

@@ -22,6 +22,12 @@ describe('summary component', () => {
     // expect(container.querySelector('img')).toBeFalsy();
     // expect(container.querySelectorAll('div.lazyload-placeholder')).toHaveLength(1);
   });
+
+  test('render empty', () => {
+    const { container } = render(<Slide />);
+
+    expect(container.querySelector('p')).toBeFalsy();
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/molecules/faq/faq.module.scss

@@ -19,6 +19,7 @@
             font-weight: 700;
             padding: 1rem 0;
             outline: none;
+            padding-right: 2.5rem;
             .icon{
                 display: flex;
                 align-items: center;
@@ -61,6 +62,7 @@
 
         .content {
             @include collapse(0.5s, 500rem);
+            @include flex-direction(column);
             font-size: 1.6rem;
             color: var(--color-20);
             padding: 0;

package/src/components/molecules/header/header.test.js

@@ -0,0 +1,87 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+// import{ getHeaderSection} from 'gatsby-core-theme/tests/factories/sections/header.factory';
+import '~tests/helpers/match-media.mock';
+import Header, { headerContent } from './index';
+
+function getHeaderSection() {
+  const header = {
+    section: {
+      page: {
+        template: 'author',
+        title: 'The Page Title',
+        path: 'sport/brand',
+        sections: {
+          header: {
+            extra_fields: {
+              header_background_image: '398f163bfd5a201716fb42aa72ae48b0.jpeg',
+              header_tesxt: '<p><i>Hello</i> I am test text</p>',
+            },
+          },
+        },
+      },
+    },
+  };
+
+  return header;
+}
+
+describe('header component', () => {
+  test('headerContent', () => {
+    const getHeaderPropsTest = (cases) => {
+      const props = {
+        section: {
+          page: {
+            template: cases,
+          },
+        },
+      };
+
+      return props;
+    };
+
+    const list = [
+      'article_detail',
+      'article_casino',
+      'article_sports',
+      'operator_review',
+      'game_review',
+      'author',
+    ];
+
+    const all = list.reduce((acc, current) => {
+      acc.push(getHeaderPropsTest(current));
+      return acc;
+    }, []);
+
+    all.forEach((elm) => {
+      expect(headerContent(elm)).toBeTruthy();
+    });
+    expect(headerContent('test')).toBeFalsy();
+
+    // expect(headerContent(props)).toBeTruthy();
+  });
+
+  test('render', () => {
+    const HeaderProps = getHeaderSection();
+    const enabledBgImg = ['author', 'game_review', 'operator_review'];
+
+    const { container } = render(
+      <Header
+        {...HeaderProps}
+        backgroundImage={enabledBgImg.includes(HeaderProps?.section?.page?.template)}
+      />
+    );
+    //  const
+    expect(container.querySelector('header')).toBeTruthy();
+    expect(container.querySelectorAll('header')).toHaveLength(1);
+    expect(container.querySelectorAll('div')).toHaveLength(3);
+
+    // Inner HTML
+    expect(container.querySelectorAll('p')).toHaveLength(0);
+  });
+});
+afterEach(() => {
+  cleanup();
+});

package/src/components/molecules/header/index.js

@@ -5,43 +5,43 @@ import Header from 'gatsby-core-theme/src/components/molecules/header/index';
 import loadable from '@loadable/component';
 
 /* eslint-disable react/prop-types */
+export const headerContent = (props) => {
+  let ModuleComponent = null;
+  // const t2st = 'just test'
 
-export default (props) => {
-  const headerContent = () => {
-    let ModuleComponent = null;
-
-    switch (props.section.page.template) {
-      case 'article_detail':
-      case 'article_casino':
-      case 'article_sports': {
-        ModuleComponent = loadable(() => import('./variants/article'));
-        return <ModuleComponent page={props.section.page} />;
-      }
-      case 'operator_review': {
-        ModuleComponent = loadable(() => import('./variants/operator'));
-        return <ModuleComponent operator={props.section.page.relation} />;
-      }
-      case 'game_review': {
-        ModuleComponent = loadable(() => import('./variants/slot'));
-        return <ModuleComponent page={props.section.page} />;
-      }
-      case 'author': {
-        ModuleComponent = loadable(() => import('./variants/author'));
-        return <ModuleComponent page={props.section.page} />;
-      }
-      default:
-        return ModuleComponent;
+  switch (props?.section?.page?.template) {
+    case 'article_detail':
+    case 'article_casino':
+    case 'article_sports': {
+      ModuleComponent = loadable(() => import('./variants/article'));
+      return <ModuleComponent page={props.section.page} />;
+    }
+    case 'operator_review': {
+      ModuleComponent = loadable(() => import('./variants/operator'));
+      return <ModuleComponent operator={props.section.page.relation} />;
+    }
+    case 'game_review': {
+      ModuleComponent = loadable(() => import('./variants/slot'));
+      return <ModuleComponent page={props.section.page} />;
     }
-  };
+    case 'author': {
+      ModuleComponent = loadable(() => import('./variants/author'));
+      return <ModuleComponent page={props.section.page} />;
+    }
+    default:
+      return ModuleComponent;
+  }
+};
 
+export default (props) => {
   const enabledBgImg = ['author', 'game_review', 'operator_review'];
 
   return (
     <Header
       {...props}
-      content={headerContent()}
+      content={headerContent(props)}
       // eslint-disable-next-line no-unneeded-ternary
-      backgroundImage={enabledBgImg.includes(props.section.page.template) ? false : true}
+      backgroundImage={enabledBgImg.includes(props?.section?.page?.template) ? false : true}
     />
   );
 };

package/src/components/molecules/operator-summary/operator-summary.test.js

@@ -5,6 +5,20 @@ import '@testing-library/jest-dom/extend-expect';
 import getPageData from 'gatsby-core-theme/tests/factories/pages/default.factory';
 import OperatorSummary from '.';
 
+const pageTest = {
+  title: 'The Page Title',
+  // type: 'test',
+  name: 'Rizk Casino',
+  extra_fields: {
+    related_operator: {
+      extra_fields: {
+        terms_and_conditions_text_enabled: '1',
+      },
+    },
+    summary_background: 'summary_background',
+  },
+};
+
 describe('summary component', () => {
   test('render', () => {
     const { container, getByText } = render(<OperatorSummary page={getPageData()} />);
@@ -23,6 +37,16 @@ describe('summary component', () => {
     // CTA
     expect(getByText('Visit')).toBeTruthy();
   });
+
+  test('', () => {
+    const { container, getByText } = render(
+      <OperatorSummary page={pageTest} tracker="main" activeOperator />
+    );
+
+    expect(container.querySelectorAll('a')).toHaveLength(2);
+    expect(getByText('18+ New Players only. Play responsibly.')).toBeTruthy();
+    expect(container.querySelectorAll('div')).toHaveLength(3);
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/molecules/toplist/row/variant-one.js

@@ -55,7 +55,11 @@ export default function Row({
           <Link to={reviewPath} className="toplist-variant-one-gtm">
             <Label
               title={getExtraField(item.extra_fields, 'ribbon_text')}
-              bgColor={getExtraField(item.extra_fields, 'ribbon_color')}
+              bgColor={
+                getExtraField(item.extra_fields, 'ribbon_color')
+                  ? getExtraField(item.extra_fields, 'ribbon_color')
+                  : '#0000'
+              }
             />
           </Link>
         )}

package/src/components/molecules/toplist/row/variant-one.test.js

@@ -64,6 +64,22 @@ describe('toplist row component', () => {
     // CTA
     expect(getByText('Visit').closest('a').getAttribute('href')).toEqual('/shortName1');
   });
+
+  test('render pros', () => {
+    const list = getToplistItem();
+    const updateObj = {
+      ...list,
+      extra_fields: {
+        pro_1: 'pro1',
+        ribbon_text: 'ribbon_text',
+        terms_and_conditions_text_enabled: '1',
+      },
+      review_link: null,
+    };
+    const { getByText } = render(<Row item={updateObj} />);
+    expect(getByText('ribbon_text')).toBeTruthy();
+    expect(getByText('pro1')).toBeTruthy();
+  });
 });
 afterEach(() => {
   cleanup();

package/src/components/pages/contact-us/index.js

@@ -49,6 +49,7 @@ const ContactUs = ({
               )}
             </p>
             <Form
+              type="contact"
               hasButton
               buttonLabel="Send"
               submitUrl={submitUrl}

package/storybook/public/{7.a5b95b83.iframe.bundle.js → 7.061faab7.iframe.bundle.js}

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1167:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1168);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1168:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,"._1DIz3ZJ87_n9pmqhWAmObR{padding:0.5rem 1rem;font-size:1.4rem;color:black}\n",""]),exports.locals={label:"_1DIz3ZJ87_n9pmqhWAmObR"},module.exports=exports},1169:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1170);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1170:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".JnvtveLxKcLe-X8VElJd6{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.JnvtveLxKcLe-X8VElJd6 li{display:flex;align-items:center;justify-content:flex-start;font-size:1.4rem;width:100%}.JnvtveLxKcLe-X8VElJd6 li._363xNXHXu_AM4cPAz8OF-M{position:relative;margin-left:2rem}.JnvtveLxKcLe-X8VElJd6 li._363xNXHXu_AM4cPAz8OF-M::before{content:'';border:solid var(--selling-point-icon-color);border-width:0 .5rem .5rem 0;padding:.5rem;transform:rotate(45deg);position:absolute;padding:0px 0px .8rem .32rem;border-right-width:.18rem;border-bottom-width:.18rem;left:-1.8rem}@media only screen and (max-width: 767px){.JnvtveLxKcLe-X8VElJd6{width:90%;margin:0 auto;padding:1rem 0}}\n",""]),exports.locals={sellingPoint:"JnvtveLxKcLe-X8VElJd6",tick:"_363xNXHXu_AM4cPAz8OF-M"},module.exports=exports},1171:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1172);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1172:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".dH9f46bh6yFezDtAZUrN0{background:var(--color-9);border-radius:var(--border-radius);position:relative;text-align:center;padding:1rem 3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:3rem;padding:0 0 0 2.4rem;text-align:inherit}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0{grid-template-columns:1fr 1.5fr 1.5fr 1fr;padding:1rem 0 0 2rem}}.dH9f46bh6yFezDtAZUrN0:hover{background:#ffffff;box-shadow:0 0 1.4rem 0.3rem #f0f0f0}.dH9f46bh6yFezDtAZUrN0:hover ._2HLexGhGykFbURlxPZOgn3{background:#ffffff}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{position:absolute;left:4rem;top:0.2rem}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{padding:0.5rem 1rem;font-size:1.4rem;color:black;font-weight:700;text-transform:uppercase;border-radius:var(--border-radius) 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{font-size:1rem}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{top:-1rem}}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc{color:var(--text-link-color);text-decoration:underline;font-weight:700}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc:hover{color:var(--text-link-color)}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:1rem;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:3rem;width:auto;height:4rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:100%}}@media only screen and (max-width: 767px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{color:#5a4e51;font-size:1.4rem;font-weight:400}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a:hover{color:#5a4e51}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{font-size:1.1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div>div{font-size:1.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{display:flex;flex-direction:column}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{grid-column:1/5;order:-1;flex-direction:row;justify-content:center;background-color:var(--color-7);padding:0.3rem 0;border-top-right-radius:0.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy>*{padding-right:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{background-color:transparent;order:inherit;grid-column:auto;flex-direction:column}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:row}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:2rem;font-weight:700;color:var(--primary-color);padding-right:1rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:1.6rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.6rem;color:var(--color-22);font-weight:700;padding:0.5rem 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.3rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{font-size:1.3rem;display:none}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:block;display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{margin-top:auto;display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .RH2IHgGOiaSUSXu2VZfdC{display:flex;align-items:center;justify-content:flex-start;margin:0 1.5rem 1.5rem}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:auto}}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){display:none}}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{grid-column:1/5;border-radius:0 0 var(--border-radius) 0;color:var(--color-34);font-size:0.8rem;padding:0.6rem 1rem;text-align:center}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 button{font-size:1.2rem}@media only screen and (max-width: 991px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 p{margin-top:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{background:var(--color-7)}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{border-radius:1.2rem;padding:2rem 2rem 0.5rem 2rem;text-align:center;min-height:39rem}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA{position:absolute;text-align:center;width:2.4rem;height:2.4rem;background-color:var(--toplist-ranking-base-color);border-radius:0.8rem 0 0.8rem 0;color:#fff;font-size:1.4rem;line-height:2.4rem;left:0;top:0}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3wLpTyjcUdLSNmHqExM8yx{background-color:var(--toplist-ranking-first-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._2SxNUQHAGiPII7_JYGP85h{background-color:var(--toplist-ranking-second-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3lOW9sYt9DteB8U_Jjmkrd{background-color:var(--toplist-ranking-third-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._2HLexGhGykFbURlxPZOgn3{grid-column:1;background:transparent}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0;height:8.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{display:flex;align-items:center;justify-content:space-between;padding-left:0}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{flex-direction:column !important;justify-content:flex-start;background:transparent;height:9.3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{order:unset;grid-column:1}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy>*{padding-right:0 !important}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div{width:100%;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{padding-right:0 !important}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:none}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%;margin-top:1rem}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem;display:inline-block}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .RH2IHgGOiaSUSXu2VZfdC{height:6.25rem}\n",""]),exports.locals={row:"dH9f46bh6yFezDtAZUrN0",tandc:"_2HLexGhGykFbURlxPZOgn3",ribbon:"_2vkMuQCmEYyaRl5RlEC8C",reviewLink:"_2Qcjozx-UkvqJilS9kmWlc",casinoDetails:"_3c3zCrEjDfwuMm5xd3m1EJ",bonus:"a1xeZXCiFAIEDss5KwCzy",pros:"RH2IHgGOiaSUSXu2VZfdC",cta:"A26GzQD58JVqWILzD4ZBy",grid:"_24wSz_Iu3-QT9JWBl2Ki7H",numbers:"_21EDTxRTRhxC7SP3d1hbtA",num_1:"_3wLpTyjcUdLSNmHqExM8yx",num_2:"_2SxNUQHAGiPII7_JYGP85h",num_3:"_3lOW9sYt9DteB8U_Jjmkrd"},module.exports=exports},1182:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Row}));var react=__webpack_require__(1),react_default=__webpack_require__.n(react),prop_types=__webpack_require__(2),prop_types_default=__webpack_require__.n(prop_types),index_esm=__webpack_require__(271),getters=__webpack_require__(8),hooks_link=__webpack_require__(37),label_module=__webpack_require__(1167),label_module_default=__webpack_require__.n(label_module),label_Label=function Label(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"yellow":_ref$bgColor;return react_default.a.createElement("span",{className:label_module_default.a.label,style:{backgroundColor:bgColor}},title)};label_Label.propTypes={title:prop_types_default.a.string.isRequired,bgColor:prop_types_default.a.string.isRequired},label_Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{title:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},bgColor:{defaultValue:{value:"'yellow'",computed:!1},type:{name:"string"},required:!1,description:""}}};var label=label_Label;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"]={name:"Label",docgenInfo:label_Label.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"});var lazy_image=__webpack_require__(36),star_rating=__webpack_require__(180),keygen=__webpack_require__(51),selling_points_module=__webpack_require__(1169),selling_points_module_default=__webpack_require__.n(selling_points_module),selling_points_SellingPoints=function SellingPoints(_ref){var sellingPoints=_ref.sellingPoints,icon=_ref.icon,_ref$limit=_ref.limit,limit=void 0===_ref$limit?3:_ref$limit;return sellingPoints&&0!==sellingPoints.length?react_default.a.createElement("ul",{className:selling_points_module_default.a.sellingPoint},sellingPoints.slice(0,limit).map((function(item){return react_default.a.createElement("li",{className:"".concat(icon&&selling_points_module_default.a.tick),key:Object(keygen.a)()},item)}))):react_default.a.createElement(react_default.a.Fragment,null)};selling_points_SellingPoints.propTypes={sellingPoints:prop_types_default.a.arrayOf(prop_types_default.a.string),icon:prop_types_default.a.element,limit:prop_types_default.a.number},selling_points_SellingPoints.__docgenInfo={description:"",methods:[],displayName:"SellingPoints",props:{limit:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},sellingPoints:{type:{name:"arrayOf",value:{name:"string"}},required:!1,description:""},icon:{type:{name:"element"},required:!1,description:""}}};var selling_points=selling_points_SellingPoints;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"]={name:"SellingPoints",docgenInfo:selling_points_SellingPoints.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"});var operator_cta=__webpack_require__(138),tnc=__webpack_require__(273),bonus=__webpack_require__(179),TranslationsProvider=__webpack_require__(40),variant_one_module=__webpack_require__(1171),variant_one_module_default=__webpack_require__.n(variant_one_module);function Row(_ref){var _item$extra_fields,_item$extra_fields2,_item$extra_fields3,_item$extra_fields4,item=_ref.item,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$number=_ref.number,number=void 0===_ref$number?1:_ref$number,_ref$isPPC=_ref.isPPC,isPPC=void 0!==_ref$isPPC&&_ref$isPPC,itemName=item.name,itemRating=item.rating,reviewPath=item.review_link?"/".concat(item.review_link):item.path||"/",logoUrl=item.logo_url,pros=(null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.pro_1)||(null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.pro_2)||(null===(_item$extra_fields3=item.extra_fields)||void 0===_item$extra_fields3?void 0:_item$extra_fields3.pro_3),translations=(Object(react.useContext)(TranslationsProvider.a)||{}).translations,sellingPoints=item.selling_points;pros&&(sellingPoints=[item.extra_fields.pro_1,item.extra_fields.pro_2,item.extra_fields.pro_3].filter(Boolean));var trackerType=tracker.toLowerCase().replace(" ","_"),prettyLink=Object(getters.g)(item,trackerType);return react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.row," ").concat("grid"===layout?variant_one_module_default.a.grid:"")},"grid"===layout&&react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.numbers," ").concat(variant_one_module_default.a["num_".concat(number)]),id:"num_".concat(number)},number),react_default.a.createElement("div",{className:variant_one_module_default.a.ribbon},Object(getters.b)(item.extra_fields,"ribbon_text")&&react_default.a.createElement(hooks_link.a,{to:reviewPath,className:"toplist-variant-one-gtm"},react_default.a.createElement(label,{title:Object(getters.b)(item.extra_fields,"ribbon_text"),bgColor:Object(getters.b)(item.extra_fields,"ribbon_color")}))),react_default.a.createElement("div",{className:variant_one_module_default.a.casinoDetails},react_default.a.createElement("a",{href:prettyLink,"aria-label":itemName,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm logo-cta"},react_default.a.createElement(lazy_image.a,{alt:itemName,width:128,height:40,src:Object(getters.f)(logoUrl,128,60)})),react_default.a.createElement("div",null,react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm name-cta"},itemName),react_default.a.createElement(star_rating.a,{numOfStars:5,rating:itemRating}))),react_default.a.createElement("div",{className:variant_one_module_default.a.bonus},react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm bonus-cta"},react_default.a.createElement(bonus.a,{item:item,tracker:oneliner})),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.pros},react_default.a.createElement(selling_points,{icon:react_default.a.createElement(index_esm.a,null),sellingPoints:sellingPoints,limit:3})),react_default.a.createElement("div",{className:variant_one_module_default.a.cta},react_default.a.createElement(operator_cta.a,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm"}),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.tandc},"1"===(null==item||null===(_item$extra_fields4=item.extra_fields)||void 0===_item$extra_fields4?void 0:_item$extra_fields4.terms_and_conditions_text_enabled)&&react_default.a.createElement(tnc.a,{onlyMobile:"list"===layout,operator:item})))}Row.propTypes={tracker:prop_types_default.a.string,oneliner:prop_types_default.a.string,layout:prop_types_default.a.oneOf(["list","grid"]),item:prop_types_default.a.shape({path:prop_types_default.a.string,name:prop_types_default.a.string,logo_url:prop_types_default.a.string,rating:prop_types_default.a.string,selling_points:prop_types_default.a.arrayOf(prop_types_default.a.string),review_link:prop_types_default.a.string,one_liners:prop_types_default.a.shape({main:prop_types_default.a.shape({one_liner:prop_types_default.a.string})}),extra_fields:prop_types_default.a.shape({terms_and_conditions_text_enabled:prop_types_default.a.string,ribbon_text:prop_types_default.a.string,ribbon_color:prop_types_default.a.string,pro_1:prop_types_default.a.string,pro_2:prop_types_default.a.string,pro_3:prop_types_default.a.string}),bonus:prop_types_default.a.oneOfType([prop_types_default.a.array,prop_types_default.a.object]),relation:prop_types_default.a.shape({rating:prop_types_default.a.string,name:prop_types_default.a.string,path:prop_types_default.a.string,logo_url:prop_types_default.a.string})}).isRequired,number:prop_types_default.a.number,isPPC:prop_types_default.a.bool},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},oneliner:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},layout:{defaultValue:{value:"'list'",computed:!1},type:{name:"enum",value:[{value:"'list'",computed:!1},{value:"'grid'",computed:!1}]},required:!1,description:""},number:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},isPPC:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},rating:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},ribbon_text:{name:"string",required:!1},ribbon_color:{name:"string",required:!1},pro_1:{name:"string",required:!1},pro_2:{name:"string",required:!1},pro_3:{name:"string",required:!1}},required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1},relation:{name:"shape",value:{rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1}},required:!1}}},required:!0,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/toplist/row/variant-one.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"src/components/molecules/toplist/row/variant-one.js"})}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1167:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1168);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1168:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,"._1DIz3ZJ87_n9pmqhWAmObR{padding:0.5rem 1rem;font-size:1.4rem;color:black}\n",""]),exports.locals={label:"_1DIz3ZJ87_n9pmqhWAmObR"},module.exports=exports},1169:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1170);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1170:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".JnvtveLxKcLe-X8VElJd6{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.JnvtveLxKcLe-X8VElJd6 li{display:flex;align-items:center;justify-content:flex-start;font-size:1.4rem;width:100%}.JnvtveLxKcLe-X8VElJd6 li._363xNXHXu_AM4cPAz8OF-M{position:relative;margin-left:2rem}.JnvtveLxKcLe-X8VElJd6 li._363xNXHXu_AM4cPAz8OF-M::before{content:'';border:solid var(--selling-point-icon-color);border-width:0 .5rem .5rem 0;padding:.5rem;transform:rotate(45deg);position:absolute;padding:0px 0px .8rem .32rem;border-right-width:.18rem;border-bottom-width:.18rem;left:-1.8rem}@media only screen and (max-width: 767px){.JnvtveLxKcLe-X8VElJd6{width:90%;margin:0 auto;padding:1rem 0}}\n",""]),exports.locals={sellingPoint:"JnvtveLxKcLe-X8VElJd6",tick:"_363xNXHXu_AM4cPAz8OF-M"},module.exports=exports},1171:function(module,exports,__webpack_require__){var api=__webpack_require__(24),content=__webpack_require__(1172);"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},1172:function(module,exports,__webpack_require__){(exports=__webpack_require__(23)(!1)).push([module.i,".dH9f46bh6yFezDtAZUrN0{background:var(--color-9);border-radius:var(--border-radius);position:relative;text-align:center;padding:1rem 3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:3rem;padding:0 0 0 2.4rem;text-align:inherit}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0{grid-template-columns:1fr 1.5fr 1.5fr 1fr;padding:1rem 0 0 2rem}}.dH9f46bh6yFezDtAZUrN0:hover{background:#ffffff;box-shadow:0 0 1.4rem 0.3rem #f0f0f0}.dH9f46bh6yFezDtAZUrN0:hover ._2HLexGhGykFbURlxPZOgn3{background:#ffffff}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{position:absolute;left:4rem;top:0.2rem}.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{padding:0.5rem 1rem;font-size:1.4rem;color:black;font-weight:700;text-transform:uppercase;border-radius:var(--border-radius) 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C span{font-size:1rem}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._2vkMuQCmEYyaRl5RlEC8C{top:-1rem}}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc{color:var(--text-link-color);text-decoration:underline;font-weight:700}.dH9f46bh6yFezDtAZUrN0 ._2Qcjozx-UkvqJilS9kmWlc:hover{color:var(--text-link-color)}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:1rem;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:3rem;width:auto;height:4rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ img{margin-top:1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:100%}}@media only screen and (max-width: 767px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{color:#5a4e51;font-size:1.4rem;font-weight:400}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a:hover{color:#5a4e51}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div a{font-size:1.1rem}}.dH9f46bh6yFezDtAZUrN0 ._3c3zCrEjDfwuMm5xd3m1EJ>div>div{font-size:1.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{display:flex;flex-direction:column}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{grid-column:1/5;order:-1;flex-direction:row;justify-content:center;background-color:var(--color-7);padding:0.3rem 0;border-top-right-radius:0.6rem}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy>*{padding-right:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy{background-color:transparent;order:inherit;grid-column:auto;flex-direction:column}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:row}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div{display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div>div{display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:2rem;font-weight:700;color:var(--primary-color);padding-right:1rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{font-size:1.6rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.6rem;color:var(--color-22);font-weight:700;padding:0.5rem 0}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a>div div:nth-child(2){font-size:1.3rem}}.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{font-size:1.3rem;display:none}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:block;display:flex;align-items:center;justify-content:center}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{margin-top:auto;display:flex;align-items:center;justify-content:flex-start}}.dH9f46bh6yFezDtAZUrN0 .RH2IHgGOiaSUSXu2VZfdC{display:flex;align-items:center;justify-content:flex-start;margin:0 1.5rem 1.5rem}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:first-child{width:auto}}.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0 .A26GzQD58JVqWILzD4ZBy a:nth-child(2){display:none}}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{grid-column:1/5;border-radius:0 0 var(--border-radius) 0;color:var(--color-34);font-size:0.8rem;padding:0.6rem 1rem;text-align:center}.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 button{font-size:1.2rem}@media only screen and (max-width: 991px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3 p{margin-top:1rem}}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0 ._2HLexGhGykFbURlxPZOgn3{background:var(--color-7)}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{border-radius:1.2rem;padding:2rem 2rem 0.5rem 2rem;text-align:center;min-height:39rem}@media only screen and (min-width: 992px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H{grid-template-columns:1fr}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA{position:absolute;text-align:center;width:2.4rem;height:2.4rem;background-color:var(--toplist-ranking-base-color);border-radius:0.8rem 0 0.8rem 0;color:#fff;font-size:1.4rem;line-height:2.4rem;left:0;top:0}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3wLpTyjcUdLSNmHqExM8yx{background-color:var(--toplist-ranking-first-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._2SxNUQHAGiPII7_JYGP85h{background-color:var(--toplist-ranking-second-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._21EDTxRTRhxC7SP3d1hbtA._3lOW9sYt9DteB8U_Jjmkrd{background-color:var(--toplist-ranking-third-color)}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._2HLexGhGykFbURlxPZOgn3{grid-column:1;background:transparent}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{padding-left:0;height:8.5rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ{display:flex;align-items:center;justify-content:space-between;padding-left:0}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H ._3c3zCrEjDfwuMm5xd3m1EJ>div{width:80%;margin:0 auto}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{flex-direction:column !important;justify-content:flex-start;background:transparent;height:9.3rem}@media only screen and (min-width: 768px){.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy{order:unset;grid-column:1}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy>*{padding-right:0 !important}}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div{width:100%;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a>div div:first-child{padding-right:0 !important}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .a1xeZXCiFAIEDss5KwCzy a._2Qcjozx-UkvqJilS9kmWlc{display:none}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy{display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:first-child{width:90%;margin-top:1rem}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .A26GzQD58JVqWILzD4ZBy a:nth-child(2){padding-top:1.5rem;display:inline-block}.dH9f46bh6yFezDtAZUrN0._24wSz_Iu3-QT9JWBl2Ki7H .RH2IHgGOiaSUSXu2VZfdC{height:6.25rem}\n",""]),exports.locals={row:"dH9f46bh6yFezDtAZUrN0",tandc:"_2HLexGhGykFbURlxPZOgn3",ribbon:"_2vkMuQCmEYyaRl5RlEC8C",reviewLink:"_2Qcjozx-UkvqJilS9kmWlc",casinoDetails:"_3c3zCrEjDfwuMm5xd3m1EJ",bonus:"a1xeZXCiFAIEDss5KwCzy",pros:"RH2IHgGOiaSUSXu2VZfdC",cta:"A26GzQD58JVqWILzD4ZBy",grid:"_24wSz_Iu3-QT9JWBl2Ki7H",numbers:"_21EDTxRTRhxC7SP3d1hbtA",num_1:"_3wLpTyjcUdLSNmHqExM8yx",num_2:"_2SxNUQHAGiPII7_JYGP85h",num_3:"_3lOW9sYt9DteB8U_Jjmkrd"},module.exports=exports},1182:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Row}));var react=__webpack_require__(1),react_default=__webpack_require__.n(react),prop_types=__webpack_require__(2),prop_types_default=__webpack_require__.n(prop_types),index_esm=__webpack_require__(271),getters=__webpack_require__(8),hooks_link=__webpack_require__(37),label_module=__webpack_require__(1167),label_module_default=__webpack_require__.n(label_module),label_Label=function Label(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"yellow":_ref$bgColor;return react_default.a.createElement("span",{className:label_module_default.a.label,style:{backgroundColor:bgColor}},title)};label_Label.propTypes={title:prop_types_default.a.string.isRequired,bgColor:prop_types_default.a.string.isRequired},label_Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{title:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},bgColor:{defaultValue:{value:"'yellow'",computed:!1},type:{name:"string"},required:!1,description:""}}};var label=label_Label;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"]={name:"Label",docgenInfo:label_Label.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"});var lazy_image=__webpack_require__(36),star_rating=__webpack_require__(180),keygen=__webpack_require__(51),selling_points_module=__webpack_require__(1169),selling_points_module_default=__webpack_require__.n(selling_points_module),selling_points_SellingPoints=function SellingPoints(_ref){var sellingPoints=_ref.sellingPoints,icon=_ref.icon,_ref$limit=_ref.limit,limit=void 0===_ref$limit?3:_ref$limit;return sellingPoints&&0!==sellingPoints.length?react_default.a.createElement("ul",{className:selling_points_module_default.a.sellingPoint},sellingPoints.slice(0,limit).map((function(item){return react_default.a.createElement("li",{className:"".concat(icon&&selling_points_module_default.a.tick),key:Object(keygen.a)()},item)}))):react_default.a.createElement(react_default.a.Fragment,null)};selling_points_SellingPoints.propTypes={sellingPoints:prop_types_default.a.arrayOf(prop_types_default.a.string),icon:prop_types_default.a.element,limit:prop_types_default.a.number},selling_points_SellingPoints.__docgenInfo={description:"",methods:[],displayName:"SellingPoints",props:{limit:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},sellingPoints:{type:{name:"arrayOf",value:{name:"string"}},required:!1,description:""},icon:{type:{name:"element"},required:!1,description:""}}};var selling_points=selling_points_SellingPoints;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"]={name:"SellingPoints",docgenInfo:selling_points_SellingPoints.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"});var operator_cta=__webpack_require__(138),tnc=__webpack_require__(273),bonus=__webpack_require__(179),TranslationsProvider=__webpack_require__(40),variant_one_module=__webpack_require__(1171),variant_one_module_default=__webpack_require__.n(variant_one_module);function Row(_ref){var _item$extra_fields,_item$extra_fields2,_item$extra_fields3,_item$extra_fields4,item=_ref.item,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$number=_ref.number,number=void 0===_ref$number?1:_ref$number,_ref$isPPC=_ref.isPPC,isPPC=void 0!==_ref$isPPC&&_ref$isPPC,itemName=item.name,itemRating=item.rating,reviewPath=item.review_link?"/".concat(item.review_link):item.path||"/",logoUrl=item.logo_url,pros=(null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.pro_1)||(null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.pro_2)||(null===(_item$extra_fields3=item.extra_fields)||void 0===_item$extra_fields3?void 0:_item$extra_fields3.pro_3),translations=(Object(react.useContext)(TranslationsProvider.a)||{}).translations,sellingPoints=item.selling_points;pros&&(sellingPoints=[item.extra_fields.pro_1,item.extra_fields.pro_2,item.extra_fields.pro_3].filter(Boolean));var trackerType=tracker.toLowerCase().replace(" ","_"),prettyLink=Object(getters.g)(item,trackerType);return react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.row," ").concat("grid"===layout?variant_one_module_default.a.grid:"")},"grid"===layout&&react_default.a.createElement("div",{className:"".concat(variant_one_module_default.a.numbers," ").concat(variant_one_module_default.a["num_".concat(number)]),id:"num_".concat(number)},number),react_default.a.createElement("div",{className:variant_one_module_default.a.ribbon},Object(getters.b)(item.extra_fields,"ribbon_text")&&react_default.a.createElement(hooks_link.a,{to:reviewPath,className:"toplist-variant-one-gtm"},react_default.a.createElement(label,{title:Object(getters.b)(item.extra_fields,"ribbon_text"),bgColor:Object(getters.b)(item.extra_fields,"ribbon_color")?Object(getters.b)(item.extra_fields,"ribbon_color"):"#0000"}))),react_default.a.createElement("div",{className:variant_one_module_default.a.casinoDetails},react_default.a.createElement("a",{href:prettyLink,"aria-label":itemName,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm logo-cta"},react_default.a.createElement(lazy_image.a,{alt:itemName,width:128,height:40,src:Object(getters.f)(logoUrl,128,60)})),react_default.a.createElement("div",null,react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm name-cta"},itemName),react_default.a.createElement(star_rating.a,{numOfStars:5,rating:itemRating}))),react_default.a.createElement("div",{className:variant_one_module_default.a.bonus},react_default.a.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm bonus-cta"},react_default.a.createElement(bonus.a,{item:item,tracker:oneliner})),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.pros},react_default.a.createElement(selling_points,{icon:react_default.a.createElement(index_esm.a,null),sellingPoints:sellingPoints,limit:3})),react_default.a.createElement("div",{className:variant_one_module_default.a.cta},react_default.a.createElement(operator_cta.a,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm"}),!isPPC&&react_default.a.createElement(hooks_link.a,{className:"".concat(variant_one_module_default.a.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat(Object(getters.i)(translations,"read_review","Review")))),react_default.a.createElement("div",{className:variant_one_module_default.a.tandc},"1"===(null==item||null===(_item$extra_fields4=item.extra_fields)||void 0===_item$extra_fields4?void 0:_item$extra_fields4.terms_and_conditions_text_enabled)&&react_default.a.createElement(tnc.a,{onlyMobile:"list"===layout,operator:item})))}Row.propTypes={tracker:prop_types_default.a.string,oneliner:prop_types_default.a.string,layout:prop_types_default.a.oneOf(["list","grid"]),item:prop_types_default.a.shape({path:prop_types_default.a.string,name:prop_types_default.a.string,logo_url:prop_types_default.a.string,rating:prop_types_default.a.string,selling_points:prop_types_default.a.arrayOf(prop_types_default.a.string),review_link:prop_types_default.a.string,one_liners:prop_types_default.a.shape({main:prop_types_default.a.shape({one_liner:prop_types_default.a.string})}),extra_fields:prop_types_default.a.shape({terms_and_conditions_text_enabled:prop_types_default.a.string,ribbon_text:prop_types_default.a.string,ribbon_color:prop_types_default.a.string,pro_1:prop_types_default.a.string,pro_2:prop_types_default.a.string,pro_3:prop_types_default.a.string}),bonus:prop_types_default.a.oneOfType([prop_types_default.a.array,prop_types_default.a.object]),relation:prop_types_default.a.shape({rating:prop_types_default.a.string,name:prop_types_default.a.string,path:prop_types_default.a.string,logo_url:prop_types_default.a.string})}).isRequired,number:prop_types_default.a.number,isPPC:prop_types_default.a.bool},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},oneliner:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},layout:{defaultValue:{value:"'list'",computed:!1},type:{name:"enum",value:[{value:"'list'",computed:!1},{value:"'grid'",computed:!1}]},required:!1,description:""},number:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},isPPC:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},rating:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},ribbon_text:{name:"string",required:!1},ribbon_color:{name:"string",required:!1},pro_1:{name:"string",required:!1},pro_2:{name:"string",required:!1},pro_3:{name:"string",required:!1}},required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1},relation:{name:"shape",value:{rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1}},required:!1}}},required:!0,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/toplist/row/variant-one.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"src/components/molecules/toplist/row/variant-one.js"})}}]);

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.59fc7233.iframe.bundle.js"></script><script src="vendors~main.73d094d3.iframe.bundle.js"></script><script src="main.1fb3ac74.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.d4a6ad7e.iframe.bundle.js"></script><script src="vendors~main.73d094d3.iframe.bundle.js"></script><script src="main.17fb3064.iframe.bundle.js"></script></body></html>