@bonlineza/luxity-lib 2.39.6 → 2.39.7

package/RareStepFooter.js

@@ -1,259 +1,275 @@
-import React, { forwardRef } from 'react';
-import 'prop-types';
-import styled, { ThemeProvider } from 'styled-components';
+(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';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+  var React__default = 'default' in React ? React['default'] : React;
+  var styled__default = 'default' in styled ? styled['default'] : styled;
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
         }
       }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
 
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
     }
-  }));
-}
 
-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'
+    return Object.freeze(Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw)
+      }
+    }));
   }
-};
 
-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 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 _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 _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 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
-  }))));
-};
+  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
+    }))));
+  };
 
-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
-  }))));
-}
+  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
+    }))));
+  }
 
-/** 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.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, {
+  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, {
         target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
         className: "footer__link",
-        href: link.url,
-        key: linkIndex
-      }, link.name);
-    }), index === 0 && /*#__PURE__*/React.createElement(FooterConnect, {
-      className: "footer__connect-desktop",
+        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",
       footerLogoImageUrl: footerLogoImageUrl,
       facebookUrl: facebookUrl,
       facebookIconUrl: facebookIconUrl,
@@ -262,26 +278,17 @@ var RareStepFooter = function RareStepFooter(_ref) {
       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
     }));
-  })), /*#__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
-  }));
-};
+  };
+
+  var index = themed(RareStepFooter);
 
-var index = themed(RareStepFooter);
+  return index;
 
-export default index;
+})));