@gem-sdk/components 2.1.13-staging.27 → 2.1.13-staging.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/product/components/ProductVariants/variants/combine/index.js +1 -1
  2. package/dist/cjs/third-party/components/NotifyBackInStockPreOrder.js +1 -1
  3. package/dist/cjs/third-party/components/ShopifySubscriptions.liquid.js +3 -2
  4. package/dist/cjs/third-party/setting/NotifyBackInStockPreOrder.js +2 -2
  5. package/dist/cjs/third-party/setting/ShopifySubscriptions.js +22 -0
  6. package/dist/esm/product/components/ProductVariants/variants/combine/index.js +1 -1
  7. package/dist/esm/third-party/components/NotifyBackInStockPreOrder.js +1 -1
  8. package/dist/esm/third-party/components/ShopifySubscriptions.liquid.js +3 -2
  9. package/dist/esm/third-party/setting/NotifyBackInStockPreOrder.js +2 -2
  10. package/dist/esm/third-party/setting/ShopifySubscriptions.js +22 -0
  11. package/dist/types/index.d.ts +3 -0
  12. package/package.json +2 -2
package/dist/cjs/product/components/ProductVariants/variants/combine/index.js CHANGED
@@ -40,7 +40,7 @@ const renderCombineVariants = (isSoldOutMark, hasPreSelected, enablePrice)=>{
40
40
  `}`;
41
41
  };
42
42
  const renderBlankOption = (hasPreSelected, blankText)=>{
43
- return !hasPreSelected ? `<option value="blank" selected>${blankText ?? helpers.getStaticLocale('ProductVariants', 'please_select')}</option>` : '';
43
+ return !hasPreSelected ? `<option value="blank" selected>${blankText || helpers.getStaticLocale('ProductVariants', 'please_select')}</option>` : '';
44
44
  };
45
45
 
46
46
  exports.renderBlankOption = renderBlankOption;
package/dist/cjs/third-party/components/NotifyBackInStockPreOrder.js CHANGED
@@ -9,7 +9,7 @@ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
9
9
  const AppConfig = {
10
10
  id: 'notify-back-in-stockpreorder',
11
11
  label: 'Notify! Back in Stock|PreOrder',
12
- logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png',
12
+ logoUrl: 'https://cdn.shopify.com/s/files/1/0643/0497/1949/files/Notify_Me_Logo.png?v=1736234550',
13
13
  tag: 'NotifyBackInStockPreOrder'
14
14
  };
15
15
  const NotifyBackInStockPreOrderContent = ()=>{
package/dist/cjs/third-party/components/ShopifySubscriptions.liquid.js CHANGED
@@ -3,10 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var core = require('@gem-sdk/core');
6
+ var thirdParty = require('../helpers/thirdParty.js');
6
7
 
7
8
  const ShopifySubscriptions = ({ setting, advanced })=>{
8
- const { align } = setting ?? {};
9
- return core.template`
9
+ const { align, widgetType, appBlockId } = setting ?? {};
10
+ return widgetType === 'app-block' ? thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`) : core.template`
10
11
  <div
11
12
  class="${advanced?.cssClass}"
12
13
  style="${{
package/dist/cjs/third-party/setting/NotifyBackInStockPreOrder.js CHANGED
@@ -7,7 +7,7 @@ var NotifyBackInStockPreOrder = require('../components/NotifyBackInStockPreOrder
7
7
  const config = {
8
8
  tag: NotifyBackInStockPreOrder.AppConfig.tag,
9
9
  label: NotifyBackInStockPreOrder.AppConfig.label,
10
- icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">',
10
+ icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${NotifyBackInStockPreOrder.AppConfig.logoUrl}">`,
11
11
  editorConfigs: {
12
12
  placeholder: {
13
13
  flowTag: [
@@ -27,7 +27,7 @@ const config = {
27
27
  hideTextContent: true,
28
28
  icon: {
29
29
  desktop: `<div class="w-full flex flex-col items-center">
30
- <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">
30
+ <img class="w-24 border border-dark-200 rounded-medium" src="${NotifyBackInStockPreOrder.AppConfig.logoUrl}">
31
31
  <span class="preset-item-title">Notify! Back in Stock|PreOrder</span>
32
32
  </div>`
33
33
  },
package/dist/cjs/third-party/setting/ShopifySubscriptions.js CHANGED
@@ -42,6 +42,11 @@ const config = {
42
42
  {
43
43
  id: 'setting',
44
44
  controls: [
45
+ {
46
+ id: 'appBlockId',
47
+ type: 'input',
48
+ default: ''
49
+ },
45
50
  {
46
51
  id: 'install',
47
52
  type: 'open-link',
@@ -58,6 +63,23 @@ const config = {
58
63
  href: 'https://admin.shopify.com/?redirect=/apps/subscriptions-remix',
59
64
  appName: ShopifySubscriptions.AppConfig.label
60
65
  },
66
+ {
67
+ id: 'widgetType',
68
+ label: 'Choose widget',
69
+ type: 'select',
70
+ default: 'app-block',
71
+ options: [
72
+ {
73
+ label: 'app block',
74
+ value: 'app-block'
75
+ }
76
+ ]
77
+ },
78
+ {
79
+ id: 'productHandle',
80
+ type: 'product-handle',
81
+ hide: true
82
+ },
61
83
  {
62
84
  id: 'align',
63
85
  label: 'Alignment',
package/dist/esm/product/components/ProductVariants/variants/combine/index.js CHANGED
@@ -38,7 +38,7 @@ const renderCombineVariants = (isSoldOutMark, hasPreSelected, enablePrice)=>{
38
38
  `}`;
39
39
  };
40
40
  const renderBlankOption = (hasPreSelected, blankText)=>{
41
- return !hasPreSelected ? `<option value="blank" selected>${blankText ?? getStaticLocale('ProductVariants', 'please_select')}</option>` : '';
41
+ return !hasPreSelected ? `<option value="blank" selected>${blankText || getStaticLocale('ProductVariants', 'please_select')}</option>` : '';
42
42
  };
43
43
 
44
44
  export { renderBlankOption, renderCombineVariants };
package/dist/esm/third-party/components/NotifyBackInStockPreOrder.js CHANGED
@@ -5,7 +5,7 @@ import ThirdPartyPreview from './ThirdPartyPreview.js';
5
5
  const AppConfig = {
6
6
  id: 'notify-back-in-stockpreorder',
7
7
  label: 'Notify! Back in Stock|PreOrder',
8
- logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png',
8
+ logoUrl: 'https://cdn.shopify.com/s/files/1/0643/0497/1949/files/Notify_Me_Logo.png?v=1736234550',
9
9
  tag: 'NotifyBackInStockPreOrder'
10
10
  };
11
11
  const NotifyBackInStockPreOrderContent = ()=>{
package/dist/esm/third-party/components/ShopifySubscriptions.liquid.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import { template, makeStyleResponsive } from '@gem-sdk/core';
2
+ import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
2
3
 
3
4
  const ShopifySubscriptions = ({ setting, advanced })=>{
4
- const { align } = setting ?? {};
5
- return template`
5
+ const { align, widgetType, appBlockId } = setting ?? {};
6
+ return widgetType === 'app-block' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`) : template`
6
7
  <div
7
8
  class="${advanced?.cssClass}"
8
9
  style="${{
package/dist/esm/third-party/setting/NotifyBackInStockPreOrder.js CHANGED
@@ -3,7 +3,7 @@ import { AppConfig } from '../components/NotifyBackInStockPreOrder.js';
3
3
  const config = {
4
4
  tag: AppConfig.tag,
5
5
  label: AppConfig.label,
6
- icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">',
6
+ icon: `<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`,
7
7
  editorConfigs: {
8
8
  placeholder: {
9
9
  flowTag: [
@@ -23,7 +23,7 @@ const config = {
23
23
  hideTextContent: true,
24
24
  icon: {
25
25
  desktop: `<div class="w-full flex flex-col items-center">
26
- <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/9216cd5dd17ab1a38de2641bae109159/icon/CNWHjbfSt4MDEAE=.png">
26
+ <img class="w-24 border border-dark-200 rounded-medium" src="${AppConfig.logoUrl}">
27
27
  <span class="preset-item-title">Notify! Back in Stock|PreOrder</span>
28
28
  </div>`
29
29
  },
package/dist/esm/third-party/setting/ShopifySubscriptions.js CHANGED
@@ -38,6 +38,11 @@ const config = {
38
38
  {
39
39
  id: 'setting',
40
40
  controls: [
41
+ {
42
+ id: 'appBlockId',
43
+ type: 'input',
44
+ default: ''
45
+ },
41
46
  {
42
47
  id: 'install',
43
48
  type: 'open-link',
@@ -54,6 +59,23 @@ const config = {
54
59
  href: 'https://admin.shopify.com/?redirect=/apps/subscriptions-remix',
55
60
  appName: AppConfig.label
56
61
  },
62
+ {
63
+ id: 'widgetType',
64
+ label: 'Choose widget',
65
+ type: 'select',
66
+ default: 'app-block',
67
+ options: [
68
+ {
69
+ label: 'app block',
70
+ value: 'app-block'
71
+ }
72
+ ]
73
+ },
74
+ {
75
+ id: 'productHandle',
76
+ type: 'product-handle',
77
+ hide: true
78
+ },
57
79
  {
58
80
  id: 'align',
59
81
  label: 'Alignment',
package/dist/types/index.d.ts CHANGED
@@ -2933,6 +2933,9 @@ type ShopifySubscriptionsProps = BaseProps<{
2933
2933
  align?: ObjectDevices<AlignProp>;
2934
2934
  openApp?: any;
2935
2935
  install?: any;
2936
+ appBlockId?: string;
2937
+ widgetType?: string;
2938
+ productHandle?: string;
2936
2939
  }>;
2937
2940
  declare const ShopifySubscriptions$1: React.FC<ShopifySubscriptionsProps>;
2938
2941
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.1.13-staging.27",
3
+ "version": "2.1.13-staging.29",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.1.13-staging.25",
24
+ "@gem-sdk/core": "2.1.13-staging.28",
25
25
  "@gem-sdk/styles": "2.1.0",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },