@gem-sdk/components 2.1.13-staging.2 → 2.1.13-staging.5

package/dist/cjs/third-party/components/HextomFreeShippingBar.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var ThirdPartyPreview = require('./ThirdPartyPreview.js');
+var HextomFreeShippingBar$1 = require('../configs/HextomFreeShippingBar.js');
+
+const HextomFreeShippingBarContent = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
+                setting: {
+                    label: 'Hextom: Free Shipping Bar',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${HextomFreeShippingBar$1.default.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const HextomFreeShippingBar = ({ setting })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: {
+            ...core.makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(HextomFreeShippingBarContent, {})
+    });
+};
+
+exports.default = HextomFreeShippingBar;

package/dist/cjs/third-party/components/HextomFreeShippingBar.liquid.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var thirdParty = require('../helpers/thirdParty.js');
+
+const HextomFreeShippingBar = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+exports.default = HextomFreeShippingBar;

package/dist/cjs/third-party/components/OkendoReviewsLoyalty.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var ThirdPartyPreview = require('./ThirdPartyPreview.js');
+var OkendoReviewsLoyalty$1 = require('../configs/OkendoReviewsLoyalty.js');
+
+const OkendoReviewsLoyaltyContent = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
+                setting: {
+                    label: 'Okendo: Reviews & Loyalty',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${OkendoReviewsLoyalty$1.default.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const OkendoReviewsLoyalty = ({ setting })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: {
+            ...core.makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(OkendoReviewsLoyaltyContent, {})
+    });
+};
+
+exports.default = OkendoReviewsLoyalty;

package/dist/cjs/third-party/components/OkendoReviewsLoyalty.liquid.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var thirdParty = require('../helpers/thirdParty.js');
+
+const OkendoReviewsLoyalty = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block [&_*]:gp-max-w-none`);
+};
+
+exports.default = OkendoReviewsLoyalty;

package/dist/cjs/third-party/components/StellarDeliveryDatePickup.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var ThirdPartyPreview = require('./ThirdPartyPreview.js');
+var StellarDeliveryDatePickup$1 = require('../configs/StellarDeliveryDatePickup.js');
+
+const StellarDeliveryDatePickupContent = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
+                setting: {
+                    label: 'Stellar Delivery Date & Pickup',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${StellarDeliveryDatePickup$1.default.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const StellarDeliveryDatePickup = ({ setting })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: {
+            ...core.makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(StellarDeliveryDatePickupContent, {})
+    });
+};
+
+exports.default = StellarDeliveryDatePickup;

package/dist/cjs/third-party/components/StellarDeliveryDatePickup.liquid.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@gem-sdk/core');
+
+const StellarDeliveryDatePickup = ({ setting, advanced })=>{
+    const { align } = setting ?? {};
+    return core.template`
+    <div
+      class="${advanced?.cssClass}"
+      style="${{
+        ...core.makeStyleResponsive('ta', align)
+    }}"
+    >
+      <div class="gp-integration-stellar-delivery__position" ></div>
+    </div>
+  `;
+};
+
+exports.default = StellarDeliveryDatePickup;

package/dist/cjs/third-party/components/TrustedsiteTrustBadges.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@gem-sdk/core');
+var ThirdPartyPreview = require('./ThirdPartyPreview.js');
+var TrustedsiteTrustBadges$1 = require('../configs/TrustedsiteTrustBadges.js');
+
+const TrustedsiteTrustBadgesContent = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "gp-p-2",
+            children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
+                setting: {
+                    label: 'TrustedSite ‑ Trust Badges',
+                    iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${TrustedsiteTrustBadges$1.default.logoUrl}">`
+                }
+            })
+        })
+    });
+};
+const TrustedsiteTrustBadges = ({ setting })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: {
+            ...core.makeStyleResponsive('ta', setting?.align)
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(TrustedsiteTrustBadgesContent, {})
+    });
+};
+
+exports.default = TrustedsiteTrustBadges;

package/dist/cjs/third-party/components/TrustedsiteTrustBadges.liquid.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var thirdParty = require('../helpers/thirdParty.js');
+
+const TrustedsiteTrustBadges = ({ setting, advanced })=>{
+    const { align, appBlockId } = setting ?? {};
+    return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
+};
+
+exports.default = TrustedsiteTrustBadges;

package/dist/cjs/third-party/configs/AlsoBoughtCbb.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'also-bought-cbb',
+    label: 'Also Bought • CBB',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png',
+    tag: 'AlsoBoughtCbb'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/BfSizeChartSizeGuide.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'bf-size-chart-size-guide',
+    label: 'BF Size Chart & Size Guide',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png',
+    tag: 'BfSizeChartSizeGuide'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/EssentialAnnouncementBar.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'essential-announcement-bar',
+    label: 'Essential Announcement Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/15e8255158a042a1eab34a4c45c72aa5/icon/CMK1jPv9uoADEAE=.png',
+    tag: 'EssentialAnnouncementBar'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/EssentialCountdownTimerBar.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'essential-countdown-timer-bar',
+    label: 'Essential Countdown Timer Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/f84bf9e49eca8bd84c2af7488461363b/icon/CPzKxLTD4_UCEAE=.png',
+    tag: 'EssentialCountdownTimerBar'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/EstimatedDeliveryDatePlus.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'estimated-delivery-date-plus',
+    label: 'Estimated Delivery Date ‑ Plus',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/e4733a4cb318126885ef06c1a11c2c35/icon/COTnt4SChPkCEAE=.jpeg',
+    tag: 'EstimatedDeliveryDatePlus'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/GloColorSwatchvariantImage.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'glo-color-swatchvariant-image',
+    label: 'GLO Color Swatch,Variant Image',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9995b073cfe955d98eb8e9961e8dd7be/icon/CM-Kw8-05_4CEAE=.png',
+    tag: 'GloColorSwatchvariantImage'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/HextomFreeShippingBar.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'hextom-free-shipping-bar',
+    label: 'Hextom: Free Shipping Bar',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/635cce572624d1086ac37403cf25b5ee/icon/CMuP4OXt54YDEAE=.png',
+    tag: 'HextomFreeShippingBar'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/OkendoReviewsLoyalty.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'okendo-reviews-loyalty',
+    label: 'Okendo: Reviews & Loyalty',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/fe55626671bd5da73785c606c2b0752f/icon/CNKRrIWatfoCEAE=.png',
+    tag: 'OkendoReviewsLoyalty'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/StellarDeliveryDatePickup.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'stellar-delivery-date-pickup',
+    label: 'Stellar Delivery Date & Pickup',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/568eee7424b5f70382db5178dd815f6a/icon/CMTw3rn0lu8CEAE=.jpg',
+    tag: 'StellarDeliveryDatePickup'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/configs/TrustedsiteTrustBadges.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AppConfig = {
+    id: 'trustedsite-trust-badges',
+    label: 'TrustedSite ‑ Trust Badges',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/38fdc008d044b95511d73b59ae0cc83f/icon/CIX8yLf0lu8CEAE=.png',
+    tag: 'TrustedsiteTrustBadges'
+};
+
+exports.default = AppConfig;

package/dist/cjs/third-party/helpers/thirdParty.js

@@ -39,7 +39,7 @@ const getLiquidForAppBlock = (appBlockId, align, cssClass)=>{
     <div
       class="gp-flex gp-w-full gp-items-center ${cssClass}"
       style="${{
-        ...core.makeStyleResponsive('ta', align)
+        ...core.makeStyleResponsive('jc', align)
     }}"
     >
       {% for block in app_blocks %}

package/dist/cjs/third-party/next.js

@@ -6,6 +6,26 @@ var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
 
+const EstimatedDeliveryDatePlus = dynamic(()=>Promise.resolve().then(function () { return require('./components/EstimatedDeliveryDatePlus.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const OkendoReviewsLoyalty = dynamic(()=>Promise.resolve().then(function () { return require('./components/OkendoReviewsLoyalty.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const EssentialAnnouncementBar = dynamic(()=>Promise.resolve().then(function () { return require('./components/EssentialAnnouncementBar.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const EssentialCountdownTimerBar = dynamic(()=>Promise.resolve().then(function () { return require('./components/EssentialCountdownTimerBar.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const StellarDeliveryDatePickup = dynamic(()=>Promise.resolve().then(function () { return require('./components/StellarDeliveryDatePickup.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
 const TrustshopProductReviews = dynamic(()=>Promise.resolve().then(function () { return require('./components/TrustshopProductReviews.js'); }), {
     ssr: false,
     loading: Loading.default
@@ -418,7 +438,32 @@ const TrustBadgesBear = dynamic(()=>Promise.resolve().then(function () { return
     ssr: false,
     loading: Loading.default
 });
+const TrustedsiteTrustBadges = dynamic(()=>Promise.resolve().then(function () { return require('./components/TrustedsiteTrustBadges.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const GloColorSwatchvariantImage = dynamic(()=>Promise.resolve().then(function () { return require('./components/GloColorSwatchvariantImage.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const BfSizeChartSizeGuide = dynamic(()=>Promise.resolve().then(function () { return require('./components/BfSizeChartSizeGuide.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const AlsoBoughtCbb = dynamic(()=>Promise.resolve().then(function () { return require('./components/AlsoBoughtCbb.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
+const HextomFreeShippingBar = dynamic(()=>Promise.resolve().then(function () { return require('./components/HextomFreeShippingBar.js'); }), {
+    ssr: false,
+    loading: Loading.default
+});
 var thirdParty = {
+    EstimatedDeliveryDatePlus,
+    OkendoReviewsLoyalty,
+    EssentialAnnouncementBar,
+    EssentialCountdownTimerBar,
+    StellarDeliveryDatePickup,
     TrustshopProductReviews,
     HulkProductOptions,
     TrustreviewsProductReviews,
@@ -521,7 +566,12 @@ var thirdParty = {
     BirdChime,
     FordeerProductLabels,
     HextomCountdownTimerBar,
-    TrustBadgesBear
+    TrustBadgesBear,
+    TrustedsiteTrustBadges,
+    GloColorSwatchvariantImage,
+    BfSizeChartSizeGuide,
+    AlsoBoughtCbb,
+    HextomFreeShippingBar
 };
 
 exports.default = thirdParty;

package/dist/cjs/third-party/setting/AlsoBoughtCbb.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AlsoBoughtCbb = require('../configs/AlsoBoughtCbb.js');
+
+const config = {
+    tag: AlsoBoughtCbb.default.tag,
+    label: AlsoBoughtCbb.default.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowPage: 'GP_PRODUCT'
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AlsoBoughtCbb.default.id,
+            name: {
+                en: AlsoBoughtCbb.default.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png">
+        <span class="preset-item-title">Also Bought • CBB</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AlsoBoughtCbb.default.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/also-bought?utm_source=gempages',
+                    appName: AlsoBoughtCbb.default.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/also-bought',
+                    appName: AlsoBoughtCbb.default.label
+                },
+                {
+                    id: 'guideId',
+                    type: 'group'
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            info: {
+                en: '<span>To make this element work, copy the class <strong>.gp-integration-also-bought__position</strong> and paste it into the Widget Location Selector input field in the Custom Location Product Page</span>'
+            },
+            setting: {
+                id: 'guideId'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+exports.default = config;

package/dist/cjs/third-party/setting/BfSizeChartSizeGuide.js

@@ -0,0 +1,131 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BfSizeChartSizeGuide = require('../configs/BfSizeChartSizeGuide.js');
+
+const config = {
+    tag: BfSizeChartSizeGuide.default.tag,
+    label: BfSizeChartSizeGuide.default.label,
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowPage: 'GP_PRODUCT'
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: BfSizeChartSizeGuide.default.id,
+            name: {
+                en: BfSizeChartSizeGuide.default.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png">
+        <span class="preset-item-title">BF Size Chart & Size Guide</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: BfSizeChartSizeGuide.default.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Block',
+                            value: 'block'
+                        }
+                    ],
+                    default: 'block'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/best-fit-size-charts-size-guides?utm_source=gempages',
+                    appName: BfSizeChartSizeGuide.default.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: 'https://admin.shopify.com/?redirect=/apps/size-charts-by-relentless',
+                    appName: BfSizeChartSizeGuide.default.label
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+exports.default = config;