@lime-bundles/widget 3.0.0 → 3.2.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.
- package/dist/index.cjs +10 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +10 -13
- package/dist/index.js.map +1 -1
- package/dist/lime-bundle.global.js +20 -21
- package/dist/lime-bundle.global.js.map +1 -1
- package/docs/css-variables.md +3 -0
- package/docs/react-nextjs.md +1 -11
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -3371,11 +3371,10 @@ var BUNDLE_MIX_MATCH_CSS = `/* Lime Bundles \u2014 Mix & Match styles */
|
|
|
3371
3371
|
|
|
3372
3372
|
/* Per-pick quantity stepper inside the picker modal product row.
|
|
3373
3373
|
Three flex cells (\u2212 / number / +) sharing a single outer border \u2014
|
|
3374
|
-
|
|
3375
|
-
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
per-button borders, so the rounded outer corners stay clean.
|
|
3374
|
+
driven by its own --lb-picker-qty-stepper-* variables so merchants
|
|
3375
|
+
can style the stepper independently of the variant dropdown. The
|
|
3376
|
+
cell dividers come from a 1px border on the centre value rather
|
|
3377
|
+
than per-button borders, so the rounded outer corners stay clean.
|
|
3379
3378
|
Mirrors extensions/bundle-theme/assets/bundle-mix-match.css so
|
|
3380
3379
|
the headless web component matches the Liquid theme widget. */
|
|
3381
3380
|
/* Quantity label + stepper sit together in a .lb-bundle-variant-option-group
|
|
@@ -3396,8 +3395,8 @@ var BUNDLE_MIX_MATCH_CSS = `/* Lime Bundles \u2014 Mix & Match styles */
|
|
|
3396
3395
|
align-items: stretch;
|
|
3397
3396
|
flex-shrink: 0;
|
|
3398
3397
|
height: 32px;
|
|
3399
|
-
border: var(--lb-picker-
|
|
3400
|
-
border-radius: var(--lb-picker-
|
|
3398
|
+
border: var(--lb-picker-qty-stepper-border-width) solid var(--lb-picker-qty-stepper-border-color);
|
|
3399
|
+
border-radius: var(--lb-picker-qty-stepper-radius);
|
|
3401
3400
|
background-color: var(--lb-picker-bg);
|
|
3402
3401
|
overflow: hidden;
|
|
3403
3402
|
box-sizing: border-box;
|
|
@@ -4183,19 +4182,17 @@ var LimeBundleElement = class extends HTMLElement {
|
|
|
4183
4182
|
* Resolve the visitor's A/B bucket for every bundle with an active test
|
|
4184
4183
|
* and merge Variant B overrides where applicable. Runs in parallel; any
|
|
4185
4184
|
* assignment failure logs internally but still renders Variant A (safe
|
|
4186
|
-
* default). The `getABTestAssignment` helper
|
|
4187
|
-
*
|
|
4188
|
-
* analytics.
|
|
4185
|
+
* default). The `getABTestAssignment` helper persists the bucket via a
|
|
4186
|
+
* first-party cookie; variant attribution is recorded server-side from
|
|
4187
|
+
* the analytics events the widget already emits.
|
|
4189
4188
|
*/
|
|
4190
4189
|
async applyABVariants() {
|
|
4191
|
-
if (
|
|
4190
|
+
if (this.bundles.length === 0) return;
|
|
4192
4191
|
const results = await Promise.all(
|
|
4193
4192
|
this.bundles.map(async (bundle) => {
|
|
4194
4193
|
if (!bundle.abTestId || !bundle.abVariantB) return bundle;
|
|
4195
4194
|
try {
|
|
4196
4195
|
const assignment = await (0, import_core8.getABTestAssignment)(
|
|
4197
|
-
this.appUrl,
|
|
4198
|
-
this.shopDomain,
|
|
4199
4196
|
bundle.abTestId,
|
|
4200
4197
|
bundle.id
|
|
4201
4198
|
);
|