@gem-sdk/components 8.0.0-dev.25 → 8.0.0-staging.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "8.0.0-dev.25",
+  "version": "8.0.0-staging.10",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,9 +26,9 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "8.0.0-dev.25",
-    "@gem-sdk/styles": "7.0.1-dev.6",
-    "@gem-sdk/system": "7.0.1-dev.6",
+    "@gem-sdk/core": "8.0.0-staging.8",
+    "@gem-sdk/styles": "7.0.1-staging.0",
+    "@gem-sdk/system": "7.0.1-staging.0",
     "@types/react-transition-group": "^4.4.12",
     "tsup": "^8.5.0",
     "postcss-import": "^16.1.1",

package/dist/cjs/product/components/product-variants/OptionVariantsNewFormat.liquid.js

@@ -1,41 +0,0 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),_const=require("./common/const.js");const renderOptionValuesNewFormatSwatches=e=>{let{renderVariantItem:s,variantPresetsLiquid:i}=e;return core.template`
-    ${system.Liquid("{%- assign optionRendered = false -%}")}
-    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
-
-    ${system.Liquid(`{% for swatch in swatches %}
-      {%- assign optionTitle = swatch.optionTitle -%}
-      {%- assign optionType = swatch.optionType -%}
-      {%- assign labelsString = "" -%}
-      {%- assign colorArraysString = "" -%}
-      {%- assign imageUrlsString = "" -%}
-
-      {% for optionValue in swatch.optionValues %}
-        {%- assign labelsString = labelsString | append: optionValue.label | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign colorsJoined = optionValue.colors | join: '${_const.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign colorArraysString = colorArraysString | append: colorsJoined | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
-        {%- assign imageUrlsString = imageUrlsString | append: optionValue.imageUrl | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
-      {% endfor %}
-
-      {%- assign labels = labelsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, labelsString.size -%}
-      {%- assign colorStrings = colorArraysString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, colorArraysString.size -%}
-      {%- assign imageUrls = imageUrlsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, imageUrlsString.size -%}
-
-      {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${i}" -%}
-        {%- assign optionName = option.name | replace: "'", "'" | replace: '"', '"' -%}
-        {%- assign items = variantPresetString | split: '($2)' -%}
-        {%- assign type = 'dropdown' -%}
-
-        {% for item in items %}
-          {%- assign itemPreset = item | split: '($1)' -%}
-          {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
-          {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
-        {% endfor %}
-        {%- assign optionRendered = true -%}
-
-        ${s({showDropdown:!0})}
-      {% endif %}
-    {% endfor %}`)}
-
-    ${system.LiquidIf("optionRendered == false",s({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};exports.renderOptionValuesNewFormatSwatches=renderOptionValuesNewFormatSwatches;

package/dist/cjs/product/components/product-variants/OptionVariantsOldFormat.liquid.js

@@ -1,66 +0,0 @@
-"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const renderOptionValuesOld=s=>{let{renderVariantItem:e,variantPresetsLiquid:i}=s;return core.template`
-    ${system.Liquid("{%- assign optionRendered = false -%}")}
-    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
-    ${system.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
-
-    ${system.LiquidFor("swatchesItem in swatchesItems",`
-      ${system.Liquid('{%- assign colorArraysString = "" -%}')}
-      ${system.Liquid('{%- assign labelsString = "" -%}')}
-      ${system.Liquid('{%- assign imageUrlsString = "" -%}')}
-      ${system.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
-
-      ${system.LiquidFor("attrItem in attrItems",`
-          ${system.Liquid("{%- assign attrs = attrItem | split: '($2)' -%}")}
-          ${system.Liquid("{%- assign optionKey = attrs[0] -%}")}
-          ${system.Liquid("{%- assign optionValue = attrs[1] -%}")}
-          ${system.Liquid(`
-            {% if optionKey == 'optionTitle' %}
-              {% assign optionTitle = optionValue %}
-            {% elsif optionKey == 'optionType' %}
-              {% assign optionType = optionValue %}
-            {% endif %}
-          `)}
-
-          ${system.LiquidIf('optionKey == "optionValues"',`
-            ${system.Liquid("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
-            ${system.LiquidFor("opValueItem in opValueItems",`
-                ${system.Liquid("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
-                ${system.LiquidFor("opValueItemAttr in opValueItemAttrs",`
-                    ${system.Liquid("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
-                    ${system.Liquid("{%- assign opValueItemKey = attrs[0] -%}")}
-                    ${system.Liquid("{%- assign opValueItemValue = attrs[1] -%}")}
-
-                    ${system.LiquidIf('opValueItemKey == "label"',`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
-
-                    ${system.LiquidIf('opValueItemKey == "colors"',`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
-
-                    ${system.LiquidIf('opValueItemKey == "imageUrl"',`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
-                       ${system.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
-                  `)}
-              `)}
-            `)}
-        `)}
-
-      ${system.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
-
-      ${system.LiquidIf("optionTitle == option.name",`
-        ${system.Liquid(`{%- assign variantPresetString = "${i}" -%}`)}
-        ${system.Liquid('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
-        ${system.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${system.Liquid("{%- assign type = 'dropdown' -%}")}
-        ${system.LiquidFor("item in items",`
-            ${system.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
-            ${system.LiquidIf("itemPreset[0] == optionName",system.Liquid("{%- assign type = itemPreset[1] -%}"))}
-            ${system.LiquidIf('itemPreset[0] == "base"',system.Liquid("{%- assign type = itemPreset[1] -%}"))}
-          `)}
-        ${system.Liquid("{%- assign optionRendered = true -%}")}
-        ${e({showDropdown:!0})}
-      `)}
-    `)}
-
-    ${system.LiquidIf("optionRendered == false",e({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};exports.renderOptionValuesOld=renderOptionValuesOld;

package/dist/cjs/product/components/product-variants/common/const.js

@@ -1 +0,0 @@
-"use strict";const OPTION_VALUES_DELIMITER="|||";exports.OPTION_VALUES_DELIMITER="|||";

package/dist/esm/product/components/product-variants/OptionVariantsNewFormat.liquid.js

@@ -1,41 +0,0 @@
-import{template as e}from"@gem-sdk/core";import{Liquid as s,LiquidIf as i}from"@gem-sdk/system";import{OPTION_VALUES_DELIMITER as n}from"./common/const.js";let renderOptionValuesNewFormatSwatches=t=>{let{renderVariantItem:o,variantPresetsLiquid:r}=t;return e`
-    ${s("{%- assign optionRendered = false -%}")}
-    ${s("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
-
-    ${s(`{% for swatch in swatches %}
-      {%- assign optionTitle = swatch.optionTitle -%}
-      {%- assign optionType = swatch.optionType -%}
-      {%- assign labelsString = "" -%}
-      {%- assign colorArraysString = "" -%}
-      {%- assign imageUrlsString = "" -%}
-
-      {% for optionValue in swatch.optionValues %}
-        {%- assign labelsString = labelsString | append: optionValue.label | append: '${n}' -%}
-        {%- assign colorsJoined = optionValue.colors | join: '${n}' -%}
-        {%- assign colorArraysString = colorArraysString | append: colorsJoined | append: '${n}' -%}
-        {%- assign imageUrlsString = imageUrlsString | append: optionValue.imageUrl | append: '${n}' -%}
-      {% endfor %}
-
-      {%- assign labels = labelsString | split: '${n}' | slice: 0, labelsString.size -%}
-      {%- assign colorStrings = colorArraysString | split: '${n}' | slice: 0, colorArraysString.size -%}
-      {%- assign imageUrls = imageUrlsString | split: '${n}' | slice: 0, imageUrlsString.size -%}
-
-      {% if optionTitle == option.name %}
-        {%- assign variantPresetString = "${r}" -%}
-        {%- assign optionName = option.name | replace: "'", "'" | replace: '"', '"' -%}
-        {%- assign items = variantPresetString | split: '($2)' -%}
-        {%- assign type = 'dropdown' -%}
-
-        {% for item in items %}
-          {%- assign itemPreset = item | split: '($1)' -%}
-          {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
-          {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
-        {% endfor %}
-        {%- assign optionRendered = true -%}
-
-        ${o({showDropdown:!0})}
-      {% endif %}
-    {% endfor %}`)}
-
-    ${i("optionRendered == false",o({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};export{renderOptionValuesNewFormatSwatches};

package/dist/esm/product/components/product-variants/OptionVariantsOldFormat.liquid.js

@@ -1,66 +0,0 @@
-import{Liquid as e,LiquidFor as s,LiquidIf as t}from"@gem-sdk/system";import{template as i}from"@gem-sdk/core";let renderOptionValuesOld=a=>{let{renderVariantItem:n,variantPresetsLiquid:o}=a;return i`
-    ${e("{%- assign optionRendered = false -%}")}
-    ${e("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
-    ${e("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
-
-    ${s("swatchesItem in swatchesItems",`
-      ${e('{%- assign colorArraysString = "" -%}')}
-      ${e('{%- assign labelsString = "" -%}')}
-      ${e('{%- assign imageUrlsString = "" -%}')}
-      ${e("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
-
-      ${s("attrItem in attrItems",`
-          ${e("{%- assign attrs = attrItem | split: '($2)' -%}")}
-          ${e("{%- assign optionKey = attrs[0] -%}")}
-          ${e("{%- assign optionValue = attrs[1] -%}")}
-          ${e(`
-            {% if optionKey == 'optionTitle' %}
-              {% assign optionTitle = optionValue %}
-            {% elsif optionKey == 'optionType' %}
-              {% assign optionType = optionValue %}
-            {% endif %}
-          `)}
-
-          ${t('optionKey == "optionValues"',`
-            ${e("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
-            ${s("opValueItem in opValueItems",`
-                ${e("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
-                ${s("opValueItemAttr in opValueItemAttrs",`
-                    ${e("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
-                    ${e("{%- assign opValueItemKey = attrs[0] -%}")}
-                    ${e("{%- assign opValueItemValue = attrs[1] -%}")}
-
-                    ${t('opValueItemKey == "label"',`${e("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
-                       ${e('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
-
-                    ${t('opValueItemKey == "colors"',`${e("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
-                       ${e('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
-
-                    ${t('opValueItemKey == "imageUrl"',`${e("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
-                       ${e('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
-                  `)}
-              `)}
-            `)}
-        `)}
-
-      ${e("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${e("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${e("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
-
-      ${t("optionTitle == option.name",`
-        ${e(`{%- assign variantPresetString = "${o}" -%}`)}
-        ${e('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
-        ${e("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${e("{%- assign type = 'dropdown' -%}")}
-        ${s("item in items",`
-            ${e("{%- assign itemPreset = item | split:'($1)' -%}")}
-            ${t("itemPreset[0] == optionName",e("{%- assign type = itemPreset[1] -%}"))}
-            ${t('itemPreset[0] == "base"',e("{%- assign type = itemPreset[1] -%}"))}
-          `)}
-        ${e("{%- assign optionRendered = true -%}")}
-        ${n({showDropdown:!0})}
-      `)}
-    `)}
-
-    ${t("optionRendered == false",n({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
-  `};export{renderOptionValuesOld};

package/dist/esm/product/components/product-variants/common/const.js

@@ -1 +0,0 @@
-let OPTION_VALUES_DELIMITER="|||";export{OPTION_VALUES_DELIMITER};