@gem-sdk/components 2.1.21 → 2.1.22

package/dist/cjs/product/components/Sku.js

@@ -5,23 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@gem-sdk/core');
 var Text = require('../../text/components/Text.js');
-var product = require('../helpers/product.js');
 
 const ProductSku = ({ setting, builderProps, styles })=>{
     const currentVariant = core.useCurrentVariant();
-    const product$1 = core.useProduct();
-    const isDefaultVariant = product.checkDefaultVariant(product$1);
-    const textContent = setting?.label && setting.label.trim().length ? `${setting.label}: ${currentVariant?.sku || ''}` : `${currentVariant?.sku || ''}`;
-    if (isDefaultVariant) {
-        return /*#__PURE__*/ jsxRuntime.jsx("div", {
-            "data-id": builderProps?.uid,
-            children: /*#__PURE__*/ jsxRuntime.jsx("p", {
-                className: "gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",
-                children: "This product does not have a SKU"
-            })
-        });
-    }
-    if (!isDefaultVariant && !currentVariant?.sku) {
+    const textContent = setting?.label?.trim()?.length ? `${setting.label}: ${currentVariant?.sku ?? ''}` : `${currentVariant?.sku ?? ''}`;
+    if (!currentVariant?.sku) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {
             "data-id": builderProps?.uid,
             children: /*#__PURE__*/ jsxRuntime.jsx("p", {

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

@@ -8,21 +8,33 @@ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
 var React = require('react');
 
 const WidgetOptions = [
-    // {
-    //   value: 'bogo',
-    //   label: 'Upsell, Cross-sell',
-    // },
     {
-        value: 'bundle',
-        label: 'Product bundle'
+        value: 'bogo_offer',
+        label: 'qikify Buy X get Y'
     },
     {
-        value: 'volume',
-        label: 'Volume Discount'
+        value: 'free_gift',
+        label: 'qikify Free Gift'
     },
     {
-        value: 'upsurge',
-        label: 'Upsurge'
+        value: 'bundle_offer',
+        label: 'qikify Product Bundle'
+    },
+    {
+        value: 'promotion_badge',
+        label: 'qikify Promotion Badge'
+    },
+    {
+        value: 'order-goal',
+        label: 'qikify Reward Bar'
+    },
+    {
+        value: 'upsurge_offer',
+        label: 'qikify Upsurge Discount'
+    },
+    {
+        value: 'volume_offer',
+        label: 'qikify Volume Discount'
     }
 ];
 const AppConfig = {

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

@@ -2,54 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('@gem-sdk/core');
+var thirdParty = require('../helpers/thirdParty.js');
 
 const QikifyUpsell = ({ setting, advanced })=>{
-    const { align, widgetType } = setting ?? {};
-    const prefix = ()=>{
-        switch(widgetType){
-            // case 'bogo':
-            //   return 'qbk-bogo-offer';
-            case 'bundle':
-                return 'qbk-bundle-offer';
-            case 'volume':
-                return 'qbk-volume-offer';
-            case 'upsurge':
-                return 'qbk-upsurge-offer';
-            // case 'free-gift':
-            //   return 'qbk-free-gift-offer';
-            default:
-                return '';
-        }
-    };
-    return core.template`
-    <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...core.makeStyleResponsive('ta', align)
-    }}"
-    >
-    {% assign productData = product %}
-    {% if productData %}
-    {% liquid
-      assign triggerId = productData.selected_or_first_available_variant.id
-      assign handle = productData.handle
-      assign productId = productData.id
-      assign blockId = block.id
-    %}
-    <div id="${prefix()}-{{ productId }}"></div>
-    <qbk-inject-offer
-      mount-id="${prefix()}-{{ productId }}"
-      handle="{{ handle }}"
-      section-id="{{ section.id }}"
-      trigger-id="{{ triggerId }}"
-      product-id="{{ productId }}"
-      type="${widgetType}"
-    >
-    </qbk-inject-offer>
-    {% endif %}
-    </div>
-  `;
+    const { align, appBlockId } = setting ?? {};
+    return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
 };
 
 exports.default = QikifyUpsell;

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

@@ -44,6 +44,11 @@ const config = {
         {
             id: 'setting',
             controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -64,9 +69,14 @@ const config = {
                     id: 'widgetType',
                     label: 'Choose widget',
                     type: 'select',
-                    default: 'bogo',
+                    default: 'bogo_offer',
                     options: QikifyUpsell.WidgetOptions
                 },
+                {
+                    id: 'productHandle',
+                    type: 'product-handle',
+                    hide: true
+                },
                 {
                     id: 'align',
                     label: 'Alignment',

package/dist/esm/product/components/Sku.js

@@ -1,23 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import { useCurrentVariant, useProduct } from '@gem-sdk/core';
+import { useCurrentVariant } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';
-import { checkDefaultVariant } from '../helpers/product.js';
 
 const ProductSku = ({ setting, builderProps, styles })=>{
     const currentVariant = useCurrentVariant();
-    const product = useProduct();
-    const isDefaultVariant = checkDefaultVariant(product);
-    const textContent = setting?.label && setting.label.trim().length ? `${setting.label}: ${currentVariant?.sku || ''}` : `${currentVariant?.sku || ''}`;
-    if (isDefaultVariant) {
-        return /*#__PURE__*/ jsx("div", {
-            "data-id": builderProps?.uid,
-            children: /*#__PURE__*/ jsx("p", {
-                className: "gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",
-                children: "This product does not have a SKU"
-            })
-        });
-    }
-    if (!isDefaultVariant && !currentVariant?.sku) {
+    const textContent = setting?.label?.trim()?.length ? `${setting.label}: ${currentVariant?.sku ?? ''}` : `${currentVariant?.sku ?? ''}`;
+    if (!currentVariant?.sku) {
         return /*#__PURE__*/ jsx("div", {
             "data-id": builderProps?.uid,
             children: /*#__PURE__*/ jsx("p", {

package/dist/esm/third-party/components/QikifyUpsell.js

@@ -4,21 +4,33 @@ import ThirdPartyPreview from './ThirdPartyPreview.js';
 import { useMemo } from 'react';
 
 const WidgetOptions = [
-    // {
-    //   value: 'bogo',
-    //   label: 'Upsell, Cross-sell',
-    // },
     {
-        value: 'bundle',
-        label: 'Product bundle'
+        value: 'bogo_offer',
+        label: 'qikify Buy X get Y'
     },
     {
-        value: 'volume',
-        label: 'Volume Discount'
+        value: 'free_gift',
+        label: 'qikify Free Gift'
     },
     {
-        value: 'upsurge',
-        label: 'Upsurge'
+        value: 'bundle_offer',
+        label: 'qikify Product Bundle'
+    },
+    {
+        value: 'promotion_badge',
+        label: 'qikify Promotion Badge'
+    },
+    {
+        value: 'order-goal',
+        label: 'qikify Reward Bar'
+    },
+    {
+        value: 'upsurge_offer',
+        label: 'qikify Upsurge Discount'
+    },
+    {
+        value: 'volume_offer',
+        label: 'qikify Volume Discount'
     }
 ];
 const AppConfig = {

package/dist/esm/third-party/components/QikifyUpsell.liquid.js

@@ -1,51 +1,8 @@
-import { template, makeStyleResponsive } from '@gem-sdk/core';
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 
 const QikifyUpsell = ({ setting, advanced })=>{
-    const { align, widgetType } = setting ?? {};
-    const prefix = ()=>{
-        switch(widgetType){
-            // case 'bogo':
-            //   return 'qbk-bogo-offer';
-            case 'bundle':
-                return 'qbk-bundle-offer';
-            case 'volume':
-                return 'qbk-volume-offer';
-            case 'upsurge':
-                return 'qbk-upsurge-offer';
-            // case 'free-gift':
-            //   return 'qbk-free-gift-offer';
-            default:
-                return '';
-        }
-    };
-    return template`
-    <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...makeStyleResponsive('ta', align)
-    }}"
-    >
-    {% assign productData = product %}
-    {% if productData %}
-    {% liquid
-      assign triggerId = productData.selected_or_first_available_variant.id
-      assign handle = productData.handle
-      assign productId = productData.id
-      assign blockId = block.id
-    %}
-    <div id="${prefix()}-{{ productId }}"></div>
-    <qbk-inject-offer
-      mount-id="${prefix()}-{{ productId }}"
-      handle="{{ handle }}"
-      section-id="{{ section.id }}"
-      trigger-id="{{ triggerId }}"
-      product-id="{{ productId }}"
-      type="${widgetType}"
-    >
-    </qbk-inject-offer>
-    {% endif %}
-    </div>
-  `;
+    const { align, appBlockId } = setting ?? {};
+    return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
 };
 
 export { QikifyUpsell as default };

package/dist/esm/third-party/setting/QikifyUpsell.js

@@ -40,6 +40,11 @@ const config = {
         {
             id: 'setting',
             controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -60,9 +65,14 @@ const config = {
                     id: 'widgetType',
                     label: 'Choose widget',
                     type: 'select',
-                    default: 'bogo',
+                    default: 'bogo_offer',
                     options: WidgetOptions
                 },
+                {
+                    id: 'productHandle',
+                    type: 'product-handle',
+                    hide: true
+                },
                 {
                     id: 'align',
                     label: 'Alignment',

package/dist/types/index.d.ts

@@ -2850,6 +2850,8 @@ type QikifyUpsellProps = BaseProps<{
     align?: ObjectDevices<AlignProp>;
     openApp?: any;
     install?: any;
+    appBlockId?: string;
+    productHandle?: string;
 }>;
 declare const QikifyUpsell$1: React.FC<QikifyUpsellProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.21",
+  "version": "2.1.22",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",