@licklist/design 0.78.5-dev.23 → 0.78.5-dev.25

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 (23) hide show
  1. package/bitbucket-pipelines.yml +3 -3
  2. package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts +2 -1
  3. package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts.map +1 -1
  4. package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.js +2 -1
  5. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts +2 -1
  6. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map +1 -1
  7. package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js +2 -2
  8. package/dist/snippet/snippet-template/context/snippetTemplate.d.ts.map +1 -1
  9. package/dist/snippet/snippet-template/context/snippetTemplate.js +1 -0
  10. package/dist/snippet/snippet-template/context/snippetTemplateView.d.ts.map +1 -1
  11. package/dist/snippet/snippet-template/context/snippetTemplateView.js +1 -0
  12. package/dist/snippet/snippet-template/preview/Preview.d.ts.map +1 -1
  13. package/dist/styles/snippet-templates/SnippetTemplate.scss +6 -0
  14. package/dist/styles/snippet-templates/_snippetVariables.scss +6 -0
  15. package/package.json +3 -3
  16. package/src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx +3 -0
  17. package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx +3 -1
  18. package/src/snippet/snippet-template/context/snippetTemplate.tsx +1 -0
  19. package/src/snippet/snippet-template/context/snippetTemplateView.tsx +1 -0
  20. package/src/snippet/snippet-template/preview/Preview.tsx +6 -2
  21. package/src/styles/snippet-templates/SnippetTemplate.scss +6 -0
  22. package/src/styles/snippet-templates/_snippetVariables.scss +6 -0
  23. package/yarn.lock +0 -22237
package/bitbucket-pipelines.yml CHANGED
@@ -62,9 +62,9 @@ pipelines:
62
62
  name: Publish to NPM
63
63
  script:
64
64
  - printf "//`node -p \"require('url').parse(process.env.NPM_REGISTRY_URL || 'https://registry.npmjs.org').host\"`/:_authToken=${NPM_TOKEN}\nregistry=${NPM_REGISTRY_URL:-https://registry.npmjs.org}\n" >> ~/.npmrc
65
- - pipe: atlassian/npm-publish:0.2.0
65
+ - pipe: atlassian/npm-publish:1.1.1
66
66
  variables:
67
- NPM_TOKEN: $NPM_TOKEN
67
+ NPM_TOKEN: $NPM_TOKEN
68
68
 
69
69
  branches:
70
70
  master:
@@ -86,4 +86,4 @@ pipelines:
86
86
  pull-requests:
87
87
  '**':
88
88
  - step: *install
89
- - step: *build
89
+ - step: *build
package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts CHANGED
@@ -6,7 +6,8 @@ interface CategoryProductProps {
6
6
  canExpandDescription?: boolean;
7
7
  productsWithErrors?: QuantityCheckProductInfo[];
8
8
  soldOutProducts?: QuantityCheckProductInfo[];
9
+ disabled?: boolean;
9
10
  }
10
- export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, }: CategoryProductProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const CategoryProduct: ({ product, category, canExpandDescription, productsWithErrors, soldOutProducts, disabled }: CategoryProductProps) => import("react/jsx-runtime").JSX.Element;
11
12
  export {};
12
13
  //# sourceMappingURL=CategoryProduct.d.ts.map
package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAQ5D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAA;CAC7C;AAED,eAAO,MAAM,eAAe,sFAMzB,oBAAoB,4CAoPtB,CAAA"}
1
+ {"version":3,"file":"CategoryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAA;AACvF,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAQ5D,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,+FAOzB,oBAAoB,4CAqPtB,CAAA"}
package/dist/iframe/order-process/components/CategoryProduct/CategoryProduct.js CHANGED
@@ -110,7 +110,7 @@ function _unsupported_iterable_to_array(o, minLen) {
110
110
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
111
111
  }
112
112
  var CategoryProduct = function(param) {
113
- var product = param.product, category = param.category, _param_canExpandDescription = param.canExpandDescription, canExpandDescription = _param_canExpandDescription === void 0 ? true : _param_canExpandDescription, productsWithErrors = param.productsWithErrors, soldOutProducts = param.soldOutProducts;
113
+ var product = param.product, category = param.category, _param_canExpandDescription = param.canExpandDescription, canExpandDescription = _param_canExpandDescription === void 0 ? true : _param_canExpandDescription, productsWithErrors = param.productsWithErrors, soldOutProducts = param.soldOutProducts, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled;
114
114
  var formatNumber = useIntl().formatNumber;
115
115
  var t = useTranslation([
116
116
  'Design',
@@ -256,6 +256,7 @@ var CategoryProduct = function(param) {
256
256
  onChange: onChange,
257
257
  productInfo: productInfo,
258
258
  refCallback: ref,
259
+ disabled: disabled,
259
260
  clearErrors: clearErrors,
260
261
  product: _object_spread_props(_object_spread({}, product), {
261
262
  isSoldOut: (product === null || product === void 0 ? void 0 : product.isSoldOut) || checkIfSoldOutProduct()
package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts CHANGED
@@ -21,7 +21,8 @@ interface ProductQuantityInputProps {
21
21
  refCallback: RefCallBack;
22
22
  invalid: boolean;
23
23
  productInfo: FormOrderItem;
24
+ disabled?: boolean;
24
25
  }
25
- export declare const ProductQuantityInput: ({ product, category, onChange: _onChange, clearErrors, refCallback, productInfo, invalid, }: ProductQuantityInputProps) => import("react/jsx-runtime").JSX.Element;
26
+ export declare const ProductQuantityInput: ({ product, category, onChange: _onChange, clearErrors, refCallback, productInfo, invalid, disabled }: ProductQuantityInputProps) => import("react/jsx-runtime").JSX.Element;
26
27
  export {};
27
28
  //# sourceMappingURL=ProductQuantityInput.d.ts.map
package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AAKrG,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAA;CACrD;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,oBAAoB,gGAQ9B,yBAAyB,4CAoH3B,CAAA"}
1
+ {"version":3,"file":"ProductQuantityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,EACL,OAAO,EACP,eAAe,EAChB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAA;AAKrG,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAA;CACrD;AAED,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,yGAS9B,yBAAyB,4CAoH3B,CAAA"}
package/dist/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.js CHANGED
@@ -54,7 +54,7 @@ function _unsupported_iterable_to_array(o, minLen) {
54
54
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
55
55
  }
56
56
  var ProductQuantityInput = function(param) {
57
- var product = param.product, category = param.category, _onChange = param.onChange, clearErrors = param.clearErrors, refCallback = param.refCallback, productInfo = param.productInfo, invalid = param.invalid;
57
+ var product = param.product, category = param.category, _onChange = param.onChange, clearErrors = param.clearErrors, refCallback = param.refCallback, productInfo = param.productInfo, invalid = param.invalid, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled;
58
58
  var t = useTranslation('Design').t;
59
59
  var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], handleOpenModal = _useState[1];
60
60
  var onChange = function(quantity) {
@@ -100,7 +100,7 @@ var ProductQuantityInput = function(param) {
100
100
  children: [
101
101
  /*#__PURE__*/ jsx(Button, {
102
102
  ref: refCallback,
103
- disabled: product.isSoldOut,
103
+ disabled: product.isSoldOut || disabled,
104
104
  className: clsx("iframe-event__".concat((productInfo === null || productInfo === void 0 ? void 0 : productInfo.quantity) ? 'unselect-product' : 'select-product'), invalid && 'error'),
105
105
  onClick: function() {
106
106
  return handleOpenModal(true);
package/dist/snippet/snippet-template/context/snippetTemplate.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"snippetTemplate.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEhB,MAAM,mEAAmE,CAAA;AAG1E,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM,CAAA;CACb,CACF,CAAA;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,6BAA6B,CAAA;IACvC,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,YAAY,EAAE,6BAA6B,KAAK,IAAI,CAAA;KACtE,CAAA;CACF;AAED,eAAO,MAAM,sBAAsB,uDACuB,CAAA;AAE1D,MAAM,WAAW,0CACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,6BAA6B,CAAA;CAC9C;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,aAAa,GACd,EAAE,0CAA0C,2CA8J5C"}
1
+ {"version":3,"file":"snippetTemplate.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEhB,MAAM,mEAAmE,CAAA;AAG1E,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM,CAAA;CACb,CACF,CAAA;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,6BAA6B,CAAA;IACvC,OAAO,EAAE;QACP,cAAc,EAAE,CAAC,YAAY,EAAE,6BAA6B,KAAK,IAAI,CAAA;KACtE,CAAA;CACF;AAED,eAAO,MAAM,sBAAsB,uDACuB,CAAA;AAE1D,MAAM,WAAW,0CACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,6BAA6B,CAAA;CAC9C;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,QAAQ,EACR,aAAa,GACd,EAAE,0CAA0C,2CA+J5C"}
package/dist/snippet/snippet-template/context/snippetTemplate.js CHANGED
@@ -102,6 +102,7 @@ function SnippetTemplateContextProvider(param) {
102
102
  '--snippet-page-body-left-block-back-button-body-color': template === null || template === void 0 ? void 0 : template.pageBodyLeftBlockBackButtonBodyColor,
103
103
  '--snippet-page-body-right-block-background-color': template === null || template === void 0 ? void 0 : template.pageBodyRightBlockBackgroundColor,
104
104
  '--snippet-elements-body-color': template === null || template === void 0 ? void 0 : template.elementsBodyColor,
105
+ '--snippet-elements-heading-text-color': template === null || template === void 0 ? void 0 : template.elementsHeadingTextColor,
105
106
  '--snippet-elements-input-border-color': template === null || template === void 0 ? void 0 : template.elementsInputBorderColor,
106
107
  '--snippet-elements-input-background-color': template === null || template === void 0 ? void 0 : template.elementsInputBackgroundColor,
107
108
  '--snippet-elements-input-body-color': template === null || template === void 0 ? void 0 : template.elementsInputBodyColor,
package/dist/snippet/snippet-template/context/snippetTemplateView.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"snippetTemplateView.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateView.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAA;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,MAAM,OAAO,oBAAoB,CAAA;IACvC,UAAU,EAAE,OAAO,oBAAoB,CAAA;IACvC,OAAO,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,OAAO,oBAAoB,CAAC,CACxD,CAAA;CACF;AAED,eAAO,MAAM,0BAA0B,2DACuB,CAAA;AAE9D,eAAO,MAAM,YAAY,EAAE,MAAM,OAAO,oBAA6B,CAAA;AAErE,wBAAgB,kCAAkC,CAAC,EAAE,QAAQ,EAAE;;CAAA,2CA0I9D"}
1
+ {"version":3,"file":"snippetTemplateView.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/context/snippetTemplateView.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAA;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,MAAM,OAAO,oBAAoB,CAAA;IACvC,UAAU,EAAE,OAAO,oBAAoB,CAAA;IACvC,OAAO,EAAE,KAAK,CAAC,QAAQ,CACrB,KAAK,CAAC,cAAc,CAAC,MAAM,OAAO,oBAAoB,CAAC,CACxD,CAAA;CACF;AAED,eAAO,MAAM,0BAA0B,2DACuB,CAAA;AAE9D,eAAO,MAAM,YAAY,EAAE,MAAM,OAAO,oBAA6B,CAAA;AAErE,wBAAgB,kCAAkC,CAAC,EAAE,QAAQ,EAAE;;CAAA,2CA2I9D"}
package/dist/snippet/snippet-template/context/snippetTemplateView.js CHANGED
@@ -112,6 +112,7 @@ function SnippetTemplateViewContextProvider(param) {
112
112
  },
113
113
  elements: {
114
114
  elementsBodyColor: t('bodyColor'),
115
+ elementsHeadingTextColor: t('headingTextColor'),
115
116
  elementsInputBorderColor: t('inputBorderColor'),
116
117
  elementsInputBackgroundColor: t('inputBackgroundColor'),
117
118
  elementsInputBodyColor: t('inputBodyColor'),
package/dist/snippet/snippet-template/preview/Preview.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CA8Vd"}
1
+ {"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../src/snippet/snippet-template/preview/Preview.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,cAAc,EACd,cAAsB,GACvB,EAAE,YAAY,2CAkWd"}
package/dist/styles/snippet-templates/SnippetTemplate.scss CHANGED
@@ -456,3 +456,9 @@
456
456
  display: block !important;
457
457
  }
458
458
  }
459
+
460
+
461
+ // Ensure Texts element is always visible and uses heading text color by default
462
+ .snippet-template__texts-heading {
463
+ color: $snippet-elements-heading-text-color;
464
+ }
package/dist/styles/snippet-templates/_snippetVariables.scss CHANGED
@@ -257,3 +257,9 @@ $color-transition:
257
257
  background-color 0.15s ease-in-out,
258
258
  border-color 0.15s ease-in-out,
259
259
  box-shadow 0.15s ease-in-out !default;
260
+
261
+ // Heading text color variable mapping
262
+ $snippet-elements-heading-text-color: var(
263
+ --snippet-elements-heading-text-color,
264
+ #333333
265
+ ) !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.23",
3
+ "version": "0.78.5-dev.25",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,7 +42,7 @@
42
42
  ]
43
43
  },
44
44
  "peerDependencies": {
45
- "@licklist/core": "0.36.1-dev.6",
45
+ "@licklist/core": "0.36.1-dev.7",
46
46
  "@licklist/eslint-config": "0.5.6",
47
47
  "@licklist/plugins": "0.36.4-dev.9",
48
48
  "clsx": "2.1.1",
@@ -64,7 +64,7 @@
64
64
  "@dnd-kit/utilities": "2.0.0",
65
65
  "@fortawesome/fontawesome-svg-core": "1.2.34",
66
66
  "@fortawesome/free-solid-svg-icons": "5.15.2",
67
- "@licklist/core": "0.36.1-dev.6",
67
+ "@licklist/core": "0.36.1-dev.7",
68
68
  "@licklist/eslint-config": "0.5.6",
69
69
  "@licklist/plugins": "0.36.4-dev.8",
70
70
  "@mantine/core": "6.0.22",
package/src/iframe/order-process/components/CategoryProduct/CategoryProduct.tsx CHANGED
@@ -23,6 +23,7 @@ interface CategoryProductProps {
23
23
  canExpandDescription?: boolean
24
24
  productsWithErrors?: QuantityCheckProductInfo[]
25
25
  soldOutProducts?: QuantityCheckProductInfo[]
26
+ disabled?: boolean
26
27
  }
27
28
 
28
29
  export const CategoryProduct = ({
@@ -31,6 +32,7 @@ export const CategoryProduct = ({
31
32
  canExpandDescription = true,
32
33
  productsWithErrors,
33
34
  soldOutProducts,
35
+ disabled =false
34
36
  }: CategoryProductProps) => {
35
37
  const { formatNumber } = useIntl()
36
38
  const { t } = useTranslation(['Design', 'Validation'])
@@ -196,6 +198,7 @@ export const CategoryProduct = ({
196
198
  onChange={onChange}
197
199
  productInfo={productInfo}
198
200
  refCallback={ref}
201
+ disabled={disabled}
199
202
  clearErrors={clearErrors}
200
203
  product={{
201
204
  ...product,
package/src/iframe/order-process/components/CategoryProduct/components/ProductQuantityInput/ProductQuantityInput.tsx CHANGED
@@ -34,6 +34,7 @@ interface ProductQuantityInputProps {
34
34
  refCallback: RefCallBack
35
35
  invalid: boolean
36
36
  productInfo: FormOrderItem
37
+ disabled?: boolean
37
38
  }
38
39
 
39
40
  export const ProductQuantityInput = ({
@@ -44,6 +45,7 @@ export const ProductQuantityInput = ({
44
45
  refCallback,
45
46
  productInfo,
46
47
  invalid,
48
+ disabled = false
47
49
  }: ProductQuantityInputProps) => {
48
50
  const { t } = useTranslation('Design')
49
51
  const [open, handleOpenModal] = useState(false)
@@ -97,7 +99,7 @@ export const ProductQuantityInput = ({
97
99
  <>
98
100
  <Button
99
101
  ref={refCallback}
100
- disabled={product.isSoldOut}
102
+ disabled={product.isSoldOut || disabled}
101
103
  className={clsx(
102
104
  `iframe-event__${
103
105
  productInfo?.quantity ? 'unselect-product' : 'select-product'
package/src/snippet/snippet-template/context/snippetTemplate.tsx CHANGED
@@ -105,6 +105,7 @@ export function SnippetTemplateContextProvider({
105
105
  '--snippet-page-body-right-block-background-color':
106
106
  template?.pageBodyRightBlockBackgroundColor,
107
107
  '--snippet-elements-body-color': template?.elementsBodyColor,
108
+ '--snippet-elements-heading-text-color': template?.elementsHeadingTextColor,
108
109
  '--snippet-elements-input-border-color':
109
110
  template?.elementsInputBorderColor,
110
111
  '--snippet-elements-input-background-color':
package/src/snippet/snippet-template/context/snippetTemplateView.tsx CHANGED
@@ -92,6 +92,7 @@ export function SnippetTemplateViewContextProvider({ children }) {
92
92
 
93
93
  elements: {
94
94
  elementsBodyColor: t('bodyColor'),
95
+ elementsHeadingTextColor: t('headingTextColor'),
95
96
 
96
97
  elementsInputBorderColor: t('inputBorderColor'),
97
98
  elementsInputBackgroundColor: t('inputBackgroundColor'),
package/src/snippet/snippet-template/preview/Preview.tsx CHANGED
@@ -117,8 +117,12 @@ export function Preview({
117
117
  <h3>{t('elements')}</h3>
118
118
  </div>
119
119
  <div className='mt-5'>
120
- <h4>{t('Texts')}</h4>
121
- <p>XXXX</p>
120
+ <h4>
121
+ {t('Texts')}
122
+ </h4>
123
+ <p>
124
+ XXXX
125
+ </p>
122
126
  </div>
123
127
 
124
128
  <div className='mt-5'>
package/src/styles/snippet-templates/SnippetTemplate.scss CHANGED
@@ -456,3 +456,9 @@
456
456
  display: block !important;
457
457
  }
458
458
  }
459
+
460
+
461
+ // Ensure Texts element is always visible and uses heading text color by default
462
+ .snippet-template__texts-heading {
463
+ color: $snippet-elements-heading-text-color;
464
+ }
package/src/styles/snippet-templates/_snippetVariables.scss CHANGED
@@ -257,3 +257,9 @@ $color-transition:
257
257
  background-color 0.15s ease-in-out,
258
258
  border-color 0.15s ease-in-out,
259
259
  box-shadow 0.15s ease-in-out !default;
260
+
261
+ // Heading text color variable mapping
262
+ $snippet-elements-heading-text-color: var(
263
+ --snippet-elements-heading-text-color,
264
+ #333333
265
+ ) !default;