@gem-sdk/components 19.1.0-staging.8 → 20.0.0

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 (129) hide show
  1. package/dist/cjs/accordion/components/Accordion.liquid.js +5 -4
  2. package/dist/cjs/button/components/Button.liquid.js +14 -14
  3. package/dist/cjs/carousel/components/root/Carousel.liquid.js +4 -5
  4. package/dist/cjs/carousel/components/root/common/helpers.js +1 -1
  5. package/dist/cjs/carousel-v3/components/root/Carousel.liquid.js +5 -6
  6. package/dist/cjs/carousel-v3/components/root/CarouselEmbla.liquid.js +5 -6
  7. package/dist/cjs/carousel-v3/components/root/common/helpers.js +1 -1
  8. package/dist/cjs/cart/components/shop-pay-button/ShopPayButton.liquid.js +2 -2
  9. package/dist/cjs/collection/components/collection-description/CollectionDescription.liquid.js +8 -7
  10. package/dist/cjs/collection/components/collection-paginator/CollectionPaginator.liquid.js +3 -4
  11. package/dist/cjs/collection/components/collection-toolbar/CollectionToolbar.liquid.js +1 -1
  12. package/dist/cjs/countdown-timer/components/Countdown.liquid.js +15 -16
  13. package/dist/cjs/form/components/form-dropdown/FormDropdown.liquid.js +10 -10
  14. package/dist/cjs/grid/components/row/Row.liquid.js +3 -8
  15. package/dist/cjs/grid/components/row/common/helpers.js +1 -1
  16. package/dist/cjs/hero-banner/common/helpers.js +1 -1
  17. package/dist/cjs/hero-banner/components/HeroBanner.liquid.js +3 -3
  18. package/dist/cjs/icon-list-v2/components/IconList.liquid.js +7 -7
  19. package/dist/cjs/image/common/const.js +1 -1
  20. package/dist/cjs/image/common/helpers.js +2 -2
  21. package/dist/cjs/image-comparison/components/CompareImage.liquid.js +6 -6
  22. package/dist/cjs/marquee/components/Marquee.liquid.js +21 -21
  23. package/dist/cjs/product/components/ProductImages.liquid.js +9 -9
  24. package/dist/cjs/product/components/dynamic-checkout/Button.liquid.js +9 -9
  25. package/dist/cjs/product/components/file-upload/UploadFile.liquid.js +3 -2
  26. package/dist/cjs/product/components/product-badge/ProductBadge.liquid.js +5 -5
  27. package/dist/cjs/product/components/product-bundle/ProductBundleDiscount.liquid.js +3 -4
  28. package/dist/cjs/product/components/product-button/ProductButton.liquid.js +7 -8
  29. package/dist/cjs/product/components/product-description/ProductDescription.liquid.js +2 -2
  30. package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.js +1 -1
  31. package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js +5 -5
  32. package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js +9 -9
  33. package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js +6 -6
  34. package/dist/cjs/product/components/product-images-v3/ProductImagesV3Embla.liquid.js +9 -9
  35. package/dist/cjs/product/components/product-list/ProductListCarouselItem.liquid.js +6 -5
  36. package/dist/cjs/product/components/product-list/ProductListGridItem.liquid.js +8 -7
  37. package/dist/cjs/product/components/product-list/ProductListGridLayout.liquid.js +4 -6
  38. package/dist/cjs/product/components/product-list-v3/ProductListCarouselItem.liquid.js +6 -6
  39. package/dist/cjs/product/components/product-list-v3/ProductListGridItem.liquid.js +8 -7
  40. package/dist/cjs/product/components/product-list-v3/ProductListGridLayout.liquid.js +4 -6
  41. package/dist/cjs/product/components/product-price/ProductPrice.liquid.js +4 -4
  42. package/dist/cjs/product/components/product-sku/Sku.liquid.js +3 -4
  43. package/dist/cjs/product/components/product-title/ProductTitle.liquid.js +8 -7
  44. package/dist/cjs/product/components/product-variants/ProductVariants.liquid.js +29 -29
  45. package/dist/cjs/product/components/product-wrap/Product.liquid.js +9 -9
  46. package/dist/cjs/sticky/components/Sticky.liquid.js +5 -4
  47. package/dist/cjs/tab/components/Tabs.liquid.js +6 -7
  48. package/dist/cjs/text/components/Text.liquid.js +3 -3
  49. package/dist/cjs/third-party/settings/AppstleBundlesDiscounts/index.js +2 -2
  50. package/dist/cjs/third-party/settings/BoldSubscriptions/index.js +1 -1
  51. package/dist/cjs/third-party/settings/BoldSubscriptions/uiV2.js +1 -1
  52. package/dist/cjs/third-party/settings/GloColorSwatchvariantImage/index.js +1 -1
  53. package/dist/cjs/third-party/settings/HextomCountdownTimerBar/index.js +2 -2
  54. package/dist/cjs/third-party/settings/LoopSubscriptions/index.js +1 -1
  55. package/dist/cjs/third-party/settings/LoopSubscriptions/uiV2.js +1 -1
  56. package/dist/cjs/third-party/settings/RechargeSubscriptions/index.js +1 -1
  57. package/dist/cjs/third-party/settings/SeoantTrustBadgesIcon/uiV2.js +1 -1
  58. package/dist/cjs/third-party/settings/ShopifyForms/uiV2.js +1 -1
  59. package/dist/cjs/third-party/settings/SkioSubscriptionsYcS20/index.js +2 -2
  60. package/dist/cjs/third-party/settings/SproutPlantTreesGrowSales/index.js +1 -1
  61. package/dist/cjs/third-party/settings/TrustshopProductReviews/index.js +2 -2
  62. package/dist/cjs/third-party/settings/WcWishlistBackInStock/index.js +2 -2
  63. package/dist/cjs/video/components/LiteVimeoEmbed.liquid.js +7 -8
  64. package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +4 -5
  65. package/dist/esm/accordion/components/Accordion.liquid.js +9 -8
  66. package/dist/esm/button/components/Button.liquid.js +23 -23
  67. package/dist/esm/carousel/components/root/Carousel.liquid.js +3 -4
  68. package/dist/esm/carousel/components/root/common/helpers.js +1 -1
  69. package/dist/esm/carousel-v3/components/root/Carousel.liquid.js +3 -4
  70. package/dist/esm/carousel-v3/components/root/CarouselEmbla.liquid.js +3 -4
  71. package/dist/esm/carousel-v3/components/root/common/helpers.js +1 -1
  72. package/dist/esm/cart/components/shop-pay-button/ShopPayButton.liquid.js +2 -2
  73. package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js +7 -6
  74. package/dist/esm/collection/components/collection-paginator/CollectionPaginator.liquid.js +3 -4
  75. package/dist/esm/collection/components/collection-toolbar/CollectionToolbar.liquid.js +3 -3
  76. package/dist/esm/countdown-timer/components/Countdown.liquid.js +20 -21
  77. package/dist/esm/form/components/form-dropdown/FormDropdown.liquid.js +9 -9
  78. package/dist/esm/grid/components/row/Row.liquid.js +3 -8
  79. package/dist/esm/grid/components/row/common/helpers.js +1 -1
  80. package/dist/esm/hero-banner/common/helpers.js +1 -1
  81. package/dist/esm/hero-banner/components/HeroBanner.liquid.js +5 -5
  82. package/dist/esm/icon-list-v2/components/IconList.liquid.js +7 -7
  83. package/dist/esm/image/common/const.js +1 -1
  84. package/dist/esm/image/common/helpers.js +2 -2
  85. package/dist/esm/image-comparison/components/CompareImage.liquid.js +7 -7
  86. package/dist/esm/marquee/components/Marquee.liquid.js +21 -21
  87. package/dist/esm/product/components/ProductImages.liquid.js +12 -12
  88. package/dist/esm/product/components/dynamic-checkout/Button.liquid.js +14 -14
  89. package/dist/esm/product/components/file-upload/UploadFile.liquid.js +4 -3
  90. package/dist/esm/product/components/product-badge/ProductBadge.liquid.js +6 -6
  91. package/dist/esm/product/components/product-bundle/ProductBundleDiscount.liquid.js +7 -8
  92. package/dist/esm/product/components/product-button/ProductButton.liquid.js +6 -7
  93. package/dist/esm/product/components/product-description/ProductDescription.liquid.js +4 -4
  94. package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.js +1 -1
  95. package/dist/esm/product/components/product-discount-tag/ProductDiscountTag.liquid.js +8 -8
  96. package/dist/esm/product/components/product-images-v2/ProductImagesV2.liquid.js +12 -12
  97. package/dist/esm/product/components/product-images-v3/ProductImagesV3.liquid.js +12 -12
  98. package/dist/esm/product/components/product-images-v3/ProductImagesV3Embla.liquid.js +14 -14
  99. package/dist/esm/product/components/product-list/ProductListCarouselItem.liquid.js +6 -5
  100. package/dist/esm/product/components/product-list/ProductListGridItem.liquid.js +8 -7
  101. package/dist/esm/product/components/product-list/ProductListGridLayout.liquid.js +7 -9
  102. package/dist/esm/product/components/product-list-v3/ProductListCarouselItem.liquid.js +6 -6
  103. package/dist/esm/product/components/product-list-v3/ProductListGridItem.liquid.js +8 -7
  104. package/dist/esm/product/components/product-list-v3/ProductListGridLayout.liquid.js +7 -9
  105. package/dist/esm/product/components/product-price/ProductPrice.liquid.js +3 -3
  106. package/dist/esm/product/components/product-sku/Sku.liquid.js +5 -6
  107. package/dist/esm/product/components/product-title/ProductTitle.liquid.js +6 -5
  108. package/dist/esm/product/components/product-variants/ProductVariants.liquid.js +44 -44
  109. package/dist/esm/product/components/product-wrap/Product.liquid.js +6 -6
  110. package/dist/esm/sticky/components/Sticky.liquid.js +12 -11
  111. package/dist/esm/tab/components/Tabs.liquid.js +11 -12
  112. package/dist/esm/text/components/Text.liquid.js +3 -3
  113. package/dist/esm/third-party/settings/AppstleBundlesDiscounts/index.js +2 -2
  114. package/dist/esm/third-party/settings/BoldSubscriptions/index.js +1 -1
  115. package/dist/esm/third-party/settings/BoldSubscriptions/uiV2.js +1 -1
  116. package/dist/esm/third-party/settings/GloColorSwatchvariantImage/index.js +1 -1
  117. package/dist/esm/third-party/settings/HextomCountdownTimerBar/index.js +2 -2
  118. package/dist/esm/third-party/settings/LoopSubscriptions/index.js +1 -1
  119. package/dist/esm/third-party/settings/LoopSubscriptions/uiV2.js +1 -1
  120. package/dist/esm/third-party/settings/RechargeSubscriptions/index.js +1 -1
  121. package/dist/esm/third-party/settings/SeoantTrustBadgesIcon/uiV2.js +1 -1
  122. package/dist/esm/third-party/settings/ShopifyForms/uiV2.js +1 -1
  123. package/dist/esm/third-party/settings/SkioSubscriptionsYcS20/index.js +2 -2
  124. package/dist/esm/third-party/settings/SproutPlantTreesGrowSales/index.js +1 -1
  125. package/dist/esm/third-party/settings/TrustshopProductReviews/index.js +2 -2
  126. package/dist/esm/third-party/settings/WcWishlistBackInStock/index.js +2 -2
  127. package/dist/esm/video/components/LiteVimeoEmbed.liquid.js +3 -4
  128. package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +4 -5
  129. package/package.json +3 -3
@@ -1,46 +1,46 @@
1
- import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiveValueByScreen as s}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import a from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as $,If as g}from"@gem-sdk/system";import{getAttrs as _}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as b,getDropdownGroupData as S}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as O}from"../../helpers/function.js";import{getMarginBottomStyle as x}from"./common/variants/styles.js";import{PRODUCT_VARIANT_OPTION_MINW_STYLE as V}from"./common/const.js";import{renderOptionValuesNewFormatSwatches as N}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as q}from"./OptionVariantsOldFormat.liquid.js";let A={desktop:!0,tablet:!0,mobile:!0},D=D=>{let{builderProps:E,styles:T,setting:k,advanced:F}=D,{align:G,swatchItemWidth:z,dropdownItemWidth:C,swatchSpacing:J,optionTypo:I,marginBottom:M}=T??{},{label:W,optionType:L,showAsSwatches:R,layout:H,hasPreSelected:K}=k??{},Q=F?.d??A,{uid:U}=E??{},B=()=>{let t={};return e.forEach(i=>{let o=s(z,i);t[i]="auto"===o}),t},X=()=>{let t={};return e.forEach(i=>{t[i]=C?.[i]==="fill"}),t},Y=k?.variantPresets?d(k?.variantPresets,T):[],Z=Y?.map(t=>(t.presets={[t.optionType]:t.presets[t.optionType]},t)),tt={...k,variantPresets:Z},ti=t=>{let i={"'":"'",'"':"""},o=t;for(let e in i)t.indexOf(e)>=0&&(o=o.replaceAll(e,i[e]));return o},to=({showDropdown:i,isRenderDefault:o,typeOfOption:e})=>t`
2
- ${f("value in values",a({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:R,uid:U,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:K?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:e,activeClass:K?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...T,...tt,swatchAutoWidth:B(),optionTypo:I,isRenderDefault:o}))}
3
- ${$(i?'type == "dropdown"':"false",r({...T,...tt,swatchAutoWidth:X(),optionTypo:I}))}`,te=k?.variantPresets?.map(t=>({name:ti(t.optionName),type:t.optionType})).map(t=>`${t.name}($1)${t.type}`).join("($2)").toString(),ts={renderVariantItem:to,variantPresetsLiquid:te??""},tn=m(j(G)),ta=c(h(J,J)),tr=b(D,"Liquid"),tp=m(P(H,G)),tl=m(w(G)),td=S(D),tm=u(_({uid:U,hasPreSelected:K,cssClass:F?.cssClass})),tc=c(y(D)),tu=m({"gp-flex gp-flex-col !gp-ml-0":!0});return t`
1
+ import{template as e,baseAssetURL as t,isLocalEnv as o,DEVICES as i,getResponsiveValueByScreen as s}from"@gem-sdk/core";import a from"../../../text/components/Text.liquid.js";import n from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as $,If as g}from"@gem-sdk/system";import{getAttrs as _}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as b,getDropdownGroupData as S}from"./common/main/getData.js";import{getWrapVariantOptionClass as P}from"./common/variants/classes.js";import{getStyleOfObject as O}from"../../helpers/function.js";import{getMarginBottomStyle as x}from"./common/variants/styles.js";import{PRODUCT_VARIANT_OPTION_MINW_STYLE as V}from"./common/const.js";import{renderOptionValuesNewFormatSwatches as N}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as A}from"./OptionVariantsOldFormat.liquid.js";let q={desktop:!0,tablet:!0,mobile:!0},D=D=>{let{builderProps:E,styles:T,setting:k,advanced:F}=D,{align:G,swatchItemWidth:z,dropdownItemWidth:C,swatchSpacing:J,optionTypo:I,marginBottom:M}=T??{},{label:W,optionType:L,showAsSwatches:R,layout:H,hasPreSelected:K}=k??{},Q=F?.d??q,{uid:U}=E??{},B=()=>{let e={};return i.forEach(t=>{let o=s(z,t);e[t]="auto"===o}),e},X=()=>{let e={};return i.forEach(t=>{e[t]=C?.[t]==="fill"}),e},Y=k?.variantPresets?d(k?.variantPresets,T):[],Z=Y?.map(e=>(e.presets={[e.optionType]:e.presets[e.optionType]},e)),ee={...k,variantPresets:Z},et=e=>{let t={"'":"'",'"':"""},o=e;for(let i in t)e.indexOf(i)>=0&&(o=o.replaceAll(i,t[i]));return o},eo=({showDropdown:t,isRenderDefault:o,typeOfOption:i})=>e`
2
+ ${f("value in values",n({id:"{{option.name | escape | handleize}}-{{value | escape | handleize}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:R,uid:U,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:K?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:K?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...T,...ee,swatchAutoWidth:B(),optionTypo:I,isRenderDefault:o}))}
3
+ ${$(t?'type == "dropdown"':"false",r({...T,...ee,swatchAutoWidth:X(),optionTypo:I}))}`,ei=k?.variantPresets?.map(e=>({name:et(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),es={renderVariantItem:eo,variantPresetsLiquid:ei??""},ea=m(j(G)),en=c(h(J,J)),er=b(D,"Liquid"),ep=m(P(H,G)),el=m(w(G)),ed=S(D),em=u(_({uid:U,hasPreSelected:K,cssClass:F?.cssClass})),ec=c(y(D)),eu=m({"gp-flex gp-flex-col !gp-ml-0":!0});return e`
4
4
  ${v("{%- assign total_combinations = 1 -%}")}
5
5
  ${f("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
6
- <gp-product-variants ${tm}>
7
- <script gp-data type="application/json">
8
- {
9
- "setting":${JSON.stringify(tt)},
10
- "styles":${JSON.stringify(T)},
11
- "variants":{{product.variants | json}},
12
- "optionsWithValues": {{product.options_with_values | json}},
13
- "variantSelected": {{ variant | json }},
14
- "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json }},
15
- "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json }},
16
- "moneyFormat": {{shop.money_format | json }},
17
- "productId": {{product.id | json }},
18
- "productUrl": {{product.url | json }},
19
- "productHandle": {{product.handle | json }},
20
- "displayState": ${JSON.stringify(Q)},
21
- "totalVariantCombinations": {{total_combinations}},
22
- "firstAvailableVariant": {{product.selected_or_first_available_variant | json }}
23
- }
24
- </script>
6
+ <gp-product-variants
7
+ ${em}
8
+ gp-data='{
9
+ "setting":${JSON.stringify(ee)?.replaceAll("'","&#039;")},
10
+ "styles":${JSON.stringify(T)},
11
+ "variants":{{product.variants | json | escape}},
12
+ "optionsWithValues": {{product.options_with_values | json | escape}},
13
+ "variantSelected": {{ variant | json | escape }},
14
+ "variantInventoryQuantity": {{product.variants | map: 'inventory_quantity' | json | escape}},
15
+ "variantInventoryPolicy": {{product.variants | map: 'inventory_policy' | json | escape}},
16
+ "moneyFormat": {{shop.money_format | json | escape}},
17
+ "productId": {{product.id | json | escape}},
18
+ "productUrl": {{product.url | json | escape}},
19
+ "productHandle": {{product.handle | json | escape}},
20
+ "displayState": ${JSON.stringify(Q)},
21
+ "totalVariantCombinations": {{total_combinations}},
22
+ "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
23
+ }
24
+ '>
25
25
  <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
26
26
  ${v("{%- assign options = product.options_with_values -%}")}
27
27
  ${v("{%- assign variants = product.variants -%}")}
28
- ${$("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",t`<div
29
- class="${tu}"
30
- style="${tc}"
28
+ ${$("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",e`<div
29
+ class="${eu}"
30
+ style="${ec}"
31
31
  >
32
32
  ${g("groupOption"===L,`
33
- <div className="${tl}">
34
- ${p(td)}
33
+ <div className="${el}">
34
+ ${p(ed)}
35
35
  </div>
36
- `,t`
37
- ${v(`{%- assign presets = "${k?.variantPresets?.map(t=>`${ti(t.optionName)}($2)${t.optionType}`).join("($1)")}" | split: '($1)' -%}`)}
38
- ${v(`{% assign hiddenPresetOptions = "${k?.variantPresets?.filter(t=>!!t?.hide)?.map(t=>t.optionName).join(",")}" | split: ',' %}`)}
39
-
36
+ `,e`
37
+ ${v(`{%- assign presets = "${k?.variantPresets?.map(e=>`${et(e.optionName)}($2)${e.optionType}`).join("($1)")}" | split: '($1)' -%}`)}
38
+ ${v(`{% assign hiddenPresetOptions = "${k?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(",")}" | split: ',' %}`)}
39
+
40
40
  ${v(`{% assign all_option_names = options | map: 'name' %}
41
41
  {% assign filtered_options_string = '' %}
42
42
  {% assign delimiter = '||' %}
43
-
43
+
44
44
  {% for item_name in all_option_names %}
45
45
  {% assign is_excluded = false %}
46
46
  {% for exclude_name in hiddenPresetOptions %}
@@ -48,7 +48,7 @@ import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiv
48
48
  {% assign is_excluded = true %}
49
49
  {% endif %}
50
50
  {% endfor %}
51
-
51
+
52
52
  {% unless is_excluded %}
53
53
  {% if filtered_options_string == '' %}
54
54
  {% assign filtered_options_string = item_name %}
@@ -57,15 +57,15 @@ import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiv
57
57
  {% endif %}
58
58
  {% endunless %}
59
59
  {% endfor %}
60
-
60
+
61
61
  {% assign filtered_options_array = filtered_options_string | split: delimiter %}`)}
62
-
62
+
63
63
  ${v("{% assign last_option_name = filtered_options_array | last %}")}
64
-
64
+
65
65
  ${f("option in options",`
66
66
  <div
67
67
  option-name="{{option.name | escape}}"
68
- class="${tp} ${$("hiddenPresetOptions contains option.name","gp-hidden")}"
68
+ class="${ep} ${$("hiddenPresetOptions contains option.name","gp-hidden")}"
69
69
  style="${O(x(M))}${V}${v("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
70
70
  >
71
71
  ${v("{%- assign showVariantClass = 'variant-display' -%}")}
@@ -74,11 +74,11 @@ import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiv
74
74
  ${v("{%- assign presetDetail = preset | split: '($2)' -%}")}
75
75
  ${$("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${v("{%- assign showVariantClass = '' -%}")} ${v("{%- break -%}")}`)}
76
76
  `)}
77
- ${g(W,n(tr)," ")}
77
+ ${g(W,a(er)," ")}
78
78
  <div
79
79
  variant-option-name="{{option.name | escape}}"
80
- class="${tn}"
81
- style="${O(ta)}"
80
+ class="${ea}"
81
+ style="${O(en)}"
82
82
  >
83
83
  ${v("{%- assign values = option.values -%}")}
84
84
  ${v("{%- assign rootForloop = forloop.index0 -%}")}
@@ -92,14 +92,14 @@ import{template as t,baseAssetURL as i,isLocalEnv as o,DEVICES as e,getResponsiv
92
92
  {%- endif -%}
93
93
  `)}
94
94
  ${g(!K,v("{%- assign selectedValue = null -%}"),"")}
95
- ${g(R,t`
96
- ${$("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",N(ts),q(ts))}
97
- `,to({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
95
+ ${g(R,e`
96
+ ${$("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",N(es),A(es))}
97
+ `,eo({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
98
98
  </div>
99
99
  </div>`)}
100
100
  `)}
101
101
  </div>`)}
102
102
  </gp-product-variants>
103
103
 
104
- ${(()=>{let t=o?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${i}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${l('class="gps-link" delay',"src")}="${t}" defer="defer"></script>`})()}
104
+ ${(()=>{let e=o?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${t}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${l('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
105
105
  `};export{D as default};
@@ -1,7 +1,7 @@
1
- import{RenderIf as t,isLocalEnv as e,baseAssetURL as i,template as r}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as a,If as d}from"@gem-sdk/system";import{getSettingPreloadData as n,getStaticLocale as s}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as l,STATIC_PRODUCT_STATUS as p,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let f=f=>{let{children:m,setting:g,style:y,builderProps:v,rawChildren:_,advanced:$}=f,{isSyncProduct:S,productSetting:h}=g??{},j=h?.hasPreSelected??!1,{rowSetting:I,rowStyles:b,formatVariantId:P,formatProductId:q,productStatus:V,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=c(f);return r`
1
+ import{RenderIf as t,isLocalEnv as e,baseAssetURL as i,template as r}from"@gem-sdk/core";import a from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as d,If as o}from"@gem-sdk/system";import{getSettingPreloadData as n,getStaticLocale as s}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as l,STATIC_PRODUCT_STATUS as p,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let f=f=>{let{children:m,setting:g,style:y,builderProps:v,rawChildren:_,advanced:$}=f,{isSyncProduct:S,productSetting:h}=g??{},I=h?.hasPreSelected??!1,{rowSetting:b,rowStyles:j,formatVariantId:P,formatProductId:q,productStatus:V,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=c(f);return r`
2
2
  ${r`
3
3
  {%- assign gpBkProduct = product -%}
4
- ${d(V==l,r`
4
+ ${o(V==l,r`
5
5
  {%- liquid
6
6
  if request.page_type != 'product'
7
7
  assign product = all_products['${w}']
@@ -61,7 +61,7 @@ import{RenderIf as t,isLocalEnv as e,baseAssetURL as i,template as r}from"@gem-s
61
61
  -%}
62
62
  `)}
63
63
  `}
64
- ${a("product != empty and product != null",r`
64
+ ${d("product != empty and product != null",r`
65
65
  ${r`
66
66
  {%- assign initVariantId = ${P} -%}
67
67
  {%- assign product_form_id = 'product-form-' | append: "${v?.uid}" -%}
@@ -82,15 +82,15 @@ import{RenderIf as t,isLocalEnv as e,baseAssetURL as i,template as r}from"@gem-s
82
82
  data-id="${v?.uid}"
83
83
  style="${E}"
84
84
  class="${$?.cssClass}"
85
- gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${k}], "isSyncProduct": "${S}", "hasPreSelected": ${j}, "variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
85
+ gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${k}], "isSyncProduct": "${S}", "hasPreSelected": ${I}, "variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity | default: 0 }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
86
+ gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
86
87
  >
87
- <script gp-data type="application/json">{"variantSelected": {{ variant | json }}, "quantity": 1, "productUrl":{{ product.url | json }}, "productHandle":{{ product.handle | json }}, "collectionUrl": {{ collection.url | json }}, "collectionHandle": {{ collection.handle | json }}}</script>
88
88
  <product-form class="product-form">
89
89
  {%- form 'product', product, id: product_form_id, class: 'form contents', data-type: 'add-to-cart-form', autocomplete: 'off' -%}
90
90
  <input type="hidden" name="id" value="{{ variant.id }}" />
91
91
  <input type="hidden" name="quantity" value="{{ quantity }}" />
92
92
  <button type="submit" onclick="return false;" style="display:none;"></button>
93
- ${o({builderProps:{...v,uid:v?.uid,uidInteraction:`${v?.uid}-row`},style:y,styles:b,setting:I,children:m,rawChildren:_})}
93
+ ${a({builderProps:{...v,uid:v?.uid,uidInteraction:`${v?.uid}-row`},style:y,styles:j,setting:b,children:m,rawChildren:_})}
94
94
  {%- endform -%}
95
95
  </product-form>
96
96
  </gp-product>
@@ -1,19 +1,20 @@
1
- import{makeStyleResponsive as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i,template as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as l,createClass as d,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as p,getContentStyles as m}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let n=({children:n,builderAttrs:g,setting:$,style:k,builderProps:y,advanced:f,pageContext:u})=>{let{width:b,position:v,display:S,preloadBgImage:j,background:h,isScrollToTop:E}=$??{},w=f?.d,C=l({...s("w",b),...p({position:v,display:S})}),q=l(m({setting:$,style:k,uid:y?.uid,pageContext:u??{},type:"Liquid"})),x=d(c({uid:y?.uid,isScrollToTop:E,cssClass:f?.cssClass,isLiquid:!0})),A=o({uid:y?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:w}}),G=`.drawer-page-content {
1
+ import{makeStyleResponsive as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i,template as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let g=({children:g,builderAttrs:n,setting:$,style:k,builderProps:f,advanced:y,pageContext:u})=>{let{width:b,position:v,display:S,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=y?.d,C=d({...e("w",b),...m({position:v,display:S})}),q=d(p({setting:$,style:k,uid:f?.uid,pageContext:u??{},type:"Liquid"})),x=l(c({uid:f?.uid,isScrollToTop:E,cssClass:y?.cssClass,isLiquid:!0})),A=o({uid:f?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:w}}),G=`.drawer-page-content {
2
2
  transform: none !important;
3
3
  -webkit-transform: none !important;
4
- }`;return r`
5
- ${e(!!j,`${e(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}${e(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}${e(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
4
+ }`;return a`
5
+ ${s(!!h,`${s(!!j?.desktop?.image?.src,`<link rel="preload" href="${j?.desktop?.image?.src}" as="image" />`)}${s(!!j?.tablet?.image?.src,`<link rel="preload" href="${j?.tablet?.image?.src}" as="image" />`)}${s(!!j?.mobile?.image?.src,`<link rel="preload" href="${j?.mobile?.image?.src}" as="image" />`)}`)}
6
6
  <gp-sticky
7
- id="${y?.uid}"
8
- data-id="${y?.uid}"
9
- class="${x} ${a("gps-lazy")}"
7
+ data-id="${f?.uid}"
8
+ gp-data='${JSON.stringify(A)}'
9
+ id="${f?.uid}"
10
+ data-id="${f?.uid}"
11
+ class="${x} ${r("gps-lazy")}"
10
12
  style="${C}"
11
13
  >
12
- <script gp-data type="application/json">${JSON.stringify(A)}</script>
13
14
  <style>${G}</style>
14
- <div ${{...g}} style="${{...q}}">
15
- ${n}
15
+ <div ${{...n}} style="${{...q}}">
16
+ ${g}
16
17
  </div>
17
18
  </gp-sticky>
18
- ${e(t,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${i}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
19
- `};export{n as default};
19
+ ${s(t,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${i}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
20
+ `};export{g as default};
@@ -1,34 +1,33 @@
1
- import{template as t,WrapRenderChildren as e,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as r,createSettingId as d,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as y,getAttrContent as u}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as C,getStyleTagClasses as S,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let N=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...y({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext??{},type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...C({setting:P})}),H=S({panelWidth:L,builderProps:V}),Q=n({...T()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),tt=t=>n({...E({setting:P,isNotLiquid:!1,isActive:t,currentDevice:R})}),te=t=>m({...b(P,t)}),ts=n({...A()}),ti=n({...I()}),tl=m({...x()}),ta=c({...u({uid:V?.uid||""})}),tr=n({...K()});return t`
1
+ import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as d,createSettingId as r,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as u,getAttrContent as y}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as C,getStyleTagClasses as S,getTabParentListClasses as T,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let N=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...u({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext??{},type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...C({setting:P})}),H=S({panelWidth:L,builderProps:V}),Q=n({...T()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),ee=e=>n({...E({setting:P,isNotLiquid:!1,isActive:e,currentDevice:R})}),et=e=>m({...b(P,e)}),es=n({...A()}),ei=n({...I()}),el=m({...x()}),ea=c({...y({uid:V?.uid||""})}),ed=n({...K()});return e`
2
2
  <gp-tab
3
3
  ${{...U}}
4
4
  style="${w}"
5
5
  class="${B}"
6
- >
7
- <script gp-data type="application/json">${JSON.stringify(M)?.replaceAll("'","&#039;")}</script>
6
+ gp-data='${JSON.stringify(M)?.replaceAll("'","&#039;")}'>
8
7
  <style>${H}</style>
9
8
  <div class="${D}">
10
9
  <div class="${Q}" style="${X}">
11
10
  <ul class="${Y}" style="${Z}">
12
- ${O?.map(t=>t?.replaceAll("'","&#039;"))?.map((e,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=r({val:e,uid:V?.uid,settingId:d({id:g?.childItem?.id,index:s}),pageContext:N.pageContext??{},isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return t`
11
+ ${O?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=d({val:t,uid:V?.uid,settingId:r({id:g?.childItem?.id,index:s}),pageContext:N.pageContext??{},isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return e`
13
12
  <li
14
13
  aria-hidden
15
- class="${tt(i)}"
16
- style="${te(i)}"
14
+ class="${ee(i)}"
15
+ style="${et(i)}"
17
16
  key="${V?.uid}"
18
17
 
19
18
  >
20
- ${$({className:tr,styles:{typo:J,typography:_,textAlign:W},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0},translateSetting:g?.childItem?.id})}
19
+ ${$({className:ed,styles:{typo:J,typography:_,textAlign:W},setting:{text:l,htmlTag:"div",excludeFlex:!0,isForceValue:!0},translateSetting:g?.childItem?.id})}
21
20
  </li>
22
21
  `}).join("")}
23
22
  </ul>
24
23
  </div>
25
- <div class="${ts}">
24
+ <div class="${es}">
26
25
  <div
27
- ${{...ta}}
28
- class="${ti}"
29
- style="${tl}"
26
+ ${{...ea}}
27
+ class="${ei}"
28
+ style="${el}"
30
29
  >
31
- ${e({uid:V?.uid||"",customProps:F?.[0].customProps},F?.map((e,i)=>{let l=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===i:i===P?.activeKey;return e?t`${s({...e,parentUid:V?.uid,isActive:l})}`:""}))}
30
+ ${t({uid:V?.uid||"",customProps:F?.[0].customProps},F?.map((t,i)=>{let l=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===i:i===P?.activeKey;return t?e`${s({...t,parentUid:V?.uid,isActive:l})}`:""}))}
32
31
  </div>
33
32
  </div>
34
33
  </div>
@@ -1,9 +1,9 @@
1
1
  import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as e,createClass as s,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as n}from"../common/styles.js";import{getClasses as a,getTextClasses as d}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let $=({id:$,styles:g,builderAttrs:u,style:f,setting:y,advanced:x,builderProps:j,className:v,isText:q,pageContext:h,translateSetting:k,elementAttrs:C})=>{let{htmlTag:L="div",excludeFlex:T}=y??{},I=o({...$&&{id:$},...r({uid:j?.uidInteraction??j?.uid??""}),...u}),O=o({...m(),...C}),_=e({...l(g,f)}),b=e({...p(g,y)}),w=e({...n({styles:g,setting:y,builderProps:j,pageContext:h??{},type:"Liquid"})}),z=s({...a({setting:y,advanced:x,builderProps:j})}),A=s({"gp-flex":!T}),B=s({...d({styles:g,setting:y,className:v}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:g,setting:y,builderProps:j,pageContext:h??{},translateSetting:k}),E=i(D);return t`
2
2
  {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
3
3
  <div ${{...I}}
4
- class="${z}"
5
- style="${_}"
6
- >
4
+ class="${z}"
5
+ style="${_}"
6
+ >
7
7
  <div class="${A}" style="${b}">
8
8
  <${L}
9
9
  ${{...O}}
@@ -1,4 +1,4 @@
1
- import e from"../../configs/AppstleBundlesDiscounts.js";import l from"./uiV2.js";import{get3rdPartyInstallLink as t}from"../../common/helpers.js";let p={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
1
+ import e from"../../configs/AppstleBundlesDiscounts.js";import l from"./uiV2.js";let t={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">Appstle℠ Bundles & Discounts</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Classic Bundle",value:"appstle-classic-bundle"},{label:"Dynamic Bundle",value:"appstle-bundle-product-page-build-a-box"}],default:"appstle-classic-bundle"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"appstle-bundles-discounts"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/855ee74552c1cca133c12a4364890912",appName:e.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:[],uiV2:l};export{p as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Classic Bundle",value:"appstle-classic-bundle"},{label:"Dynamic Bundle",value:"appstle-bundle-product-page-build-a-box"}],default:"appstle-classic-bundle"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:l};export{t as default};
@@ -3,4 +3,4 @@ import e from"../../configs/BoldSubscription.js";import l from"./uiV2.js";import
3
3
  <img class="w-24 border border-dark-200 rounded-medium" src="${e.logoUrl}?width=22&height=22">
4
4
  <span class="preset-item-title">${e.label}</span>
5
5
  </div>
6
- `},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"add-bold-subscriptions"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/bold-subscriptions-pro",appName:e.label},{id:"widgetType",label:"Choose widget",type:"select",default:"bsub-widget-block",options:[{label:"V1",value:"v1"},{label:"V2",value:"bsub-widget-block"}]},{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:[],uiV2:l};export{i as default};
6
+ `},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"add-bold-subscriptions"}),appName:e.label},{id:"widgetType",label:"Choose widget",type:"select",default:"bsub-widget-block",options:[{label:"V1",value:"v1"},{label:"V2",value:"bsub-widget-block"}]},{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:[],uiV2:l};export{i as default};
@@ -1 +1 @@
1
- let t=[{controls:[{layout:"vertical",setting:{id:"install"}}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
1
+ let t=[{controls:[{layout:"vertical",setting:{id:"install"}}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
@@ -1,4 +1,4 @@
1
1
  import e from"../../configs/GloColorSwatchvariantImage.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as l}from"../../common/helpers.js";let a={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/9995b073cfe955d98eb8e9961e8dd7be/icon/CM-Kw8-05_4CEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowPage:"GP_PRODUCT"},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/9995b073cfe955d98eb8e9961e8dd7be/icon/CM-Kw8-05_4CEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">GLO Color Swatch,Variant Image</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Variant Swatches",value:"product-swatches-detail"},{label:"Bundles Quantity Breaks",value:"product-bundles-quantity-breaks"},{label:"Product Bundles Combo",value:"product-bundles-combo"},{label:"Product Groups",value:"product-groups-detail"}],default:"product-swatches-detail"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l({handle:"globo-product-options-variant"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/globo-product-options",appName:e.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:[],uiV2:t};export{a as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Variant Swatches",value:"product-swatches-detail"},{label:"Bundles Quantity Breaks",value:"product-bundles-quantity-breaks"},{label:"Product Bundles Combo",value:"product-bundles-combo"},{label:"Product Groups",value:"product-groups-detail"}],default:"product-swatches-detail"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:l({handle:"globo-product-options-variant"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{a as default};
@@ -1,4 +1,4 @@
1
- import e from"../../configs/HextomCountdownTimerBar.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let o={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
1
+ import e from"../../configs/HextomCountdownTimerBar.js";import t from"./uiV2.js";let i={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/904be13e4bba460880341eba1a5579e1/icon/CKCYtc2d5oYDEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">Hextom: Countdown Timer Bar</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Fsb Custom Placement",value:"fsb-custom-placement"}],default:"fsb-custom-placement"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"hextom-countdown-timer-bar"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/event-promotion-bar",appName:e.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:[],uiV2:t};export{o as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Fsb Custom Placement",value:"fsb-custom-placement"}],default:"fsb-custom-placement"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{i as default};
@@ -1,4 +1,4 @@
1
1
  import e from"../../configs/LoopSubscriptions.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let o={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/afedc08b31165df4c41d3d60cc6051dc/icon/COiF1YeknoQDEAE=.jpeg?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/afedc08b31165df4c41d3d60cc6051dc/icon/COiF1YeknoQDEAE=.jpeg?width=22&height=22">
3
3
  <span class="preset-item-title">Loop Subscriptions</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Subscription widget",value:"subscription_widget",hideOnPage:["GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC"],flowTag:["Product","ProductList","ProductListV3"],condition:"or"},{label:"Star Rating",value:"star_rating",hideOnPage:["GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC"]}],default:"subscription_widget"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"loop-subscriptions"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/afedc08b31165df4c41d3d60cc6051dc",appName:e.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:[],uiV2:t};export{o as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Subscription widget",value:"subscription_widget",hideOnPage:["GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC"],flowTag:["Product","ProductList","ProductListV3"],condition:"or"},{label:"Star Rating",value:"star_rating",hideOnPage:["GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC"]}],default:"subscription_widget"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"loop-subscriptions"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{o as default};
@@ -1 +1 @@
1
- let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
1
+ let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{label:"Choose widget",setting:{id:"widgetType"}}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
@@ -1,4 +1,4 @@
1
1
  import e from"../../configs/RechargeSubscriptions.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://ucarecdn.com/c566bfce-491d-4642-817a-6f4ffc023065/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://ucarecdn.com/c566bfce-491d-4642-817a-6f4ffc023065/-/format/auto/-/preview/3000x3000/-/quality/lighter/?width=22&height=22">
3
3
  <span class="preset-item-title">Recharge Subscriptions</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Subscription Widget",value:"subscription-widget"},{label:"Subscription Widget 2.0",value:"subscription-widget-v2"}],default:"subscription-widget"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"recharge-subscriptions"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/0009de8c024a6126315f5dcd4250fd61",appName:e.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:[],uiV2:t};export{l as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Subscription Widget",value:"subscription-widget"},{label:"Subscription Widget 2.0",value:"subscription-widget-v2"}],default:"subscription-widget"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"recharge-subscriptions"}),appName:e.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:[],uiV2:t};export{l as default};
@@ -1 +1 @@
1
- let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Badge ID",iconName:"polaris-text-block",getValueFromSettingID:"BadgeId",isHideClear:!0,popoverLabel:"Badge ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"BadgeId"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
1
+ let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Badge ID",iconName:"polaris-text-block",getValueFromSettingID:"BadgeId",isHideClear:!0,popoverLabel:"Badge ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"BadgeId"}}]}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
@@ -1 +1 @@
1
- let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Form ID",iconName:"polaris-text-block",getValueFromSettingID:"formId",isHideClear:!0,popoverLabel:"Form ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"formId"}}]}]},{controls:[{setting:{id:"openApp"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
1
+ let t=[{controls:[{setting:{id:"install"},layout:"vertical"}]},{controls:[{type:"combo",label:"Form ID",iconName:"polaris-text-block",getValueFromSettingID:"formId",isHideClear:!0,popoverLabel:"Form ID",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"formId"}}]}]},{controls:[{label:"Align",setting:{id:"align"}}]}];export{t as default};
@@ -1,4 +1,4 @@
1
- import e from"../../configs/SkioSubscriptionsYcS20.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
1
+ import e from"../../configs/SkioSubscriptionsYcS20.js";import t from"./uiV2.js";let i={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/8dd0dfb789ffd9e447e7eb98210ccde7/icon/CNW2qO36iIQDEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">Skio Subscriptions (YC S20)</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"skio-subscriptions-app"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/8dd0dfb789ffd9e447e7eb98210ccde7",appName:e.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:[],uiV2:t};export{l as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"App Block",value:"app-block"}],default:"app-block"},{id:"sellingPlanId",type:"input",default:""},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{i as default};
@@ -1,4 +1,4 @@
1
1
  import e from"../../configs/SproutPlantTreesGrowSales.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as a}from"../../common/helpers.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/864c36881d230c8394a4183ce5904daa/icon/CKWWhLbF0_YCEAE=.png?width=22&height=22">',editorConfigs:{component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/864c36881d230c8394a4183ce5904daa/icon/CKWWhLbF0_YCEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">Sprout: Plant Trees Grow Sales</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Badge",value:"badge"},{label:"Impact Banner",value:"impact-banner"}],default:"badge"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:a({handle:"sprout-plant-trees-grow-sales"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/864c36881d230c8394a4183ce5904daa",appName:e.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:[],uiV2:t};export{l as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Badge",value:"badge"},{label:"Impact Banner",value:"impact-banner"}],default:"badge"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:a({handle:"sprout-plant-trees-grow-sales"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{l as default};
@@ -1,4 +1,4 @@
1
- import e from"../../configs/TrustshopProductReviews.js";import t from"./uiV2.js";import{get3rdPartyInstallLink as i}from"../../common/helpers.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
1
+ import e from"../../configs/TrustshopProductReviews.js";import t from"./uiV2.js";let i={tag:e.tag,label:e.label,icon:'<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png?width=22&height=22">
3
3
  <span class="preset-item-title">TrustShop: Product Reviews</span>
4
- </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Widget Product Rating",value:"widget-product-rating"},{label:"All Reviews",value:"all-reviews"},{label:"Widget Box",value:"widget-box"},{label:"Review Testimonial",value:"review-testimonial"}],default:"widget-product-rating"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:i({handle:"trustshop-product-reviews"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/97bd740ed0597c4d5220e15ae930308d",appName:e.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:[],uiV2:t};export{l as default};
4
+ </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"productHandle",type:"product-handle",hide:!0},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Widget Product Rating",value:"widget-product-rating"},{label:"All Reviews",value:"all-reviews"},{label:"Widget Box",value:"widget-box"},{label:"Review Testimonial",value:"review-testimonial"}],default:"widget-product-rating"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:t};export{i as default};
@@ -1,7 +1,7 @@
1
- import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";import{get3rdPartyInstallLink as t}from"../../common/helpers.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
1
+ import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";let t={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
2
2
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
3
3
  <span class="preset-item-title">WC Wishlist & Back in Stock</span>
4
4
  </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-collection-block"}}]},{id:"wishlist-product",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
5
5
  <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
6
6
  <span class="preset-item-title">WC Wishlist & Back in Stock</span>
7
- </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:t({handle:"wc-wishlist-back-in-stock"}),appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"https://admin.shopify.com/?redirect=/apps/6c6bdd5180d0848b68f89d106476f116",appName:e.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:[],uiV2:i};export{l as default};
7
+ </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.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:[],uiV2:i};export{t as default};
@@ -1,6 +1,5 @@
1
- import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStateOrContext as l,createStyle as a,createClass as m,If as o}from"@gem-sdk/system";import{getArticleVimeoClasses as p,getImageVimeoClasses as c,getButtonVimeoClasses as d,getIframeVimeoClasses as n}from"../common/classes.js";import{getIframeVimeoStyle as f,getArticleVimeoStyle as g}from"../common/styles.js";import{getVimeoParams as y}from"../common/helpers.js";import $ from"../../image/components/NextImage.liquid.js";let h=h=>{let{title:u,id:b,lazy:v,aspectRatio:j,autoplay:S,muted:w,thumbnailLink:x,poster:E,translatedVideoUrl:k,pageContext:N}=h,{iframeSrc:A}=y(h),I=!v,T=h.thumbnail,V=l({id:b,thumbnail:x,lazy:v,iframeSrc:A,title:u,autoplay:S,muted:w,style:h?.vimeoStyleIframe||"",translatedVideoUrl:k}),C=a({...f(j)}),G=a({...g(j,"")}),L=m({...p(T,j)}),M=m({...c(I)}),O=m({...d(I)}),P=m({...n()});return e`
2
- <gp-lite-vimeo-embed>
3
- <script gp-data type="application/json">${JSON.stringify(V)}</script>
1
+ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-sdk/core";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as r,createStyle as a,createClass as m,If as o}from"@gem-sdk/system";import{getArticleVimeoClasses as p,getImageVimeoClasses as c,getButtonVimeoClasses as d,getIframeVimeoClasses as f}from"../common/classes.js";import{getIframeVimeoStyle as g,getArticleVimeoStyle as n}from"../common/styles.js";import{getVimeoParams as y}from"../common/helpers.js";import $ from"../../image/components/NextImage.liquid.js";let h=h=>{let{title:u,id:b,lazy:v,aspectRatio:S,autoplay:j,muted:w,thumbnailLink:x,poster:E,translatedVideoUrl:k,pageContext:N}=h,{iframeSrc:A}=y(h),I=!v,T=h.thumbnail,V=r({id:b,thumbnail:x,lazy:v,iframeSrc:A,title:u,autoplay:j,muted:w,style:h?.vimeoStyleIframe||"",translatedVideoUrl:k}),C=a({...g(S)}),G=a({...n(S,"")}),L=m({...p(T,S)}),M=m({...c(I)}),O=m({...d(I)}),P=m({...f()});return e`
2
+ <gp-lite-vimeo-embed gp-data='${JSON.stringify(V)}'>
4
3
  <article
5
4
  aria-hidden
6
5
  class="${L}"
@@ -29,5 +28,5 @@ import{template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as i}from"@gem-s
29
28
  ></iframe>`)}
30
29
  </article>
31
30
  </gp-lite-vimeo-embed>
32
- ${t(s,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-lite-vimeo-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${i}/assets-v2/gp-lite-vimeo-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
31
+ ${t(s,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-vimeo-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${i}/assets-v2/gp-lite-vimeo-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
33
32
  `};export{h as default};
@@ -1,13 +1,12 @@
1
- import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-sdk/core";import i from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as a}from"../../helpers.js";import{createStateOrContext as l,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as c,getImageYoutubeClasses as d,getArticleYoutubeClasses as n,getIframeYoutubeClasses as u,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as f,getArticleYoutubeStyle as $}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:w,translatedVideoUrl:z,autoplay:C,pageContext:E}=b,N=`gp-video-${b.uid}`,{posterUrl:k,iframeSrc:x}=g(b),B=!!b.thumbnail,T=w?.preload,A=l({lazy:b.lazy,hasThumbnail:B,style:h,title:j,iframeSrc:x,translatedVideoUrl:z,autoplay:C,isHeroBanner:b.isHeroBanner}),H=!b.lazy&&(!B||!!b.autoplay),M=o({...c(H)}),G=o({...d()}),I=o({...n(T||!1,S)}),L=o({...u(v)}),O=p({...f(h)}),P=p({...$(h,k)}),_=o({...y()});return r`
2
- <gp-lite-youtube-embed>
3
- <script gp-data type="application/json">${JSON.stringify(A)}</script>
1
+ import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as n,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as y,getArticleYoutubeStyle as $}from"../common/styles.js";import{getYoutubeParams as g}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:w,translatedVideoUrl:z,autoplay:C,pageContext:E}=b,N=`gp-video-${b.uid}`,{posterUrl:k,iframeSrc:x}=g(b),B=!!b.thumbnail,T=w?.preload,A=i({lazy:b.lazy,hasThumbnail:B,style:h,title:j,iframeSrc:x,translatedVideoUrl:z,autoplay:C,isHeroBanner:b.isHeroBanner}),H=!b.lazy&&(!B||!!b.autoplay),M=o({...d(H)}),G=o({...c()}),I=o({...u(T||!1,S)}),L=o({...n(v)}),O=p({...y(h)}),P=p({...$(h,k)}),_=o({...f()});return r`
2
+ <gp-lite-youtube-embed gp-data='${JSON.stringify(A)}'>
4
3
  <article
5
4
  aria-hidden
6
5
  class="${I}"
7
6
  data-title="${j}"
8
7
  style="${P}"
9
8
  >
10
- ${i({id:N,src:k,alt:w?.altText,title:w?.imageTitle,priority:w?.preload,pageContext:E,className:G,isDisableAspectStyle:!0,isNotLazyload:w?.preload})}
9
+ ${a({id:N,src:k,alt:w?.altText,title:w?.imageTitle,priority:w?.preload,pageContext:E,className:G,isDisableAspectStyle:!0,isNotLazyload:w?.preload})}
11
10
  <button type="button" aria-label="Play" class="${M}">
12
11
  <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
13
12
  <path
@@ -33,5 +32,5 @@ import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-s
33
32
  `:e})())}
34
33
  </article>
35
34
  </gp-lite-youtube-embed>
36
- ${e(t,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
35
+ ${e(t,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
37
36
  `};export{b as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "19.1.0-staging.8",
3
+ "version": "20.0.0",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -18,7 +18,7 @@
18
18
  "lint": "oxlint --format=stylish ./src",
19
19
  "test": "jest -c ./../../helpers/jest.config.ts",
20
20
  "test:watch": "jest -c ./../../helpers/jest.config.ts --watch",
21
- "type-check": "node ../../node_modules/typescript7/bin/tsc --noEmit",
21
+ "type-check": "yarn tsc --noEmit",
22
22
  "format": "prettier --write \"./src/**/*.{ts,tsx}\"",
23
23
  "relationship": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/element-relationship/index.js",
24
24
  "update-img-src-3rd": "node ./scripts/update-img-src-3rd.js",
@@ -26,7 +26,7 @@
26
26
  "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
27
27
  },
28
28
  "devDependencies": {
29
- "@gem-sdk/core": "19.1.0-staging.1",
29
+ "@gem-sdk/core": "19.0.1",
30
30
  "@gem-sdk/styles": "19.0.0",
31
31
  "@gem-sdk/system": "19.0.0",
32
32
  "@types/react-transition-group": "^4.4.12",