@ikas/bp-storefront 1.4.0-beta.20 → 1.4.0-beta.201

package/dist/utils/pay-with-ikas.d.ts

@@ -0,0 +1,553 @@
+import { IkasProduct } from "../storefront-models/src";
+import { type CSSProperties } from "preact";
+interface PayWithIkasProps {
+    /** The product the "Pay with ikas" widget checks out. */
+    product: IkasProduct;
+    /** Quantity forwarded to the pay-with-ikas session when the buy button is clicked. */
+    quantity?: number;
+    /** Optional CSS class applied to the iframe. */
+    className?: string;
+    /** Optional inline styles applied to the iframe. */
+    style?: CSSProperties;
+}
+/**
+ * "Pay with ikas" (Hızlı Öde) fast-checkout button for the product detail page.
+ * Drop-in Preact component that renders the pay-with-ikas checkout iframe and
+ * wires up its whole message protocol, so a theme gets the one-click "Hızlı Öde"
+ * flow without owning any of the plumbing. Use it next to the add-to-cart button
+ * on the product detail page.
+ *
+ * The pay-with-ikas URL is read from `IkasStorefrontConfig.getPayWithIkasUrl()`;
+ * when the merchant has not enabled Pay with ikas the component renders nothing.
+ * The add-to-cart-enabled state is tracked reactively via mobx `autorun`, so the
+ * iframe stays in sync as the product's availability changes (e.g. variant
+ * selection). Clicking "Hızlı Öde" creates a temporary cart via
+ * `createPayWithIkasSession` and redirects to the returned pay URL.
+ *
+ * @ai-category ProductDetail, Checkout
+ * @ai-related createPayWithIkasSession, isAddToCartEnabled
+ *
+ * @param product - The product to fast-checkout via Pay with ikas
+ * @param quantity - Quantity to purchase (defaults to 1)
+ * @param className - Optional CSS class applied to the iframe
+ * @param style - Optional inline styles applied to the iframe
+ *
+ * @example
+ * ```tsx
+ * import { PayWithIkas } from "@ikas/bp-storefront";
+ *
+ * // On the product detail page, alongside the add-to-cart button:
+ * <PayWithIkas product={product} quantity={quantity} />
+ * ```
+ */
+export declare function PayWithIkas({ product, quantity, className, style }: PayWithIkasProps): import("preact").VNode<import("preact").ClassAttributes<HTMLIFrameElement> & {
+    ref: import("preact/hooks").MutableRef<HTMLIFrameElement | null>;
+    title: string;
+    src: string;
+    width: string;
+    height: string;
+    className: string | undefined;
+    style: {
+        cssText?: string | null;
+        [Symbol.iterator]?: string | number | null | undefined;
+        clipPath?: string | number | null | undefined;
+        filter?: string | number | null | undefined;
+        marker?: string | number | null | undefined;
+        mask?: string | number | null | undefined;
+        width?: string | number | null | undefined;
+        height?: string | number | null | undefined;
+        border: string | number | null;
+        accentColor?: string | number | null | undefined;
+        alignContent?: string | number | null | undefined;
+        alignItems?: string | number | null | undefined;
+        alignSelf?: string | number | null | undefined;
+        alignmentBaseline?: string | number | null | undefined;
+        all?: string | number | null | undefined;
+        animation?: string | number | null | undefined;
+        animationComposition?: string | number | null | undefined;
+        animationDelay?: string | number | null | undefined;
+        animationDirection?: string | number | null | undefined;
+        animationDuration?: string | number | null | undefined;
+        animationFillMode?: string | number | null | undefined;
+        animationIterationCount?: string | number | null | undefined;
+        animationName?: string | number | null | undefined;
+        animationPlayState?: string | number | null | undefined;
+        animationTimingFunction?: string | number | null | undefined;
+        appearance?: string | number | null | undefined;
+        aspectRatio?: string | number | null | undefined;
+        backdropFilter?: string | number | null | undefined;
+        backfaceVisibility?: string | number | null | undefined;
+        background?: string | number | null | undefined;
+        backgroundAttachment?: string | number | null | undefined;
+        backgroundBlendMode?: string | number | null | undefined;
+        backgroundClip?: string | number | null | undefined;
+        backgroundColor?: string | number | null | undefined;
+        backgroundImage?: string | number | null | undefined;
+        backgroundOrigin?: string | number | null | undefined;
+        backgroundPosition?: string | number | null | undefined;
+        backgroundPositionX?: string | number | null | undefined;
+        backgroundPositionY?: string | number | null | undefined;
+        backgroundRepeat?: string | number | null | undefined;
+        backgroundSize?: string | number | null | undefined;
+        baselineShift?: string | number | null | undefined;
+        baselineSource?: string | number | null | undefined;
+        blockSize?: string | number | null | undefined;
+        borderBlock?: string | number | null | undefined;
+        borderBlockColor?: string | number | null | undefined;
+        borderBlockEnd?: string | number | null | undefined;
+        borderBlockEndColor?: string | number | null | undefined;
+        borderBlockEndStyle?: string | number | null | undefined;
+        borderBlockEndWidth?: string | number | null | undefined;
+        borderBlockStart?: string | number | null | undefined;
+        borderBlockStartColor?: string | number | null | undefined;
+        borderBlockStartStyle?: string | number | null | undefined;
+        borderBlockStartWidth?: string | number | null | undefined;
+        borderBlockStyle?: string | number | null | undefined;
+        borderBlockWidth?: string | number | null | undefined;
+        borderBottom?: string | number | null | undefined;
+        borderBottomColor?: string | number | null | undefined;
+        borderBottomLeftRadius?: string | number | null | undefined;
+        borderBottomRightRadius?: string | number | null | undefined;
+        borderBottomStyle?: string | number | null | undefined;
+        borderBottomWidth?: string | number | null | undefined;
+        borderCollapse?: string | number | null | undefined;
+        borderColor?: string | number | null | undefined;
+        borderEndEndRadius?: string | number | null | undefined;
+        borderEndStartRadius?: string | number | null | undefined;
+        borderImage?: string | number | null | undefined;
+        borderImageOutset?: string | number | null | undefined;
+        borderImageRepeat?: string | number | null | undefined;
+        borderImageSlice?: string | number | null | undefined;
+        borderImageSource?: string | number | null | undefined;
+        borderImageWidth?: string | number | null | undefined;
+        borderInline?: string | number | null | undefined;
+        borderInlineColor?: string | number | null | undefined;
+        borderInlineEnd?: string | number | null | undefined;
+        borderInlineEndColor?: string | number | null | undefined;
+        borderInlineEndStyle?: string | number | null | undefined;
+        borderInlineEndWidth?: string | number | null | undefined;
+        borderInlineStart?: string | number | null | undefined;
+        borderInlineStartColor?: string | number | null | undefined;
+        borderInlineStartStyle?: string | number | null | undefined;
+        borderInlineStartWidth?: string | number | null | undefined;
+        borderInlineStyle?: string | number | null | undefined;
+        borderInlineWidth?: string | number | null | undefined;
+        borderLeft?: string | number | null | undefined;
+        borderLeftColor?: string | number | null | undefined;
+        borderLeftStyle?: string | number | null | undefined;
+        borderLeftWidth?: string | number | null | undefined;
+        borderRadius?: string | number | null | undefined;
+        borderRight?: string | number | null | undefined;
+        borderRightColor?: string | number | null | undefined;
+        borderRightStyle?: string | number | null | undefined;
+        borderRightWidth?: string | number | null | undefined;
+        borderSpacing?: string | number | null | undefined;
+        borderStartEndRadius?: string | number | null | undefined;
+        borderStartStartRadius?: string | number | null | undefined;
+        borderStyle?: string | number | null | undefined;
+        borderTop?: string | number | null | undefined;
+        borderTopColor?: string | number | null | undefined;
+        borderTopLeftRadius?: string | number | null | undefined;
+        borderTopRightRadius?: string | number | null | undefined;
+        borderTopStyle?: string | number | null | undefined;
+        borderTopWidth?: string | number | null | undefined;
+        borderWidth?: string | number | null | undefined;
+        bottom?: string | number | null | undefined;
+        boxShadow?: string | number | null | undefined;
+        boxSizing?: string | number | null | undefined;
+        breakAfter?: string | number | null | undefined;
+        breakBefore?: string | number | null | undefined;
+        breakInside?: string | number | null | undefined;
+        captionSide?: string | number | null | undefined;
+        caretColor?: string | number | null | undefined;
+        clear?: string | number | null | undefined;
+        clip?: string | number | null | undefined;
+        clipRule?: string | number | null | undefined;
+        color?: string | number | null | undefined;
+        colorInterpolation?: string | number | null | undefined;
+        colorInterpolationFilters?: string | number | null | undefined;
+        colorScheme?: string | number | null | undefined;
+        columnCount?: string | number | null | undefined;
+        columnFill?: string | number | null | undefined;
+        columnGap?: string | number | null | undefined;
+        columnRule?: string | number | null | undefined;
+        columnRuleColor?: string | number | null | undefined;
+        columnRuleStyle?: string | number | null | undefined;
+        columnRuleWidth?: string | number | null | undefined;
+        columnSpan?: string | number | null | undefined;
+        columnWidth?: string | number | null | undefined;
+        columns?: string | number | null | undefined;
+        contain?: string | number | null | undefined;
+        containIntrinsicBlockSize?: string | number | null | undefined;
+        containIntrinsicHeight?: string | number | null | undefined;
+        containIntrinsicInlineSize?: string | number | null | undefined;
+        containIntrinsicSize?: string | number | null | undefined;
+        containIntrinsicWidth?: string | number | null | undefined;
+        container?: string | number | null | undefined;
+        containerName?: string | number | null | undefined;
+        containerType?: string | number | null | undefined;
+        content?: string | number | null | undefined;
+        contentVisibility?: string | number | null | undefined;
+        counterIncrement?: string | number | null | undefined;
+        counterReset?: string | number | null | undefined;
+        counterSet?: string | number | null | undefined;
+        cssFloat?: string | number | null | undefined;
+        cursor?: string | number | null | undefined;
+        cx?: string | number | null | undefined;
+        cy?: string | number | null | undefined;
+        d?: string | number | null | undefined;
+        direction?: string | number | null | undefined;
+        display?: string | number | null | undefined;
+        dominantBaseline?: string | number | null | undefined;
+        emptyCells?: string | number | null | undefined;
+        fill?: string | number | null | undefined;
+        fillOpacity?: string | number | null | undefined;
+        fillRule?: string | number | null | undefined;
+        flex?: string | number | null | undefined;
+        flexBasis?: string | number | null | undefined;
+        flexDirection?: string | number | null | undefined;
+        flexFlow?: string | number | null | undefined;
+        flexGrow?: string | number | null | undefined;
+        flexShrink?: string | number | null | undefined;
+        flexWrap?: string | number | null | undefined;
+        float?: string | number | null | undefined;
+        floodColor?: string | number | null | undefined;
+        floodOpacity?: string | number | null | undefined;
+        font?: string | number | null | undefined;
+        fontFamily?: string | number | null | undefined;
+        fontFeatureSettings?: string | number | null | undefined;
+        fontKerning?: string | number | null | undefined;
+        fontOpticalSizing?: string | number | null | undefined;
+        fontPalette?: string | number | null | undefined;
+        fontSize?: string | number | null | undefined;
+        fontSizeAdjust?: string | number | null | undefined;
+        fontStretch?: string | number | null | undefined;
+        fontStyle?: string | number | null | undefined;
+        fontSynthesis?: string | number | null | undefined;
+        fontSynthesisSmallCaps?: string | number | null | undefined;
+        fontSynthesisStyle?: string | number | null | undefined;
+        fontSynthesisWeight?: string | number | null | undefined;
+        fontVariant?: string | number | null | undefined;
+        fontVariantAlternates?: string | number | null | undefined;
+        fontVariantCaps?: string | number | null | undefined;
+        fontVariantEastAsian?: string | number | null | undefined;
+        fontVariantLigatures?: string | number | null | undefined;
+        fontVariantNumeric?: string | number | null | undefined;
+        fontVariantPosition?: string | number | null | undefined;
+        fontVariationSettings?: string | number | null | undefined;
+        fontWeight?: string | number | null | undefined;
+        forcedColorAdjust?: string | number | null | undefined;
+        gap?: string | number | null | undefined;
+        grid?: string | number | null | undefined;
+        gridArea?: string | number | null | undefined;
+        gridAutoColumns?: string | number | null | undefined;
+        gridAutoFlow?: string | number | null | undefined;
+        gridAutoRows?: string | number | null | undefined;
+        gridColumn?: string | number | null | undefined;
+        gridColumnEnd?: string | number | null | undefined;
+        gridColumnGap?: string | number | null | undefined;
+        gridColumnStart?: string | number | null | undefined;
+        gridGap?: string | number | null | undefined;
+        gridRow?: string | number | null | undefined;
+        gridRowEnd?: string | number | null | undefined;
+        gridRowGap?: string | number | null | undefined;
+        gridRowStart?: string | number | null | undefined;
+        gridTemplate?: string | number | null | undefined;
+        gridTemplateAreas?: string | number | null | undefined;
+        gridTemplateColumns?: string | number | null | undefined;
+        gridTemplateRows?: string | number | null | undefined;
+        hyphenateCharacter?: string | number | null | undefined;
+        hyphens?: string | number | null | undefined;
+        imageOrientation?: string | number | null | undefined;
+        imageRendering?: string | number | null | undefined;
+        inlineSize?: string | number | null | undefined;
+        inset?: string | number | null | undefined;
+        insetBlock?: string | number | null | undefined;
+        insetBlockEnd?: string | number | null | undefined;
+        insetBlockStart?: string | number | null | undefined;
+        insetInline?: string | number | null | undefined;
+        insetInlineEnd?: string | number | null | undefined;
+        insetInlineStart?: string | number | null | undefined;
+        isolation?: string | number | null | undefined;
+        justifyContent?: string | number | null | undefined;
+        justifyItems?: string | number | null | undefined;
+        justifySelf?: string | number | null | undefined;
+        left?: string | number | null | undefined;
+        length?: string | number | null | undefined;
+        letterSpacing?: string | number | null | undefined;
+        lightingColor?: string | number | null | undefined;
+        lineBreak?: string | number | null | undefined;
+        lineHeight?: string | number | null | undefined;
+        listStyle?: string | number | null | undefined;
+        listStyleImage?: string | number | null | undefined;
+        listStylePosition?: string | number | null | undefined;
+        listStyleType?: string | number | null | undefined;
+        margin?: string | number | null | undefined;
+        marginBlock?: string | number | null | undefined;
+        marginBlockEnd?: string | number | null | undefined;
+        marginBlockStart?: string | number | null | undefined;
+        marginBottom?: string | number | null | undefined;
+        marginInline?: string | number | null | undefined;
+        marginInlineEnd?: string | number | null | undefined;
+        marginInlineStart?: string | number | null | undefined;
+        marginLeft?: string | number | null | undefined;
+        marginRight?: string | number | null | undefined;
+        marginTop?: string | number | null | undefined;
+        markerEnd?: string | number | null | undefined;
+        markerMid?: string | number | null | undefined;
+        markerStart?: string | number | null | undefined;
+        maskClip?: string | number | null | undefined;
+        maskComposite?: string | number | null | undefined;
+        maskImage?: string | number | null | undefined;
+        maskMode?: string | number | null | undefined;
+        maskOrigin?: string | number | null | undefined;
+        maskPosition?: string | number | null | undefined;
+        maskRepeat?: string | number | null | undefined;
+        maskSize?: string | number | null | undefined;
+        maskType?: string | number | null | undefined;
+        mathDepth?: string | number | null | undefined;
+        mathStyle?: string | number | null | undefined;
+        maxBlockSize?: string | number | null | undefined;
+        maxHeight?: string | number | null | undefined;
+        maxInlineSize?: string | number | null | undefined;
+        maxWidth?: string | number | null | undefined;
+        minBlockSize?: string | number | null | undefined;
+        minHeight?: string | number | null | undefined;
+        minInlineSize?: string | number | null | undefined;
+        minWidth?: string | number | null | undefined;
+        mixBlendMode?: string | number | null | undefined;
+        objectFit?: string | number | null | undefined;
+        objectPosition?: string | number | null | undefined;
+        offset?: string | number | null | undefined;
+        offsetAnchor?: string | number | null | undefined;
+        offsetDistance?: string | number | null | undefined;
+        offsetPath?: string | number | null | undefined;
+        offsetPosition?: string | number | null | undefined;
+        offsetRotate?: string | number | null | undefined;
+        opacity?: string | number | null | undefined;
+        order?: string | number | null | undefined;
+        orphans?: string | number | null | undefined;
+        outline?: string | number | null | undefined;
+        outlineColor?: string | number | null | undefined;
+        outlineOffset?: string | number | null | undefined;
+        outlineStyle?: string | number | null | undefined;
+        outlineWidth?: string | number | null | undefined;
+        overflow?: string | number | null | undefined;
+        overflowAnchor?: string | number | null | undefined;
+        overflowClipMargin?: string | number | null | undefined;
+        overflowWrap?: string | number | null | undefined;
+        overflowX?: string | number | null | undefined;
+        overflowY?: string | number | null | undefined;
+        overscrollBehavior?: string | number | null | undefined;
+        overscrollBehaviorBlock?: string | number | null | undefined;
+        overscrollBehaviorInline?: string | number | null | undefined;
+        overscrollBehaviorX?: string | number | null | undefined;
+        overscrollBehaviorY?: string | number | null | undefined;
+        padding?: string | number | null | undefined;
+        paddingBlock?: string | number | null | undefined;
+        paddingBlockEnd?: string | number | null | undefined;
+        paddingBlockStart?: string | number | null | undefined;
+        paddingBottom?: string | number | null | undefined;
+        paddingInline?: string | number | null | undefined;
+        paddingInlineEnd?: string | number | null | undefined;
+        paddingInlineStart?: string | number | null | undefined;
+        paddingLeft?: string | number | null | undefined;
+        paddingRight?: string | number | null | undefined;
+        paddingTop?: string | number | null | undefined;
+        page?: string | number | null | undefined;
+        pageBreakAfter?: string | number | null | undefined;
+        pageBreakBefore?: string | number | null | undefined;
+        pageBreakInside?: string | number | null | undefined;
+        paintOrder?: string | number | null | undefined;
+        parentRule?: string | number | null | undefined;
+        perspective?: string | number | null | undefined;
+        perspectiveOrigin?: string | number | null | undefined;
+        placeContent?: string | number | null | undefined;
+        placeItems?: string | number | null | undefined;
+        placeSelf?: string | number | null | undefined;
+        pointerEvents?: string | number | null | undefined;
+        position?: string | number | null | undefined;
+        printColorAdjust?: string | number | null | undefined;
+        quotes?: string | number | null | undefined;
+        r?: string | number | null | undefined;
+        resize?: string | number | null | undefined;
+        right?: string | number | null | undefined;
+        rotate?: string | number | null | undefined;
+        rowGap?: string | number | null | undefined;
+        rubyPosition?: string | number | null | undefined;
+        rx?: string | number | null | undefined;
+        ry?: string | number | null | undefined;
+        scale?: string | number | null | undefined;
+        scrollBehavior?: string | number | null | undefined;
+        scrollMargin?: string | number | null | undefined;
+        scrollMarginBlock?: string | number | null | undefined;
+        scrollMarginBlockEnd?: string | number | null | undefined;
+        scrollMarginBlockStart?: string | number | null | undefined;
+        scrollMarginBottom?: string | number | null | undefined;
+        scrollMarginInline?: string | number | null | undefined;
+        scrollMarginInlineEnd?: string | number | null | undefined;
+        scrollMarginInlineStart?: string | number | null | undefined;
+        scrollMarginLeft?: string | number | null | undefined;
+        scrollMarginRight?: string | number | null | undefined;
+        scrollMarginTop?: string | number | null | undefined;
+        scrollPadding?: string | number | null | undefined;
+        scrollPaddingBlock?: string | number | null | undefined;
+        scrollPaddingBlockEnd?: string | number | null | undefined;
+        scrollPaddingBlockStart?: string | number | null | undefined;
+        scrollPaddingBottom?: string | number | null | undefined;
+        scrollPaddingInline?: string | number | null | undefined;
+        scrollPaddingInlineEnd?: string | number | null | undefined;
+        scrollPaddingInlineStart?: string | number | null | undefined;
+        scrollPaddingLeft?: string | number | null | undefined;
+        scrollPaddingRight?: string | number | null | undefined;
+        scrollPaddingTop?: string | number | null | undefined;
+        scrollSnapAlign?: string | number | null | undefined;
+        scrollSnapStop?: string | number | null | undefined;
+        scrollSnapType?: string | number | null | undefined;
+        scrollbarColor?: string | number | null | undefined;
+        scrollbarGutter?: string | number | null | undefined;
+        scrollbarWidth?: string | number | null | undefined;
+        shapeImageThreshold?: string | number | null | undefined;
+        shapeMargin?: string | number | null | undefined;
+        shapeOutside?: string | number | null | undefined;
+        shapeRendering?: string | number | null | undefined;
+        stopColor?: string | number | null | undefined;
+        stopOpacity?: string | number | null | undefined;
+        stroke?: string | number | null | undefined;
+        strokeDasharray?: string | number | null | undefined;
+        strokeDashoffset?: string | number | null | undefined;
+        strokeLinecap?: string | number | null | undefined;
+        strokeLinejoin?: string | number | null | undefined;
+        strokeMiterlimit?: string | number | null | undefined;
+        strokeOpacity?: string | number | null | undefined;
+        strokeWidth?: string | number | null | undefined;
+        tabSize?: string | number | null | undefined;
+        tableLayout?: string | number | null | undefined;
+        textAlign?: string | number | null | undefined;
+        textAlignLast?: string | number | null | undefined;
+        textAnchor?: string | number | null | undefined;
+        textCombineUpright?: string | number | null | undefined;
+        textDecoration?: string | number | null | undefined;
+        textDecorationColor?: string | number | null | undefined;
+        textDecorationLine?: string | number | null | undefined;
+        textDecorationSkipInk?: string | number | null | undefined;
+        textDecorationStyle?: string | number | null | undefined;
+        textDecorationThickness?: string | number | null | undefined;
+        textEmphasis?: string | number | null | undefined;
+        textEmphasisColor?: string | number | null | undefined;
+        textEmphasisPosition?: string | number | null | undefined;
+        textEmphasisStyle?: string | number | null | undefined;
+        textIndent?: string | number | null | undefined;
+        textOrientation?: string | number | null | undefined;
+        textOverflow?: string | number | null | undefined;
+        textRendering?: string | number | null | undefined;
+        textShadow?: string | number | null | undefined;
+        textTransform?: string | number | null | undefined;
+        textUnderlineOffset?: string | number | null | undefined;
+        textUnderlinePosition?: string | number | null | undefined;
+        textWrap?: string | number | null | undefined;
+        textWrapMode?: string | number | null | undefined;
+        textWrapStyle?: string | number | null | undefined;
+        top?: string | number | null | undefined;
+        touchAction?: string | number | null | undefined;
+        transform?: string | number | null | undefined;
+        transformBox?: string | number | null | undefined;
+        transformOrigin?: string | number | null | undefined;
+        transformStyle?: string | number | null | undefined;
+        transition?: string | number | null | undefined;
+        transitionBehavior?: string | number | null | undefined;
+        transitionDelay?: string | number | null | undefined;
+        transitionDuration?: string | number | null | undefined;
+        transitionProperty?: string | number | null | undefined;
+        transitionTimingFunction?: string | number | null | undefined;
+        translate?: string | number | null | undefined;
+        unicodeBidi?: string | number | null | undefined;
+        userSelect?: string | number | null | undefined;
+        vectorEffect?: string | number | null | undefined;
+        verticalAlign?: string | number | null | undefined;
+        visibility?: string | number | null | undefined;
+        webkitAlignContent?: string | number | null | undefined;
+        webkitAlignItems?: string | number | null | undefined;
+        webkitAlignSelf?: string | number | null | undefined;
+        webkitAnimation?: string | number | null | undefined;
+        webkitAnimationDelay?: string | number | null | undefined;
+        webkitAnimationDirection?: string | number | null | undefined;
+        webkitAnimationDuration?: string | number | null | undefined;
+        webkitAnimationFillMode?: string | number | null | undefined;
+        webkitAnimationIterationCount?: string | number | null | undefined;
+        webkitAnimationName?: string | number | null | undefined;
+        webkitAnimationPlayState?: string | number | null | undefined;
+        webkitAnimationTimingFunction?: string | number | null | undefined;
+        webkitAppearance?: string | number | null | undefined;
+        webkitBackfaceVisibility?: string | number | null | undefined;
+        webkitBackgroundClip?: string | number | null | undefined;
+        webkitBackgroundOrigin?: string | number | null | undefined;
+        webkitBackgroundSize?: string | number | null | undefined;
+        webkitBorderBottomLeftRadius?: string | number | null | undefined;
+        webkitBorderBottomRightRadius?: string | number | null | undefined;
+        webkitBorderRadius?: string | number | null | undefined;
+        webkitBorderTopLeftRadius?: string | number | null | undefined;
+        webkitBorderTopRightRadius?: string | number | null | undefined;
+        webkitBoxAlign?: string | number | null | undefined;
+        webkitBoxFlex?: string | number | null | undefined;
+        webkitBoxOrdinalGroup?: string | number | null | undefined;
+        webkitBoxOrient?: string | number | null | undefined;
+        webkitBoxPack?: string | number | null | undefined;
+        webkitBoxShadow?: string | number | null | undefined;
+        webkitBoxSizing?: string | number | null | undefined;
+        webkitFilter?: string | number | null | undefined;
+        webkitFlex?: string | number | null | undefined;
+        webkitFlexBasis?: string | number | null | undefined;
+        webkitFlexDirection?: string | number | null | undefined;
+        webkitFlexFlow?: string | number | null | undefined;
+        webkitFlexGrow?: string | number | null | undefined;
+        webkitFlexShrink?: string | number | null | undefined;
+        webkitFlexWrap?: string | number | null | undefined;
+        webkitJustifyContent?: string | number | null | undefined;
+        webkitLineClamp?: string | number | null | undefined;
+        webkitMask?: string | number | null | undefined;
+        webkitMaskBoxImage?: string | number | null | undefined;
+        webkitMaskBoxImageOutset?: string | number | null | undefined;
+        webkitMaskBoxImageRepeat?: string | number | null | undefined;
+        webkitMaskBoxImageSlice?: string | number | null | undefined;
+        webkitMaskBoxImageSource?: string | number | null | undefined;
+        webkitMaskBoxImageWidth?: string | number | null | undefined;
+        webkitMaskClip?: string | number | null | undefined;
+        webkitMaskComposite?: string | number | null | undefined;
+        webkitMaskImage?: string | number | null | undefined;
+        webkitMaskOrigin?: string | number | null | undefined;
+        webkitMaskPosition?: string | number | null | undefined;
+        webkitMaskRepeat?: string | number | null | undefined;
+        webkitMaskSize?: string | number | null | undefined;
+        webkitOrder?: string | number | null | undefined;
+        webkitPerspective?: string | number | null | undefined;
+        webkitPerspectiveOrigin?: string | number | null | undefined;
+        webkitTextFillColor?: string | number | null | undefined;
+        webkitTextSizeAdjust?: string | number | null | undefined;
+        webkitTextStroke?: string | number | null | undefined;
+        webkitTextStrokeColor?: string | number | null | undefined;
+        webkitTextStrokeWidth?: string | number | null | undefined;
+        webkitTransform?: string | number | null | undefined;
+        webkitTransformOrigin?: string | number | null | undefined;
+        webkitTransformStyle?: string | number | null | undefined;
+        webkitTransition?: string | number | null | undefined;
+        webkitTransitionDelay?: string | number | null | undefined;
+        webkitTransitionDuration?: string | number | null | undefined;
+        webkitTransitionProperty?: string | number | null | undefined;
+        webkitTransitionTimingFunction?: string | number | null | undefined;
+        webkitUserSelect?: string | number | null | undefined;
+        whiteSpace?: string | number | null | undefined;
+        whiteSpaceCollapse?: string | number | null | undefined;
+        widows?: string | number | null | undefined;
+        willChange?: string | number | null | undefined;
+        wordBreak?: string | number | null | undefined;
+        wordSpacing?: string | number | null | undefined;
+        wordWrap?: string | number | null | undefined;
+        writingMode?: string | number | null | undefined;
+        x?: string | number | null | undefined;
+        y?: string | number | null | undefined;
+        zIndex?: string | number | null | undefined;
+        zoom?: string | number | null | undefined;
+    };
+}> | null;
+export {};

package/dist/utils/pay-with-ikas.js

@@ -0,0 +1 @@
+import{__assign as e,__awaiter as r,__generator as t}from'./../ext/tslib/tslib.es6.mjs.js';import{IkasStorefrontConfig as s}from"../packages/storefront-config/src/index.js";import{autorun as i}from'./../ext/mobx/dist/mobx.esm.js';import{createElement as n}from'./../ext/preact/dist/preact.mjs.js';import{useRef as o,useMemo as a,useEffect as c}from'./../ext/preact/hooks/dist/hooks.mjs.js';import{isAddToCartEnabled as u}from"../functions/models/product/index.js";import{createPayWithIkasSession as d}from"../functions/stores/cart/index.js";import{cartStore as m}from"../stores/cart/index.js";function l(l){var f=this,p=l.product,g=l.quantity,h=void 0===g?1:g,y=l.className,w=l.style,v=o(null),b=o(h);b.current=h;var k=s.getPayWithIkasUrl(),j=a(function(){if(!k)return{iframeSrc:"",iframeHeight:"56px",targetOrigin:"*"};var e=new URL(k),r="true"===e.searchParams.get("subtextOption")?"90px":"56px";return e.searchParams.set("isAddToCartEnabled",u(p).toString()),{iframeSrc:e.toString(),iframeHeight:r,targetOrigin:e.origin}},[k,p]),x=j.iframeSrc,E=j.iframeHeight,P=j.targetOrigin;return c(function(){var e=v.current;if(e&&k){var s,n=!1,o=function(o){return r(f,void 0,void 0,function(){var r,a,c;return t(this,function(t){switch(t.label){case 0:if(e.contentWindow!==o.source)return[2];if("ikas-widget-ready"===o.data.type)return null==s||s(),s=i(function(){var r;null===(r=e.contentWindow)||void 0===r||r.postMessage({type:"ikas-buy-enabled-state-change",isAddToCartEnabled:u(p)},P)}),[2];if("ikas-buy-click"!==o.data.type)return[3,5];if(n)return[2];n=!0,t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,d(m,p,b.current)];case 2:return r=t.sent(),null===(c=e.contentWindow)||void 0===c||c.postMessage({type:"ikas-buy-loading-stop"},P),r.success&&r.payUrl?(window.location.href=r.payUrl,[3,5]):(console.error("Pay with ikas error:",r.error),[2]);case 3:return a=t.sent(),console.error("Pay with ikas error:",a),[3,5];case 4:return n=!1,[7];case 5:return[2]}})})};return window.addEventListener("message",o),function(){null==s||s(),window.removeEventListener("message",o)}}},[p,P,k]),k?n("iframe",{ref:v,title:"Pay with ikas",src:x,width:"100%",height:E,className:y,style:e({border:"none"},w)}):null}export{l as PayWithIkas};

package/dist/utils/svg.d.ts

@@ -0,0 +1,15 @@
+export type NormalizeSvgOptions = {
+    /** Deterministic, instance-unique prefix (element id, or prop key + list index). */
+    idPrefix: string;
+    /** Rewrite ids and their references. Default: true. */
+    scopeIds?: boolean;
+    /** Normalize fill/stroke to this color. Opt-in. */
+    color?: "currentColor";
+    /** Strip fixed width/height and ensure a viewBox. Default: true. */
+    size?: boolean;
+};
+/**
+ * Isomorphic, DOM-free normalization of a raw SVG markup string for render.
+ * Safe to call in SSR, browser, and node — pure string transforms only.
+ */
+export declare function normalizeSvg(svg: string, options: NormalizeSvgOptions): string;

package/dist/utils/svg.js

@@ -0,0 +1 @@
+var r=/\swidth\s*=\s*["']([^"']*)["']/i,n=/\sheight\s*=\s*["']([^"']*)["']/i,t=function(r,n){var t;return null===(t=r.match(n))||void 0===t?void 0:t[1]},c=function(r){var n=null==r?void 0:r.trim().match(/^(-?\d*\.?\d+)(px)?$/i);return n?parseFloat(n[1]):NaN},e=/(\sfill\s*=\s*["'])([^"']*)(["'])/gi,i=/(\sstroke\s*=\s*["'])([^"']*)(["'])/gi,s=/(fill\s*:\s*)([^;"']+)/gi,o=/(stroke\s*:\s*)([^;"']+)/gi;function a(a,u){var l=u.idPrefix,f=u.scopeIds,v=void 0===f||f,p=u.color,h=u.size,d=void 0===h||h,g=v?function(r,n){var t=new Set(Array.from(r.matchAll(/\sid\s*=\s*["']([^"']+)["']/g)).map(function(r){return r[1]}));if(0===t.size)return r;var c=function(r){return"".concat(n,"-").concat(r)};return r.replace(/(\sid\s*=\s*["'])([^"']+)(["'])/g,function(r,n,e,i){return t.has(e)?"".concat(n).concat(c(e)).concat(i):r}).replace(/url\(\s*["']?#([^"')\s]+)["']?\s*\)/g,function(r,n){return t.has(n)?"url(#".concat(c(n),")"):r}).replace(/((?:xlink:)?href\s*=\s*["'])#([^"']+)(["'])/g,function(r,n,e,i){return t.has(e)?"".concat(n,"#").concat(c(e)).concat(i):r})}(a,l):a,m="currentColor"===p?function(r){var n=function(r){var n=r.trim();return"none"===n||n.startsWith("url(")},t=function(r,t,c,e){return n(c)?r:"".concat(t,"currentColor").concat(e)},c=function(r,t,c){return n(c)?r:"".concat(t,"currentColor")};return r.replace(e,t).replace(i,t).replace(s,c).replace(o,c)}(g):g;return d?function(e){return e.replace(/<svg\b[^>]*>/i,function(e){var i=/\sviewBox\s*=/i.test(e),s=c(t(e,r)),o=c(t(e,n)),a=!i&&!Number.isNaN(s)&&!Number.isNaN(o);return i||a?(a?e.replace(/<svg\b/i,'<svg viewBox="0 0 '.concat(s," ").concat(o,'"')):e).replace(/\swidth\s*=\s*["'][^"']*["']/i,"").replace(/\sheight\s*=\s*["'][^"']*["']/i,""):e})}(m):m}export{a as normalizeSvg};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/bp-storefront",
-  "version": "1.4.0-beta.20",
+  "version": "1.4.0-beta.201",
   "description": "A framework for the ikas blueprint storefronts.",
   "author": "ikas",
   "license": "ISC",