krl-alfred 2.20.2 → 2.20.4

package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.d.ts

@@ -416,3 +416,168 @@ export declare const InsuranceType2PriceLoading: {
         insuranceTooltipWidth: string;
     };
 };
+export declare const UpfrontAddonWithDiscount: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        image: React.JSX.Element;
+        upfrontAddonDiscountBadge: string;
+        upfrontAddonOldPrice: string;
+        title: string;
+        price: string;
+        priceSm: string;
+        period: string;
+        deliveryText: string;
+        deliveryDangerText: any;
+        discountRate: number;
+        oldPrice: any;
+        oldPriceSm: any;
+        oldPricePeriod: any;
+        hasInsurance: boolean;
+        insuranceType: number;
+        upfrontAddonTitle: string;
+        upfrontAddonSummaryText: string;
+        upfrontAddonPrice: string;
+        component: ({ children }: any) => React.JSX.Element;
+        hasRemove: boolean;
+        hasInsuranceTooltipClickAction: boolean;
+        quantity: string;
+        onRemove: () => void;
+        onIncrement: () => void;
+        onDecrement: () => void;
+        toggleInsurance: () => void;
+        hasError: boolean;
+        hasLoading: boolean;
+        errorText: string;
+        insuranceText: string;
+        insurancePrice: string;
+        insuranceQuantity: string;
+        hasInsuranceTooltip: boolean;
+        hasDisableActions: boolean;
+        insuranceTooltipText: React.JSX.Element;
+        insuranceTooltipWidth: string;
+    };
+};
+export declare const UpfrontAddonSimple: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        image: React.JSX.Element;
+        title: string;
+        price: string;
+        priceSm: string;
+        period: string;
+        deliveryText: string;
+        deliveryDangerText: any;
+        discountRate: number;
+        oldPrice: any;
+        oldPriceSm: any;
+        oldPricePeriod: any;
+        hasInsurance: boolean;
+        insuranceType: number;
+        upfrontAddonTitle: string;
+        upfrontAddonSummaryText: string;
+        upfrontAddonPrice: string;
+        component: ({ children }: any) => React.JSX.Element;
+        hasRemove: boolean;
+        hasInsuranceTooltipClickAction: boolean;
+        quantity: string;
+        onRemove: () => void;
+        onIncrement: () => void;
+        onDecrement: () => void;
+        toggleInsurance: () => void;
+        hasError: boolean;
+        hasLoading: boolean;
+        errorText: string;
+        insuranceText: string;
+        insurancePrice: string;
+        insuranceQuantity: string;
+        hasInsuranceTooltip: boolean;
+        hasDisableActions: boolean;
+        insuranceTooltipText: React.JSX.Element;
+        insuranceTooltipWidth: string;
+    };
+};
+export declare const UpfrontAddonChecked: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        image: React.JSX.Element;
+        upfrontAddonChecked: boolean;
+        upfrontAddonDiscountBadge: string;
+        upfrontAddonOldPrice: string;
+        title: string;
+        price: string;
+        priceSm: string;
+        period: string;
+        deliveryText: string;
+        deliveryDangerText: any;
+        discountRate: number;
+        oldPrice: any;
+        oldPriceSm: any;
+        oldPricePeriod: any;
+        hasInsurance: boolean;
+        insuranceType: number;
+        upfrontAddonTitle: string;
+        upfrontAddonSummaryText: string;
+        upfrontAddonPrice: string;
+        component: ({ children }: any) => React.JSX.Element;
+        hasRemove: boolean;
+        hasInsuranceTooltipClickAction: boolean;
+        quantity: string;
+        onRemove: () => void;
+        onIncrement: () => void;
+        onDecrement: () => void;
+        toggleInsurance: () => void;
+        hasError: boolean;
+        hasLoading: boolean;
+        errorText: string;
+        insuranceText: string;
+        insurancePrice: string;
+        insuranceQuantity: string;
+        hasInsuranceTooltip: boolean;
+        hasDisableActions: boolean;
+        insuranceTooltipText: React.JSX.Element;
+        insuranceTooltipWidth: string;
+    };
+};
+export declare const UpfrontAddonCheckedLoading: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        image: React.JSX.Element;
+        upfrontAddonChecked: boolean;
+        upfrontAddonDiscountBadge: string;
+        upfrontAddonOldPrice: string;
+        hasUpfrontAddonPriceLoading: boolean;
+        title: string;
+        price: string;
+        priceSm: string;
+        period: string;
+        deliveryText: string;
+        deliveryDangerText: any;
+        discountRate: number;
+        oldPrice: any;
+        oldPriceSm: any;
+        oldPricePeriod: any;
+        hasInsurance: boolean;
+        insuranceType: number;
+        upfrontAddonTitle: string;
+        upfrontAddonSummaryText: string;
+        upfrontAddonPrice: string;
+        component: ({ children }: any) => React.JSX.Element;
+        hasRemove: boolean;
+        hasInsuranceTooltipClickAction: boolean;
+        quantity: string;
+        onRemove: () => void;
+        onIncrement: () => void;
+        onDecrement: () => void;
+        toggleInsurance: () => void;
+        hasError: boolean;
+        hasLoading: boolean;
+        errorText: string;
+        insuranceText: string;
+        insurancePrice: string;
+        insuranceQuantity: string;
+        hasInsuranceTooltip: boolean;
+        hasDisableActions: boolean;
+        insuranceTooltipText: React.JSX.Element;
+        insuranceTooltipWidth: string;
+    };
+};

package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InsuranceType2PriceLoading = exports.InsuranceType2 = exports.Minimal = exports.WithInsurancePrice = exports.DisabledActions = exports.WithoutDiscount = exports.WithError = exports.Loading = exports.WithoutInsurance = exports.WithRemove = exports.Default = void 0;
+exports.UpfrontAddonCheckedLoading = exports.UpfrontAddonChecked = exports.UpfrontAddonSimple = exports.UpfrontAddonWithDiscount = exports.InsuranceType2PriceLoading = exports.InsuranceType2 = exports.Minimal = exports.WithInsurancePrice = exports.DisabledActions = exports.WithoutDiscount = exports.WithError = exports.Loading = exports.WithoutInsurance = exports.WithRemove = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var ShoppingCartProduct_1 = __importDefault(require("../ShoppingCartProduct"));
@@ -61,7 +61,7 @@ exports.default = {
     argTypes: {
         hasRemove: { control: 'boolean' },
         hasInsurance: { control: 'boolean' },
-        insuranceType: { control: 'radio', options: [1, 2] },
+        insuranceType: { control: 'radio', options: [1, 2, 3] },
         hasLoading: { control: 'boolean' },
         hasError: { control: 'boolean' },
         hasDisableActions: { control: 'boolean' },
@@ -106,3 +106,26 @@ exports.InsuranceType2PriceLoading = {
     render: InsuranceType2WithState,
     args: __assign(__assign({}, defaultArgs), { title: "Phone 17 Pro Max - Abis", price: "7.000", priceSm: " TL", period: "ay 12 ay boyunca", hasInsurance: true, insuranceType: 2, hasInsuranceOption1PriceLoading: true, insuranceOption1Title: "Hasar güvencesi ekle", insuranceOption1Description: "Troy Artı servislerinde 1 kez ücretsiz cam kırılması onarımı, tüm servis sürecinde ikame cihaz ve öncelikli servis desteği. Unutma, kılcal çizikler hasardan sayılmaz.", insuranceOption2Title: "Hasar güvencesi istemiyorum", insuranceOption2Description: "Hasar güvencesi eklemediğinde yalnızca 5.000 TL'ye kadar olan hasarlar için %100 hasar güvencesi bulunur." }),
 };
+var coffeeImage = (0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", height: "64px", alt: "\u00C7ekirdek kahve" });
+var upfrontAddonBaseArgs = __assign(__assign({}, defaultArgs), { title: "Çekirdek kahve", price: "520", priceSm: " TL", period: "İki ayda bir - 12 ay boyunca", deliveryText: "Tahmini kargoya teslim: 1-2 gün", deliveryDangerText: null, discountRate: 0, oldPrice: null, oldPriceSm: null, oldPricePeriod: null, hasInsurance: true, insuranceType: 3, upfrontAddonTitle: "Tek seferde öde", upfrontAddonSummaryText: "6 sipariş toplamı", upfrontAddonPrice: "2.800 TL" });
+var UpfrontAddonWithState = function (args) {
+    var _a;
+    var _b = (0, react_1.useState)((_a = args.upfrontAddonChecked) !== null && _a !== void 0 ? _a : false), checked = _b[0], setChecked = _b[1];
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '368px' } }, { children: (0, jsx_runtime_1.jsx)(ShoppingCartProduct_1.default, __assign({}, args, { upfrontAddonChecked: checked, onUpfrontAddonChange: function () { return setChecked(!checked); } })) })));
+};
+exports.UpfrontAddonWithDiscount = {
+    render: UpfrontAddonWithState,
+    args: __assign(__assign({}, upfrontAddonBaseArgs), { image: coffeeImage, upfrontAddonDiscountBadge: "%10 indirim", upfrontAddonOldPrice: "3.120 TL" }),
+};
+exports.UpfrontAddonSimple = {
+    render: UpfrontAddonWithState,
+    args: __assign(__assign({}, upfrontAddonBaseArgs), { image: coffeeImage }),
+};
+exports.UpfrontAddonChecked = {
+    render: UpfrontAddonWithState,
+    args: __assign(__assign({}, upfrontAddonBaseArgs), { image: coffeeImage, upfrontAddonChecked: true, upfrontAddonDiscountBadge: "%10 indirim", upfrontAddonOldPrice: "3.120 TL" }),
+};
+exports.UpfrontAddonCheckedLoading = {
+    render: UpfrontAddonWithState,
+    args: __assign(__assign({}, upfrontAddonBaseArgs), { image: coffeeImage, upfrontAddonChecked: true, upfrontAddonDiscountBadge: "%10 indirim", upfrontAddonOldPrice: "3.120 TL", hasUpfrontAddonPriceLoading: true }),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.20.2",
+  "version": "2.20.4",
   "files": [
     "dist"
   ],