@bonlineza/luxity-lib 2.39.4 → 2.39.6

package/RareStepFooter.js

@@ -1,275 +1,259 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('prop-types'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'prop-types', 'styled-components'], factory) :
-  (global = global || self, global.RareStepFooter = factory(global.React, global.PropTypes, global.styled));
-}(this, (function (React, propTypes, styled) { 'use strict';
+import React, { forwardRef } from 'react';
+import 'prop-types';
+import styled, { ThemeProvider } from 'styled-components';
 
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
         }
       }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 
-      return target;
-    };
-    return _extends.apply(this, arguments);
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
   }
 
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
     }
+  }));
+}
 
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
+var theme = {
+  breakpoints: ['40em', '52em', '64em'],
+  space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
+  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
+  marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
+  letterSpacings: ['-0.5px', '0px', '+0.5px'],
+  radii: ['0px', '2px', '4px', '8px'],
+  borderRadius: '6px',
+  colors: {
+    primary: '#000',
+    base: '#4e4949',
+    baseLt: '#817c7c',
+    borderColor: '#d8d8d8',
+    ntrlMin: '#fff',
+    ntrlMinTen: '#e6e6e6',
+    gray: '#efefef',
+    darkerGray: '#454141'
+  },
+  rareStepColors: {
+    primary: '#202b58',
+    secondary: '#ef5c2d',
+    ntrlMin: '#ffffff',
+    ntrl40: '#f4f4f4',
+    ntrl50: '#808080',
+    ntrl60: '#e8e8e8',
+    ntrl70: '#252525',
+    ntrlMax: '#000000'
+  },
+  rareStepFontWeights: {
+    normal: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700
+  },
+  rareStepFontSize: {
+    h1: '36px',
+    h2: '30px',
+    h3: '24px',
+    h4: '20px',
+    h5: '16px',
+    h6: '14px',
+    footerTitle: '16px'
+  },
+  rareStepPageSizes: {
+    mobile: '500px',
+    tablet: '768px',
+    desktop: '992px',
+    screenl: '1280px',
+    screenxl: '1680px',
+    screenxxl: '1920px',
+    container: '1600px'
   }
+};
 
-  var theme = {
-    breakpoints: ['40em', '52em', '64em'],
-    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-    letterSpacings: ['-0.5px', '0px', '+0.5px'],
-    radii: ['0px', '2px', '4px', '8px'],
-    borderRadius: '6px',
-    colors: {
-      primary: '#000',
-      base: '#4e4949',
-      baseLt: '#817c7c',
-      borderColor: '#d8d8d8',
-      ntrlMin: '#fff',
-      ntrlMinTen: '#e6e6e6',
-      gray: '#efefef',
-      darkerGray: '#454141'
-    },
-    rareStepColors: {
-      primary: '#202b58',
-      secondary: '#ef5c2d',
-      ntrlMin: '#ffffff',
-      ntrl40: '#f4f4f4',
-      ntrl50: '#808080',
-      ntrl60: '#e8e8e8',
-      ntrl70: '#252525',
-      ntrlMax: '#000000'
-    },
-    rareStepFontWeights: {
-      normal: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    },
-    rareStepFontSize: {
-      h1: '36px',
-      h2: '30px',
-      h3: '24px',
-      h4: '20px',
-      h5: '16px',
-      h6: '14px',
-      footerTitle: '16px'
-    },
-    rareStepPageSizes: {
-      mobile: '500px',
-      tablet: '768px',
-      desktop: '992px',
-      screenl: '1280px',
-      screenxl: '1680px',
-      screenxxl: '1920px',
-      container: '1600px'
-    }
-  };
-
-  var themed = (function (Component) {
-    return /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
+var themed = (function (Component) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      ref: ref
+    })));
   });
+});
 
-  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-  var FooterWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n    font-weight: ", ";\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrlMax;
-  }, function (props) {
-    return props.theme.rareStepFontWeights.bold;
-  }, function (props) {
-    return props.theme.marginPaddings[4];
-  }, function (props) {
-    return props.theme.rareStepFontSize.h5;
-  });
-  var PageContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n   {\n    max-width: ", ";\n    margin: 0 auto;\n    width: 100%;\n    padding: 0 5%;\n    display: flex;\n    justify-content: space-between;\n  }\n"])), function (props) {
-    return props.theme.rareStepPageSizes.container;
-  });
-  var FooterLinksWrapper = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-basis: 70%;\n    padding-bottom: ", ";\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[4];
-  });
-  var FooterLinksContainer = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding-right: ", ";\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[4];
-  });
-  var FooterTitleLink = styled__default.a(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n   {\n    text-transform: uppercase;\n    color: ", ";\n    margin-bottom: ", ";\n    cursor: pointer;\n    font-weight: ", ";\n    font-size: ", ";\n    text-decoration: none;\n\n    &:hover,\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  }, function (props) {
-    return props.theme.marginPaddings[1];
-  }, function (props) {
-    return props.theme.rareStepFontWeights.bold;
-  }, function (props) {
-    return props.theme.rareStepFontSize.footerTitle;
-  }, function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  });
-  var FooterLink = styled__default.a(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n   {\n    color: ", ";\n    cursor: pointer;\n    margin-bottom: ", ";\n    font-weight: ", ";\n    text-decoration: none;\n    font-size: ", ";\n\n    &:hover,\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  }, function (props) {
-    return props.theme.space[2];
-  }, function (props) {
-    return props.theme.rareStepFontWeights.normal;
-  }, function (props) {
-    return props.theme.rareStepFontSize.h6;
-  }, function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  });
-  var FooterImage = styled__default.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n   {\n    width: 100%;\n    height: 100%;\n    max-height: 300px;\n    object-fit: cover;\n  }\n"])));
-  var FooterImageWrapper = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n   {\n    flex-basis: 30%;\n    padding-bottom: ", ";\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[4];
-  });
-  var FooterLogo = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n   {\n    width: 120px;\n    margin-top: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[5];
-  });
-  var SocialIconWrapper = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n  }\n"])));
-  var SocialIcon = styled__default.img(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n   {\n    width: 30px;\n    height: 30px;\n    margin-right: ", ";\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[0];
-  });
-  var FooterCopyrightContainer = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    padding: ", " 0;\n    border-top: 1px solid ", ";\n  }\n"])), function (props) {
-    return props.theme.marginPaddings[1];
-  }, function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  });
-  var FooterCopyrightText = styled__default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n   {\n    color: ", ";\n    font-weight: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrlMin;
-  }, function (props) {
-    return props.theme.rareStepFontWeights.normal;
-  });
-  var FooterPayments = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n"])));
-  var FooterPaymentImage = styled__default.img(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n   {\n    width: 100px;\n    height: 30px;\n  }\n"])));
-  var FooterConnectContainer = styled__default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-direction: column;\n  }\n"])));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var FooterWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n    font-weight: ", ";\n    padding-top: ", ";\n    font-size: ", ";\n  }\n"])), function (props) {
+  return props.theme.rareStepColors.ntrlMax;
+}, function (props) {
+  return props.theme.rareStepFontWeights.bold;
+}, function (props) {
+  return props.theme.marginPaddings[4];
+}, function (props) {
+  return props.theme.rareStepFontSize.h5;
+});
+var PageContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n   {\n    max-width: ", ";\n    margin: 0 auto;\n    width: 100%;\n    padding: 0 5%;\n    display: flex;\n    justify-content: space-between;\n  }\n"])), function (props) {
+  return props.theme.rareStepPageSizes.container;
+});
+var FooterLinksWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-basis: 70%;\n    padding-bottom: ", ";\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[4];
+});
+var FooterLinksContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    padding-right: ", ";\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[4];
+});
+var FooterTitleLink = styled.a(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n   {\n    text-transform: uppercase;\n    color: ", ";\n    margin-bottom: ", ";\n    cursor: pointer;\n    font-weight: ", ";\n    font-size: ", ";\n    text-decoration: none;\n\n    &:hover,\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+}, function (props) {
+  return props.theme.marginPaddings[1];
+}, function (props) {
+  return props.theme.rareStepFontWeights.bold;
+}, function (props) {
+  return props.theme.rareStepFontSize.footerTitle;
+}, function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+});
+var FooterLink = styled.a(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n   {\n    color: ", ";\n    cursor: pointer;\n    margin-bottom: ", ";\n    font-weight: ", ";\n    text-decoration: none;\n    font-size: ", ";\n\n    &:hover,\n    &:active {\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+}, function (props) {
+  return props.theme.space[2];
+}, function (props) {
+  return props.theme.rareStepFontWeights.normal;
+}, function (props) {
+  return props.theme.rareStepFontSize.h6;
+}, function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+});
+var FooterImage = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n   {\n    width: 100%;\n    height: 100%;\n    max-height: 300px;\n    object-fit: cover;\n  }\n"])));
+var FooterImageWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n   {\n    flex-basis: 30%;\n    padding-bottom: ", ";\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[4];
+});
+var FooterLogo = styled.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n   {\n    width: 120px;\n    margin-top: ", ";\n    cursor: pointer;\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[5];
+});
+var SocialIconWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n  }\n"])));
+var SocialIcon = styled.img(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n   {\n    width: 30px;\n    height: 30px;\n    margin-right: ", ";\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[0];
+});
+var FooterCopyrightContainer = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    padding: ", " 0;\n    border-top: 1px solid ", ";\n  }\n"])), function (props) {
+  return props.theme.marginPaddings[1];
+}, function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+});
+var FooterCopyrightText = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n   {\n    color: ", ";\n    font-weight: ", ";\n  }\n"])), function (props) {
+  return props.theme.rareStepColors.ntrlMin;
+}, function (props) {
+  return props.theme.rareStepFontWeights.normal;
+});
+var FooterPayments = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n"])));
+var FooterPaymentImage = styled.img(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n   {\n    width: 100px;\n    height: 30px;\n  }\n"])));
+var FooterConnectContainer = styled.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n   {\n    display: flex;\n    flex-direction: column;\n  }\n"])));
 
-  var FooterCopyright = function FooterCopyright(_ref) {
-    var paymentImage = _ref.paymentImage;
-    return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, {
-      className: "footer__copyright-container"
-    }, /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
-      className: "footer__desktop-copyrights"
-    }, "\xA9".concat(new Date().getFullYear(), " \u2022 Rare Step \u2022 Website Developed by B Online")), /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
-      className: "footer__mobile-copyrights"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__copyright-text"
-    }, "\xA9".concat(new Date().getFullYear(), " Rare Step")), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__copyright-text"
-    }, "Website Developed by B Online")), /*#__PURE__*/React__default.createElement(FooterPayments, {
-      className: "footer__payment-options"
-    }, /*#__PURE__*/React__default.createElement(FooterPaymentImage, {
-      className: "footer__payment-image",
-      src: paymentImage
-    }))));
-  };
+var FooterCopyright = function FooterCopyright(_ref) {
+  var paymentImage = _ref.paymentImage;
+  return /*#__PURE__*/React.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React.createElement(PageContainer, {
+    className: "footer__copyright-container"
+  }, /*#__PURE__*/React.createElement(FooterCopyrightText, {
+    className: "footer__desktop-copyrights"
+  }, "\xA9".concat(new Date().getFullYear(), " \u2022 Rare Step \u2022 Website Developed by B Online")), /*#__PURE__*/React.createElement(FooterCopyrightText, {
+    className: "footer__mobile-copyrights"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "footer__copyright-text"
+  }, "\xA9".concat(new Date().getFullYear(), " Rare Step")), /*#__PURE__*/React.createElement("div", {
+    className: "footer__copyright-text"
+  }, "Website Developed by B Online")), /*#__PURE__*/React.createElement(FooterPayments, {
+    className: "footer__payment-options"
+  }, /*#__PURE__*/React.createElement(FooterPaymentImage, {
+    className: "footer__payment-image",
+    src: paymentImage
+  }))));
+};
 
-  function FooterConnect(_ref) {
-    var footerLogoImageUrl = _ref.footerLogoImageUrl,
-        facebookUrl = _ref.facebookUrl,
-        facebookIconUrl = _ref.facebookIconUrl,
-        instagramUrl = _ref.instagramUrl,
-        instagramImageUrl = _ref.instagramImageUrl,
-        className = _ref.className,
-        wordpressSiteUrl = _ref.wordpressSiteUrl,
-        tiktokUrl = _ref.tiktokUrl,
-        tiktokImageUrl = _ref.tiktokImageUrl;
-    return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
-      className: className
-    }, /*#__PURE__*/React__default.createElement(FooterLogo, {
-      className: "footer__logo",
-      src: footerLogoImageUrl,
-      onClick: function onClick() {
-        window.location.href = wordpressSiteUrl;
-      }
-    }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
-      className: "footer__link"
-    }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
-      target: "_blank",
-      href: facebookUrl
-    }, /*#__PURE__*/React__default.createElement(SocialIcon, {
-      src: facebookIconUrl
-    })), /*#__PURE__*/React__default.createElement(FooterLink, {
-      target: "_blank",
-      href: instagramUrl
-    }, /*#__PURE__*/React__default.createElement(SocialIcon, {
-      src: instagramImageUrl
-    })), /*#__PURE__*/React__default.createElement(FooterLink, {
-      target: "_blank",
-      href: tiktokUrl
-    }, /*#__PURE__*/React__default.createElement(SocialIcon, {
-      src: tiktokImageUrl
-    }))));
-  }
+function FooterConnect(_ref) {
+  var footerLogoImageUrl = _ref.footerLogoImageUrl,
+      facebookUrl = _ref.facebookUrl,
+      facebookIconUrl = _ref.facebookIconUrl,
+      instagramUrl = _ref.instagramUrl,
+      instagramImageUrl = _ref.instagramImageUrl,
+      className = _ref.className,
+      wordpressSiteUrl = _ref.wordpressSiteUrl,
+      tiktokUrl = _ref.tiktokUrl,
+      tiktokImageUrl = _ref.tiktokImageUrl;
+  return /*#__PURE__*/React.createElement(FooterConnectContainer, {
+    className: className
+  }, /*#__PURE__*/React.createElement(FooterLogo, {
+    className: "footer__logo",
+    src: footerLogoImageUrl,
+    onClick: function onClick() {
+      window.location.href = wordpressSiteUrl;
+    }
+  }), /*#__PURE__*/React.createElement(FooterTitleLink, {
+    className: "footer__link"
+  }, "Connect"), /*#__PURE__*/React.createElement(SocialIconWrapper, null, /*#__PURE__*/React.createElement(FooterLink, {
+    target: "_blank",
+    href: facebookUrl
+  }, /*#__PURE__*/React.createElement(SocialIcon, {
+    src: facebookIconUrl
+  })), /*#__PURE__*/React.createElement(FooterLink, {
+    target: "_blank",
+    href: instagramUrl
+  }, /*#__PURE__*/React.createElement(SocialIcon, {
+    src: instagramImageUrl
+  })), /*#__PURE__*/React.createElement(FooterLink, {
+    target: "_blank",
+    href: tiktokUrl
+  }, /*#__PURE__*/React.createElement(SocialIcon, {
+    src: tiktokImageUrl
+  }))));
+}
 
-  /** RareStep footer component */
+/** RareStep footer component */
 
-  var RareStepFooter = function RareStepFooter(_ref) {
-    var footerImageUrl = _ref.footerImageUrl,
-        footerLogoImageUrl = _ref.footerLogoImageUrl,
-        facebookUrl = _ref.facebookUrl,
-        facebookIconUrl = _ref.facebookIconUrl,
-        instagramUrl = _ref.instagramUrl,
-        instagramImageUrl = _ref.instagramImageUrl,
-        paymentImage = _ref.paymentImage,
-        footerLinks = _ref.footerLinks,
-        wordpressSiteUrl = _ref.wordpressSiteUrl,
-        tiktokUrl = _ref.tiktokUrl,
-        tiktokImageUrl = _ref.tiktokImageUrl;
-    return /*#__PURE__*/React__default.createElement(FooterWrapper, null, /*#__PURE__*/React__default.createElement(PageContainer, {
-      className: "footer__page-container"
-    }, /*#__PURE__*/React__default.createElement(FooterLinksWrapper, {
-      className: "footer__links-wrapper"
-    }, footerLinks.map(function (footerLink, index) {
-      return /*#__PURE__*/React__default.createElement(FooterLinksContainer, {
-        className: "footer__links",
-        key: index
-      }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
+var RareStepFooter = function RareStepFooter(_ref) {
+  var footerImageUrl = _ref.footerImageUrl,
+      footerLogoImageUrl = _ref.footerLogoImageUrl,
+      facebookUrl = _ref.facebookUrl,
+      facebookIconUrl = _ref.facebookIconUrl,
+      instagramUrl = _ref.instagramUrl,
+      instagramImageUrl = _ref.instagramImageUrl,
+      paymentImage = _ref.paymentImage,
+      footerLinks = _ref.footerLinks,
+      wordpressSiteUrl = _ref.wordpressSiteUrl,
+      tiktokUrl = _ref.tiktokUrl,
+      tiktokImageUrl = _ref.tiktokImageUrl;
+  return /*#__PURE__*/React.createElement(FooterWrapper, null, /*#__PURE__*/React.createElement(PageContainer, {
+    className: "footer__page-container"
+  }, /*#__PURE__*/React.createElement(FooterLinksWrapper, {
+    className: "footer__links-wrapper"
+  }, footerLinks.map(function (footerLink, index) {
+    return /*#__PURE__*/React.createElement(FooterLinksContainer, {
+      className: "footer__links",
+      key: index
+    }, /*#__PURE__*/React.createElement(FooterTitleLink, {
+      target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
+      className: "footer__link",
+      href: footerLink.url
+    }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
+      return /*#__PURE__*/React.createElement(FooterLink, {
         target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
         className: "footer__link",
-        href: footerLink.url
-      }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
-        return /*#__PURE__*/React__default.createElement(FooterLink, {
-          target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
-          className: "footer__link",
-          href: link.url,
-          key: linkIndex
-        }, link.name);
-      }), index === 0 && /*#__PURE__*/React__default.createElement(FooterConnect, {
-        className: "footer__connect-desktop",
-        footerLogoImageUrl: footerLogoImageUrl,
-        facebookUrl: facebookUrl,
-        facebookIconUrl: facebookIconUrl,
-        instagramUrl: instagramUrl,
-        instagramImageUrl: instagramImageUrl,
-        wordpressSiteUrl: wordpressSiteUrl,
-        tiktokUrl: tiktokUrl,
-        tiktokImageUrl: tiktokImageUrl
-      }));
-    })), /*#__PURE__*/React__default.createElement(FooterConnect, {
-      className: "footer__connect-mobile",
+        href: link.url,
+        key: linkIndex
+      }, link.name);
+    }), index === 0 && /*#__PURE__*/React.createElement(FooterConnect, {
+      className: "footer__connect-desktop",
       footerLogoImageUrl: footerLogoImageUrl,
       facebookUrl: facebookUrl,
       facebookIconUrl: facebookIconUrl,
@@ -278,17 +262,26 @@
       wordpressSiteUrl: wordpressSiteUrl,
       tiktokUrl: tiktokUrl,
       tiktokImageUrl: tiktokImageUrl
-    }), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
-      className: "footer__figure"
-    }, /*#__PURE__*/React__default.createElement(FooterImage, {
-      src: footerImageUrl
-    }))), /*#__PURE__*/React__default.createElement(FooterCopyright, {
-      paymentImage: paymentImage
     }));
-  };
-
-  var index = themed(RareStepFooter);
+  })), /*#__PURE__*/React.createElement(FooterConnect, {
+    className: "footer__connect-mobile",
+    footerLogoImageUrl: footerLogoImageUrl,
+    facebookUrl: facebookUrl,
+    facebookIconUrl: facebookIconUrl,
+    instagramUrl: instagramUrl,
+    instagramImageUrl: instagramImageUrl,
+    wordpressSiteUrl: wordpressSiteUrl,
+    tiktokUrl: tiktokUrl,
+    tiktokImageUrl: tiktokImageUrl
+  }), /*#__PURE__*/React.createElement(FooterImageWrapper, {
+    className: "footer__figure"
+  }, /*#__PURE__*/React.createElement(FooterImage, {
+    src: footerImageUrl
+  }))), /*#__PURE__*/React.createElement(FooterCopyright, {
+    paymentImage: paymentImage
+  }));
+};
 
-  return index;
+var index = themed(RareStepFooter);
 
-})));
+export default index;