modified file menu-icons
This commit is contained in:
Gitium
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 669 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array('wp-components', 'wp-element'), 'version' => 'b9d5790c82f421f0773c');
|
||||
@ -0,0 +1,388 @@
|
||||
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./assets/js/src/about/about.scss ***!
|
||||
\*******************************************************************************************************************************************************************************************************************************************************/
|
||||
#wpcontent {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.ti-about {
|
||||
--border: 1px solid #ccc;
|
||||
--link-color: var(--wp-admin-theme-color);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
line-height: normal;
|
||||
display: grid;
|
||||
gap: 30px;
|
||||
}
|
||||
.ti-about .container {
|
||||
margin: 0 auto;
|
||||
max-width: 960px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ti-about p {
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.ti-about button {
|
||||
font-weight: 600;
|
||||
}
|
||||
.ti-about .spin {
|
||||
animation: spin 1s infinite linear;
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
.ti-about .head {
|
||||
background: #fff;
|
||||
border-bottom: var(--border);
|
||||
padding: 18px 0;
|
||||
}
|
||||
.ti-about .head .container {
|
||||
padding: 0 15px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
.ti-about .head img {
|
||||
max-height: 55px;
|
||||
}
|
||||
.ti-about .head p {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ti-about .head a {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ti-about .nav {
|
||||
border-bottom: var(--border);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
-moz-column-gap: 20px;
|
||||
column-gap: 20px;
|
||||
}
|
||||
.ti-about .nav a {
|
||||
border-bottom: 4px solid transparent;
|
||||
color: #868686;
|
||||
padding: 20px 10px;
|
||||
text-decoration: none;
|
||||
margin-bottom: -1px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ti-about .nav a:hover {
|
||||
color: #313233;
|
||||
}
|
||||
.ti-about .nav li {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
}
|
||||
.ti-about .nav li.active a {
|
||||
border-color: var(--link-color);
|
||||
color: #313233;
|
||||
}
|
||||
.ti-about .story-card .footer, .ti-about .story-card .body {
|
||||
display: grid;
|
||||
grid-template-columns: var(--grid, 1fr);
|
||||
align-items: center;
|
||||
}
|
||||
.ti-about .story-card {
|
||||
border: var(--border);
|
||||
border-radius: 0 0 10px 10px;
|
||||
}
|
||||
.ti-about .story-card .body {
|
||||
background: #fff;
|
||||
padding: 35px 35px 10px 35px;
|
||||
}
|
||||
.ti-about .story-card .body h2 {
|
||||
font-size: 30px;
|
||||
margin: 0 0 30px;
|
||||
color: #1F1D1D;
|
||||
}
|
||||
.ti-about .story-card .body p {
|
||||
color: #1E1E1E;
|
||||
}
|
||||
.ti-about .story-card .body figure {
|
||||
order: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.ti-about .story-card .body figcaption {
|
||||
margin: 10px 0;
|
||||
color: #797979;
|
||||
font-size: 12px;
|
||||
}
|
||||
.ti-about .story-card .body img {
|
||||
border-radius: 8px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ti-about .story-card .footer {
|
||||
border-top: var(--border);
|
||||
padding: 30px 40px;
|
||||
}
|
||||
.ti-about .story-card .footer h2 {
|
||||
margin: 0 0 20px;
|
||||
text-align: center;
|
||||
font-size: 21px;
|
||||
}
|
||||
.ti-about .story-card form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ti-about .story-card form .dashicons-yes-alt {
|
||||
color: #609952;
|
||||
}
|
||||
.ti-about .story-card input {
|
||||
height: 36px;
|
||||
flex-grow: 1;
|
||||
border: var(--border);
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.ti-about .product-cards {
|
||||
display: grid;
|
||||
gap: 30px;
|
||||
}
|
||||
.ti-about .product-card {
|
||||
background: #fff;
|
||||
display: grid;
|
||||
border: var(--border);
|
||||
}
|
||||
.ti-about .product-card h2 {
|
||||
font-size: 21px;
|
||||
margin: 0;
|
||||
}
|
||||
.ti-about .product-card p {
|
||||
margin: 0;
|
||||
color: #6C6C6C;
|
||||
}
|
||||
.ti-about .product-card .header {
|
||||
padding: 20px 15px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ti-about .product-card .body {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
.ti-about .product-card img {
|
||||
max-width: 50px;
|
||||
margin-right: 15px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.ti-about .product-card .footer {
|
||||
border-top: var(--border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
align-self: flex-end;
|
||||
}
|
||||
.ti-about .product-card .footer p {
|
||||
margin: 8px 0;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
color: #313233;
|
||||
}
|
||||
.ti-about .product-card .footer .not-installed {
|
||||
color: #7E7E7E;
|
||||
}
|
||||
.ti-about .product-card .footer .active {
|
||||
color: #609952;
|
||||
}
|
||||
.ti-about .product-card button, .ti-about .product-card a, .ti-about .product-card .spin {
|
||||
margin-left: auto;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ti-about .product-page {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
max-width: 960px;
|
||||
border: 1px solid #CCCCCC;
|
||||
border-radius: 8px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.ti-about .product-page .hero {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 64px;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
.ti-about .product-page .hero h1 {
|
||||
font-size: 30px;
|
||||
line-height: 42px;
|
||||
max-width: 500px;
|
||||
text-align: center;
|
||||
}
|
||||
.ti-about .product-page .hero p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
max-width: 500px;
|
||||
text-align: center;
|
||||
}
|
||||
.ti-about .product-page .hero .logo {
|
||||
width: 64px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.ti-about .product-page .hero .label {
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
color: #ED6F57;
|
||||
background-color: rgba(237, 111, 87, 0.1803921569);
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
padding: 24px 0;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights .col {
|
||||
max-width: 360px;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights .col h3 {
|
||||
font-size: 21px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights .col p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
padding: 24px 0;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights .col {
|
||||
width: 90%;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights .col img {
|
||||
max-width: 450px;
|
||||
width: 100%;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights .col h2 {
|
||||
font-size: 24px;
|
||||
line-height: 35px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights .col p {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ti-about .product-page .button-row {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-nav {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-nav .testimonial-button {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #D9D9D9;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-nav .testimonial-button.active {
|
||||
background-color: #ED6F57;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container {
|
||||
width: 100%;
|
||||
max-width: 450px;
|
||||
display: flex;
|
||||
overflow-x: scroll;
|
||||
scroll-behavior: smooth;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container .testimonial {
|
||||
width: 100%;
|
||||
flex: 1 0 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: left;
|
||||
gap: 14px;
|
||||
align-items: center;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container .testimonial p {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container .testimonial h3 {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: 700;
|
||||
color: #1C1C1C;
|
||||
}
|
||||
.ti-about .otter-blocks .testimonial-container .testimonial img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ti-about .otter-blocks .otter-button.is-primary {
|
||||
background-color: #ED6F57;
|
||||
}
|
||||
.ti-about .otter-blocks .otter-button.is-secondary {
|
||||
color: #ED6F57;
|
||||
box-shadow: inset 0 0 0 1px #ED6F57;
|
||||
}
|
||||
.ti-about .otter-blocks .otter-button.is-loading {
|
||||
background-color: #6C6C6C;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@media (min-width: 660px) {
|
||||
.ti-about .product-cards {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights, .ti-about .product-page .col-2-highlights {
|
||||
flex-direction: row;
|
||||
padding: 64px 0;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights {
|
||||
text-align: left;
|
||||
}
|
||||
.ti-about .product-page .col-3-highlights .col {
|
||||
max-width: 200px;
|
||||
}
|
||||
.ti-about .product-page .col-2-highlights .col {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.ti-about .story-card .footer, .ti-about .story-card .body {
|
||||
gap: 60px;
|
||||
}
|
||||
.ti-about .story-card {
|
||||
--grid: 1.1fr 1fr;
|
||||
}
|
||||
.ti-about .story-card .footer h2 {
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.ti-about .product-cards {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=about.css.map*/
|
||||
@ -0,0 +1,772 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ "use strict";
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ "./assets/js/src/about/components/Header.js":
|
||||
/*!**************************************************!*\
|
||||
!*** ./assets/js/src/about/components/Header.js ***!
|
||||
\**************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ Header)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
|
||||
function Header(_ref) {
|
||||
let {
|
||||
pages = [],
|
||||
selected = ''
|
||||
} = _ref;
|
||||
const {
|
||||
currentProduct,
|
||||
logoUrl,
|
||||
strings,
|
||||
links
|
||||
} = window.tiSDKAboutData;
|
||||
|
||||
const hasActiveClass = function () {
|
||||
let hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
||||
return hash === selected ? 'active' : '';
|
||||
};
|
||||
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "head"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "container"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: logoUrl,
|
||||
alt: currentProduct.name
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "by ", (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||
href: "https://themeisle.com"
|
||||
}, "Themeisle")))), (links.length > 0 || pages.length > 0) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "container"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", {
|
||||
className: "nav"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", {
|
||||
className: hasActiveClass()
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||
href: window.location
|
||||
}, strings.aboutUs)), pages.map((page, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", {
|
||||
className: hasActiveClass(page.hash),
|
||||
key: index
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||
href: page.hash
|
||||
}, page.name))), links.map((link, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", {
|
||||
key: index
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||
href: link.url
|
||||
}, link.text))))));
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/components/Hero.js":
|
||||
/*!************************************************!*\
|
||||
!*** ./assets/js/src/about/components/Hero.js ***!
|
||||
\************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ Hero)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
|
||||
|
||||
|
||||
|
||||
function Hero() {
|
||||
const {
|
||||
strings,
|
||||
teamImage,
|
||||
homeUrl,
|
||||
pageSlug
|
||||
} = window.tiSDKAboutData;
|
||||
const {
|
||||
heroHeader,
|
||||
heroTextFirst,
|
||||
heroTextSecond,
|
||||
teamImageCaption,
|
||||
newsHeading,
|
||||
emailPlaceholder,
|
||||
signMeUp
|
||||
} = strings;
|
||||
const [email, setEmail] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)('');
|
||||
const [loading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
|
||||
const [hasSubscribed, setHasSubscribed] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
|
||||
|
||||
const submit = e => {
|
||||
var _fetch$then$then;
|
||||
|
||||
e.preventDefault();
|
||||
setLoading(true);
|
||||
(_fetch$then$then = fetch('https://api.themeisle.com/tracking/subscribe', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
Accept: 'application/json, */*;q=0.1',
|
||||
'Cache-Control': 'no-cache'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
slug: 'about-us',
|
||||
site: homeUrl,
|
||||
from: pageSlug,
|
||||
email
|
||||
})
|
||||
}).then(r => r.json()).then(response => {
|
||||
setLoading(false);
|
||||
|
||||
if ('success' === response.code) {
|
||||
setHasSubscribed(true);
|
||||
}
|
||||
})) === null || _fetch$then$then === void 0 ? void 0 : _fetch$then$then.catch(error => {
|
||||
setLoading(false);
|
||||
});
|
||||
};
|
||||
|
||||
const updateEmail = e => {
|
||||
setEmail(e.target.value);
|
||||
};
|
||||
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "container"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "story-card"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "body"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, heroHeader), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, heroTextFirst), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, heroTextSecond)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("figure", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: teamImage,
|
||||
alt: teamImageCaption
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("figcaption", null, teamImageCaption))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "footer"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, newsHeading), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("form", {
|
||||
onSubmit: submit
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("input", {
|
||||
disabled: loading || hasSubscribed,
|
||||
type: "email",
|
||||
value: email,
|
||||
onChange: updateEmail,
|
||||
placeholder: emailPlaceholder
|
||||
}), !loading && !hasSubscribed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
isPrimary: true,
|
||||
type: "submit"
|
||||
}, signMeUp), loading && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "dashicons dashicons-update spin"
|
||||
}), hasSubscribed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "dashicons dashicons-yes-alt"
|
||||
})))));
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/components/ProductCard.js":
|
||||
/*!*******************************************************!*\
|
||||
!*** ./assets/js/src/about/components/ProductCard.js ***!
|
||||
\*******************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ ProductCard)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _common_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../common/utils */ "./assets/js/src/common/utils.js");
|
||||
|
||||
|
||||
|
||||
|
||||
function ProductCard(_ref) {
|
||||
let {
|
||||
product,
|
||||
slug
|
||||
} = _ref;
|
||||
const {
|
||||
icon,
|
||||
name,
|
||||
description,
|
||||
status,
|
||||
premiumUrl,
|
||||
activationLink
|
||||
} = product;
|
||||
const {
|
||||
strings
|
||||
} = window.tiSDKAboutData;
|
||||
const {
|
||||
installNow,
|
||||
installed,
|
||||
notInstalled,
|
||||
active,
|
||||
activate,
|
||||
learnMore
|
||||
} = strings;
|
||||
const isPremium = !!premiumUrl;
|
||||
const [productStatus, setProductStatus] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(status);
|
||||
const [loading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
|
||||
|
||||
const runInstall = async () => {
|
||||
setLoading(true);
|
||||
await (0,_common_utils__WEBPACK_IMPORTED_MODULE_2__.installPluginOrTheme)(slug, slug === 'neve').then(res => {
|
||||
if (res.success) {
|
||||
setProductStatus('installed');
|
||||
}
|
||||
});
|
||||
setLoading(false);
|
||||
};
|
||||
|
||||
const runActivate = async () => {
|
||||
setLoading(true);
|
||||
window.location.href = activationLink;
|
||||
};
|
||||
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "product-card"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "header"
|
||||
}, icon && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: icon,
|
||||
alt: name
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, name)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "body"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", {
|
||||
dangerouslySetInnerHTML: {
|
||||
__html: description
|
||||
}
|
||||
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "footer"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "Status:", " ", (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: productStatus
|
||||
}, productStatus === 'installed' && installed, productStatus === 'not-installed' && notInstalled, productStatus === 'active' && active)), productStatus !== 'active' && !loading && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, productStatus === 'not-installed' && isPremium && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
isLink: true,
|
||||
icon: 'external',
|
||||
href: premiumUrl,
|
||||
target: "_blank"
|
||||
}, learnMore), productStatus === 'not-installed' && !isPremium && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
isPrimary: true,
|
||||
onClick: runInstall
|
||||
}, installNow), productStatus === 'installed' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
isSecondary: true,
|
||||
onClick: runActivate
|
||||
}, activate)), loading && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "dashicons dashicons-update spin"
|
||||
})));
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/components/ProductCards.js":
|
||||
/*!********************************************************!*\
|
||||
!*** ./assets/js/src/about/components/ProductCards.js ***!
|
||||
\********************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ ProductCards)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _ProductCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ProductCard */ "./assets/js/src/about/components/ProductCard.js");
|
||||
|
||||
|
||||
function ProductCards() {
|
||||
const {
|
||||
products
|
||||
} = window.tiSDKAboutData;
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "container"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "product-cards"
|
||||
}, Object.keys(products).map((key, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ProductCard__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||||
key: key,
|
||||
slug: key,
|
||||
product: products[key]
|
||||
}))));
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/components/ProductPage.js":
|
||||
/*!*******************************************************!*\
|
||||
!*** ./assets/js/src/about/components/ProductPage.js ***!
|
||||
\*******************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ ProductPage)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _pages_Otter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pages/Otter */ "./assets/js/src/about/components/pages/Otter.js");
|
||||
|
||||
|
||||
const pagesMap = {
|
||||
'otter-page': _pages_Otter__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||||
};
|
||||
|
||||
function Page(props) {
|
||||
const CurrentPage = pagesMap[props.id];
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(CurrentPage, {
|
||||
page: props.page
|
||||
});
|
||||
}
|
||||
|
||||
function ProductPage(_ref) {
|
||||
let {
|
||||
page = {}
|
||||
} = _ref;
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: 'product-page' + (page && page.product ? ' ' + page.product : '')
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Page, {
|
||||
id: page.id,
|
||||
page: page
|
||||
}));
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/components/pages/Otter.js":
|
||||
/*!*******************************************************!*\
|
||||
!*** ./assets/js/src/about/components/pages/Otter.js ***!
|
||||
\*******************************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (/* binding */ Otter)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
|
||||
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _common_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/utils */ "./assets/js/src/common/utils.js");
|
||||
|
||||
|
||||
|
||||
|
||||
function Otter(_ref) {
|
||||
let {
|
||||
page = {}
|
||||
} = _ref;
|
||||
const {
|
||||
products
|
||||
} = window.tiSDKAboutData;
|
||||
const {
|
||||
strings,
|
||||
plugin
|
||||
} = page;
|
||||
const product = page && page.product ? page.product : '';
|
||||
const icon = product && products[product] && products[product].icon ? products[product].icon : null;
|
||||
const [testimonial, setTestimonial] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(strings.testimonials.users[0]);
|
||||
const [productStatus, setProductStatus] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(plugin.status);
|
||||
const [loading, setLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
|
||||
const loadingText = 'In Progress';
|
||||
|
||||
const runInstall = async () => {
|
||||
setLoading(true);
|
||||
await (0,_common_utils__WEBPACK_IMPORTED_MODULE_2__.installPluginOrTheme)(product, false).then(res => {
|
||||
if (res.success) {
|
||||
setProductStatus('installed');
|
||||
runActivate();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const runActivate = async () => {
|
||||
setLoading(true);
|
||||
window.location.href = plugin.activationLink;
|
||||
};
|
||||
|
||||
const toggleTestimonial = index => {
|
||||
const user = strings.testimonials.users[index];
|
||||
const testimonial = document.getElementById('ts_' + index);
|
||||
testimonial.scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
setTestimonial(user);
|
||||
};
|
||||
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "hero"
|
||||
}, icon && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
className: "logo",
|
||||
src: icon,
|
||||
alt: page.name || ''
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "label"
|
||||
}, "Neve + Otter = New Possibilities \uD83E\uDD1D"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h1", null, strings.heading), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.text), (productStatus === 'not-installed' || productStatus === 'installed') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
variant: "primary",
|
||||
disabled: loading,
|
||||
className: 'otter-button' + (loading ? ' is-loading' : ''),
|
||||
onClick: productStatus === 'not-installed' ? runInstall : runActivate
|
||||
}, loading ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "dashicons dashicons-update spin"
|
||||
}), loadingText) : strings.buttons.install_otter_free)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col-3-highlights"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, strings.features.advancedTitle), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.features.advancedDesc)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, strings.features.fastTitle), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.features.fastDesc)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, strings.features.mobileTitle), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.features.mobileDesc))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col-2-highlights"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: strings.details.s1Image,
|
||||
alt: strings.details.s1Title
|
||||
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, strings.details.s1Title), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.details.s1Text))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col-2-highlights"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, strings.details.s2Title), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.details.s2Text)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: strings.details.s2Image,
|
||||
alt: strings.details.s1Title
|
||||
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col-2-highlights"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: strings.details.s3Image,
|
||||
alt: strings.details.s1Title
|
||||
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, strings.details.s3Title), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, strings.details.s3Text))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col-2-highlights",
|
||||
style: {
|
||||
backgroundColor: '#F7F7F7',
|
||||
borderBottom: 'none',
|
||||
borderBottomRightRadius: '8px',
|
||||
borderBottomLeftRadius: '8px'
|
||||
}
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, strings.testimonials.heading), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "button-row"
|
||||
}, (productStatus === 'not-installed' || productStatus === 'installed') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
variant: "primary",
|
||||
disabled: loading,
|
||||
className: 'otter-button' + (loading ? ' is-loading' : ''),
|
||||
onClick: productStatus === 'not-installed' ? runInstall : runActivate
|
||||
}, loading ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
|
||||
className: "dashicons dashicons-update spin"
|
||||
}), loadingText) : strings.buttons.install_now), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
|
||||
className: "components-button otter-button is-secondary",
|
||||
href: strings.buttons.learn_more_link,
|
||||
target: "_blank",
|
||||
rel: "external noreferrer noopener"
|
||||
}, strings.buttons.learn_more))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "col"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "testimonials"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", {
|
||||
id: "testimonial-container",
|
||||
className: "testimonial-container"
|
||||
}, strings.testimonials.users.map((user, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", {
|
||||
className: "testimonial",
|
||||
id: 'ts_' + index,
|
||||
key: 'ts_' + index
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "\"", user.text, "\""), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
|
||||
src: user.avatar,
|
||||
alt: user.name
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, user.name)))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "testimonial-nav"
|
||||
}, strings.testimonials.users.map((user, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
|
||||
className: 'testimonial-button' + (user.name === testimonial.name ? ' active' : ''),
|
||||
key: 'button_' + index,
|
||||
onClick: () => toggleTestimonial(index)
|
||||
})))))));
|
||||
}
|
||||
;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/common/utils.js":
|
||||
/*!***************************************!*\
|
||||
!*** ./assets/js/src/common/utils.js ***!
|
||||
\***************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "activatePlugin": () => (/* binding */ activatePlugin),
|
||||
/* harmony export */ "getBlocksByType": () => (/* binding */ getBlocksByType),
|
||||
/* harmony export */ "installPluginOrTheme": () => (/* binding */ installPluginOrTheme)
|
||||
/* harmony export */ });
|
||||
const installPluginOrTheme = function (slug) {
|
||||
let theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
||||
return new Promise(resolve => {
|
||||
wp.updates.ajax(theme === true ? 'install-theme' : 'install-plugin', {
|
||||
slug,
|
||||
success: () => {
|
||||
resolve({
|
||||
success: true
|
||||
});
|
||||
},
|
||||
error: err => {
|
||||
resolve({
|
||||
success: false,
|
||||
code: err.errorCode
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const activatePlugin = url => {
|
||||
return new Promise(resolve => {
|
||||
jQuery.get(url).done(() => {
|
||||
resolve({
|
||||
success: true
|
||||
});
|
||||
}).fail(() => {
|
||||
resolve({
|
||||
success: false
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const flatRecursively = (r, a) => {
|
||||
const b = {};
|
||||
Object.keys(a).forEach(function (k) {
|
||||
if ('innerBlocks' !== k) {
|
||||
b[k] = a[k];
|
||||
}
|
||||
});
|
||||
r.push(b);
|
||||
|
||||
if (Array.isArray(a.innerBlocks)) {
|
||||
b.innerBlocks = a.innerBlocks.map(i => {
|
||||
return i.id;
|
||||
});
|
||||
return a.innerBlocks.reduce(flatRecursively, r);
|
||||
}
|
||||
|
||||
return r;
|
||||
};
|
||||
/**
|
||||
* Get blocks by type.
|
||||
*
|
||||
* @param {Array} blocks blocks array.
|
||||
* @param {string} type type of block looking for.
|
||||
*
|
||||
* @return {Array} array of blocks of {type} in page
|
||||
*/
|
||||
|
||||
|
||||
const getBlocksByType = (blocks, type) => blocks.reduce(flatRecursively, []).filter(a => type === a.name);
|
||||
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./assets/js/src/about/about.scss":
|
||||
/*!****************************************!*\
|
||||
!*** ./assets/js/src/about/about.scss ***!
|
||||
\****************************************/
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
// extracted by mini-css-extract-plugin
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/components":
|
||||
/*!************************************!*\
|
||||
!*** external ["wp","components"] ***!
|
||||
\************************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["components"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "@wordpress/element":
|
||||
/*!*********************************!*\
|
||||
!*** external ["wp","element"] ***!
|
||||
\*********************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = window["wp"]["element"];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/ // The module cache
|
||||
/******/ var __webpack_module_cache__ = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/ // Check if module is in cache
|
||||
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||||
/******/ if (cachedModule !== undefined) {
|
||||
/******/ return cachedModule.exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||||
/******/ // no module.id needed
|
||||
/******/ // no module.loaded needed
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/compat get default export */
|
||||
/******/ (() => {
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = (module) => {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ () => (module['default']) :
|
||||
/******/ () => (module);
|
||||
/******/ __webpack_require__.d(getter, { a: getter });
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/define property getters */
|
||||
/******/ (() => {
|
||||
/******/ // define getter functions for harmony exports
|
||||
/******/ __webpack_require__.d = (exports, definition) => {
|
||||
/******/ for(var key in definition) {
|
||||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/make namespace object */
|
||||
/******/ (() => {
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = (exports) => {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/************************************************************************/
|
||||
var __webpack_exports__ = {};
|
||||
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
||||
(() => {
|
||||
/*!**************************************!*\
|
||||
!*** ./assets/js/src/about/about.js ***!
|
||||
\**************************************/
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
|
||||
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _about_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./about.scss */ "./assets/js/src/about/about.scss");
|
||||
/* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/Header */ "./assets/js/src/about/components/Header.js");
|
||||
/* harmony import */ var _components_Hero__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/Hero */ "./assets/js/src/about/components/Hero.js");
|
||||
/* harmony import */ var _components_ProductCards__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/ProductCards */ "./assets/js/src/about/components/ProductCards.js");
|
||||
/* harmony import */ var _components_ProductPage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/ProductPage */ "./assets/js/src/about/components/ProductPage.js");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const getTabHash = () => {
|
||||
let hash = window.location.hash;
|
||||
|
||||
if ('string' !== typeof window.location.hash) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return hash;
|
||||
};
|
||||
|
||||
function About() {
|
||||
const {
|
||||
productPages
|
||||
} = window.tiSDKAboutData;
|
||||
const pages = productPages ? Object.keys(productPages).map(key => {
|
||||
const result = productPages[key];
|
||||
result.id = key;
|
||||
return result;
|
||||
}) : [];
|
||||
const [hash, setHash] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(getTabHash());
|
||||
|
||||
const setTabToCurrentHash = () => {
|
||||
const hash = getTabHash();
|
||||
|
||||
if (null === hash) {
|
||||
return;
|
||||
}
|
||||
|
||||
setHash(hash);
|
||||
};
|
||||
|
||||
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
||||
setTabToCurrentHash();
|
||||
window.addEventListener('hashchange', setTabToCurrentHash);
|
||||
return () => {
|
||||
window.removeEventListener('hashchange', setTabToCurrentHash);
|
||||
};
|
||||
}, []);
|
||||
const isHashInPages = pages.filter(page => {
|
||||
return page.hash === hash;
|
||||
});
|
||||
|
||||
if (isHashInPages.length > 0) {
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "ti-about"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Header__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||||
pages: pages,
|
||||
selected: hash
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_ProductPage__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
page: isHashInPages[0]
|
||||
}));
|
||||
}
|
||||
|
||||
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
|
||||
className: "ti-about"
|
||||
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Header__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||||
pages: pages
|
||||
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Hero__WEBPACK_IMPORTED_MODULE_3__["default"], null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_ProductCards__WEBPACK_IMPORTED_MODULE_4__["default"], null));
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const root = document.querySelector('#ti-sdk-about');
|
||||
|
||||
if (!root) {
|
||||
return;
|
||||
}
|
||||
|
||||
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render)((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(About, null), root);
|
||||
});
|
||||
})();
|
||||
|
||||
/******/ })()
|
||||
;
|
||||
//# sourceMappingURL=about.js.map
|
||||
@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array('wp-api', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-data', 'wp-edit-post', 'wp-element', 'wp-hooks', 'wp-plugins'), 'version' => 'c6a13557ef46b0a921d3');
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,250 @@
|
||||
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./assets/js/src/OptimoleNotice/style.scss ***!
|
||||
\****************************************************************************************************************************************************************************************************************************************************************/
|
||||
.ti-sdk-om-notice {
|
||||
--wp-admin-theme-color: #3858E9;
|
||||
--wp-admin-theme-color-darker-10: #2e47ba;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
border-left-color: #3858E9;
|
||||
}
|
||||
.ti-sdk-om-notice .content {
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
.ti-sdk-om-notice img {
|
||||
max-width: 100px;
|
||||
margin-right: 20px;
|
||||
display: none;
|
||||
}
|
||||
.ti-sdk-om-notice .description {
|
||||
font-size: 14px;
|
||||
margin-bottom: 20px;
|
||||
color: #000;
|
||||
}
|
||||
.ti-sdk-om-notice .actions {
|
||||
margin-top: auto;
|
||||
display: flex;
|
||||
margin-bottom: 0;
|
||||
gap: 20px;
|
||||
}
|
||||
.ti-sdk-om-notice form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.ti-sdk-om-notice .form-wrap {
|
||||
display: grid;
|
||||
}
|
||||
.ti-sdk-om-notice .form-wrap span:not(.dashicons) {
|
||||
margin-bottom: 5px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ti-sdk-om-notice input {
|
||||
border-radius: 0;
|
||||
min-width: 250px;
|
||||
}
|
||||
.ti-sdk-om-notice a.components-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ti-sdk-om-notice .is-link {
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ti-sdk-om-notice .is-link span {
|
||||
line-height: normal;
|
||||
}
|
||||
.ti-sdk-om-notice .dashicons {
|
||||
margin-right: 2px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ti-sdk-om-notice .done {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.ti-sdk-om-notice .done a {
|
||||
width: auto;
|
||||
}
|
||||
.compat-field-optimole th {
|
||||
display: none !important;
|
||||
}
|
||||
.compat-field-optimole td {
|
||||
width: 100% !important;
|
||||
}
|
||||
.compat-field-optimole .ti-sdk-om-notice {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.om-notice-dismiss {
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
text-decoration: none !important;
|
||||
position: absolute;
|
||||
}
|
||||
.om-notice-dismiss:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.ti-om-stack-wrap .om-stack-notice {
|
||||
--wp-admin-theme-color: #3858E9;
|
||||
--wp-admin-theme-color-darker-10: #2e47ba;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice > span {
|
||||
display: none;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice img {
|
||||
max-width: 90px !important;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice h2 {
|
||||
font-size: 18px;
|
||||
margin: 30px auto 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice p {
|
||||
font-size: 13px;
|
||||
max-width: 250px;
|
||||
margin: 0 auto;
|
||||
line-height: 17px;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice i {
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
color: #757575;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice .cta {
|
||||
margin: 20px auto 0;
|
||||
padding: 10px 25px !important;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice .om-notice-dismiss {
|
||||
color: inherit;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice input {
|
||||
border-radius: 0;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice form {
|
||||
place-items: center;
|
||||
width: 75%;
|
||||
display: grid;
|
||||
margin-top: 10px;
|
||||
gap: 10px;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice .done {
|
||||
margin-top: 15px;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice .done p {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.ti-om-stack-wrap .om-stack-notice .om-progress {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.block-editor-block-inspector .ti-om-stack-wrap {
|
||||
border-top: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
.om-progress {
|
||||
gap: 5px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.om-progress .spin {
|
||||
animation: om-rotation 2s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes om-rotation {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
.ti-sdk-om-promo.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.media-sidebar .ti-sdk-om-notice input {
|
||||
min-width: unset;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.media-sidebar .ti-sdk-om-notice .description {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.media-sidebar .ti-sdk-om-notice .content {
|
||||
padding: 15px 10px;
|
||||
}
|
||||
.media-sidebar .ti-sdk-om-notice .actions {
|
||||
gap: 10px;
|
||||
}
|
||||
.media-sidebar .ti-sdk-om-notice form {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.attachment-info .ti-sdk-om-notice input {
|
||||
min-width: unset;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.attachment-info .ti-sdk-om-notice form {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ti-sdk-rop-notice {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
}
|
||||
.ti-sdk-rop-notice .rop-notice-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.ti-sdk-rop-notice p {
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.ti-sdk-neve-fse-notice {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
}
|
||||
.ti-sdk-neve-fse-notice .neve-fse-notice-actions {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.ti-sdk-neve-fse-notice .neve-fse-notice-actions a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.ti-sdk-neve-fse-notice .neve-fse-notice-actions a span:not(.dashicons) {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.ti-sdk-neve-fse-notice p {
|
||||
padding: 0 10px 0 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
.ti-sdk-om-notice img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
.attachment-info .ti-sdk-om-notice form {
|
||||
flex-wrap: unset;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=style-index.css.map*/
|
||||
Reference in New Issue
Block a user